在线电影售票系统前端端.zip资源-CSDN文库

共174个文件

ts：112个

vue：35个

json：6个

毕业设计

课程设计

需积分: 5 59 浏览量 2024-01-17 12:08:59 上传评论收藏 380KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

在线电影售票系统前端端.zip （174个子文件）

commit-msg 68B

.env.development 25B

.eslintignore 18B

.gitignore 89B

index.html 482B

.eslintrc.js 2KB

.stylelintrc.js 700B

.prettierrc.js 209B

commitlint.config.js 70B

babel.config.js 60B

world.json 246KB

package.json 3KB

tsconfig.json 431B

settings.json 326B

settings.json 210B

package-lock.json 92B

global.less 2KB

breakpoint.less 352B

README.md 6KB

readme.md 381B

code.png 1KB

pre-commit 62B

.prettierignore 60B

.env.production 25B

logo.svg 1KB

user.ts 3KB

systemManger.ts 3KB

message-box.ts 2KB

index.ts 2KB

zh-CN.ts 2KB

interceptor.ts 2KB

zh-CN.ts 2KB

index.ts 2KB

en-US.ts 2KB

use-menu-tree.ts 2KB

en-US.ts 2KB

permission.ts 2KB

index.ts 2KB

zh-CN.ts 2KB

settings.ts 1KB

zh-CN.ts 1KB

settings.ts 1KB

is.ts 1KB

zh-CN.ts 1KB

vite.config.base.ts 1KB

permission.ts 1KB

types.ts 1KB

en-US.ts 1KB

types.ts 1KB

userLoginInfo.ts 1KB

responsive.ts 992B

index.ts 965B

chart-option.ts 962B

index.ts 932B

typings.d.ts 913B

vite.config.prod.ts 864B

main.ts 862B

index.ts 824B

route-listener.ts 821B

index.ts 805B

arcoResolver.ts 804B

types.ts 795B

compress.ts 789B

index.ts 781B

request.ts 768B

base.ts 766B

en-US.ts 766B

index.ts 754B

vite.config.dev.ts 754B

message.ts 743B

imagemin.ts 742B

index.ts 727B

user.ts 650B

monitor.ts 627B

event.ts 621B

index.ts 605B

global.ts 593B

types.ts 566B

home.ts 554B

locale.ts 548B

types.ts 515B

types.ts 496B

index.ts 496B

index.ts 492B

zh-CN.ts 479B

index.ts 477B

en-US.ts 462B

types.ts 447B

共 174 条

### 5. 前台系统界面设计 #### 5.1 首页界面 - **描述：** 显示系统首页，用户可以进行注册、登录、查询影片等操作。 - **元素：** - 导航栏 - 搜索框 - 注册按钮 - 登录按钮 - 电影列表 - **操作：** - 点击注册按钮跳转至注册页面 - 点击登录按钮跳转至登录页面 - 在搜索框中输入关键字进行电影查询 #### 5.2 用户注册界面 - **描述：** 允许用户进行注册，提供用户名、密码、邮箱等注册信息。 - **元素：** - 返回首页按钮 - 注册表单（用户名、密码、确认密码、邮箱） - 注册按钮 - **操作：** - 填写注册信息 - 点击注册按钮进行注册 - 返回首页按钮返回首页 #### 5.3 用户登录界面 - **描述：** 允许已注册用户进行登录。 - **元素：** - 返回首页按钮 - 登录表单（用户名、密码） - 登录按钮 - **操作：** - 输入用户名和密码 - 点击登录按钮进行登录 - 返回首页按钮返回首页 #### 5.4 电影查询结果界面 - **描述：** 用户可以通过关键字搜索查询电影信息。 - **元素：** - 返回首页按钮 - 电影列表（包括电影名称、海报、评分等） - 电影详情按钮 - **操作：** - 点击电影详情按钮进入电影详情页面 - 返回首页按钮返回首页 #### 5.5 电影详情界面 - **描述：** 展示电影的详细信息，包括演职人员、时长、类型、评分等。 - **元素：** - 返回查询结果按钮 - 电影详细信息（演职人员、时长、类型、评分、票房等） - 评论列表 - 评论表单 - **操作：** - 提交评论表单 - 返回查询结果按钮返回查询结果界面 #### 5.6 用户个人中心界面 - **描述：** 用户可以查看个人信息、订单历史等。 - **元素：** - 用户信息（用户名、邮箱等） - 订单历史列表 - 修改个人信息按钮 - **操作：** - 点击修改个人信息按钮进入修改页面 - 查看订单详情 - 返回首页按钮返回首页 #### 5.7 选座位界面 - **描述：** 用户可以在线选座位。 - **元素：** - 放映厅座位图 - 返回电影详情按钮 - 选座位表单 - **操作：** - 选择座位 - 提交选座位表单 - 返回电影详情按钮返回电影详情界面 #### 5.8 订单确认界面 - **描述：** 用户可以在线订票。 - **元素：** - 订单信息（电影名称、座位信息、价格等） - 支付方式选择 - 确认订单按钮 - **操作：** - 选择支付方式 - 点击确认订单按钮进行支付 - 返回首页按钮返回首页 ### 6. 后台系统界面设计 #### 6.1 登录界面 - **描述：** 管理员可以通过用户名和密码登录后台系统。 - **元素：** - 登录表单（用户名、密码） - 登录按钮 - **操作：** - 输入用户名和密码 - 点击登录按钮进行登录 #### 6.2 后台主页面 - **描述：** 后台主页面展示各个管理模块的入口，包括用户管理、影片管理、场次管理等。 - **元素：** - 用户管理入口 - 影片管理入口 - 影院管理入口 - 放映厅管理入口 - 场次管理入口 - 评论管理入口 - 订单管理入口 - **操作：** - 点击相应入口进入对应管理模块 #### 6.3 用户管理界面 - **描述：** 管理员可以对用户进行管理，包括查看用户信息、修改用户信息、禁用用户等。 - **元素：** - 用户列表（包括用户名、注册时间等） - 用户详情按钮 - 修改用户信息按钮 - 禁用用户按钮 - **操作：** - 点击用户详情按钮查看用户详细信息 - 点击修改用户信息按钮修改用户信息 - 点击禁用用户按钮禁用用户 #### 6.4 电影管理界面 - **描述：** 管理员可以对电影进行管理，包括添加新电影、修改电影信息、下架电影等。 - **元素：** - 电影列表（包括电影名称、上映时间等） - 添加新电影按钮 - 电影详情按钮 - 修改电影信息按钮 - 下架电影按钮 - **操作：** - 点击添加新电影按钮填写电影信息并保存 - 点击电影详情按钮查看电影详细信息 - 点击修改电影信息按钮修改电影信息 - 点击下架电影按钮下架电影 #### 6.5 影院管理界面 - **描述：** 管理员可以对影院进行管理，包括添加新影院、修改影院信息等。 - **元素：** - 影院列表（包括影院名称、地址等） - 添加新影院按钮 - 影院详情按钮 - 修改影院信息按钮 - **操作：** - 点击添加新影院按钮填写影院信息并保存 - 点击影院详情按钮查看影院详细信息 - 点击修改影院信息按钮修改影院信息 #### 6.6 放映厅管理界面 - **描述：** 管理员可以对放映厅进行管理，包括添加新放映厅、修改放映厅信息等。 - **元素：** - 放映厅列表（包括放映厅名称、容量等） - 添加新放映厅按钮 - 放映厅详情按钮 - 修改放映厅信息按钮 - **操作：** - 点击添加新放映厅按钮填写放映厅信息并保存 - 点击放映厅详情按钮查看放映厅详细信息 - 点击修改放映厅信息按钮修改放映厅信息 #### 6.7 场次管理界面 - **描述：** 管理员可以对电影场次进行管理，包括添加新场次、修改场次信息等。 - **元素：** - 场次列表（包括电影名称、放映厅、开始时间等） - 添加新场次按钮 - 场次详情按钮 - 修改场次信息按钮 - **操作：** - 点击添加新场次按钮选择电影、放映厅、时间等信息并保存 - 点击场次详情按钮查看场次详细信息 - 点击修改场次信息按钮修改场次信息 #### 6.8 评论管理界面 - **描述：** 管理员可以查看用户的评论，包括删除不当评论等。 - **元素：** - 评论列表（包括用户、电影、评论内容等信息） - 删除评论按钮 - **操作：** - 点击删除评论按钮删除不当评论 #### 6.9 订单管理界面 - **描述：** 管理员可以查看用户订单，包括订单详情、修改订单状态等。 - **元素：** - 订单列表（包括用户、订单状态、下单时间等信息） - 订单详情按钮 - 修改订单状态按钮 - **操作：** - 点击订单详情按钮查看订单详细信息 - 点击修改订单状态按钮修改订单状态，例如确认支付、取消订单等。

评论收藏

内容反馈