计算机毕业设计 | node.js(Express)+vue影院售票商城 电影放映购物系统(附源码+论文)

1,绪论

1.1 项目背景

最近几年,我国影院企业发展迅猛,各大电影院不断建设新的院线,每年新投入使用的荧幕数目逐年显著上升。这离不开人们的观影需求及对观影的过程要求的不断进步。广大观影消费者需要知道自己的空闲时间,在自己可以接受的地理距离范围内,是否有感兴趣的影片可供观看,也需要清楚哪家影院在销售自己需要的电影票;同时手握电影排期及上映信息的电影院的运营者也急需根据消费者的观影需求实时调整经营策略,这种买卖双方之间的信息交流需求更促进了"电影院网上订票系统"发展。

1.2 选题意义

蓬勃的互联网大潮将逐步使人们的社会生活更加便利,成为数字化社会的一个重要标识。而电影院网上订票系统作为其中重要的组成部分,逐渐将消费者从电影院卖票窗口长长的队伍中解放出来,使得全体在线消费者通过丰富多彩的互联网上享受到不间断的订票体验,打破了在时间上以及空间上的局限,打开了广阔的市场前景。

2 ,系统设计

功能权限结构图

3,需求分析

本系统分别从会员以及系统管理员这两个主要用例为驱动,将整体系统功能划分为系统会员业务和系统管理员业务两大模块,具体如下:

3.1 会员功能

  1. 会员注册:如果想要在本网站购买电影票则必须先在系统上进行注册
  2. 会员信息管理:已经注册为系统会员的用户,随时能够调整或丰富自己的个人资料。
  3. 订购电影票:游客及本系统注册会员可以在本电影院网上订票系统查看在映的电影信息、根据个人情况不同可以选择不同影院进行购票。还可以通过关键词查询自己感兴趣的影片和影院等。
  4. 订单信息查询:会员登录本电影院网上订票系统后,可以查询自己之前的历史订单信息,包括订单时间、金额、对应的电影票、场次等。
  5. 想看的电影:会员可以收藏自己想看的电影到收藏夹
  6. 电影评论:用户可以给看过的电影进行评论,打分,点赞别人的评论

3.2 管理员功能

  1. 系统管理:系统管理员密码修改
  2. 影片信息管理:系统管理员对所有符合各影院上映标准的所有电影进行添加及管理,包括影片的名称、简介、导演、主演及上映时间等相关基本信息的管理,能够对影片数据进行新增、编辑和删除等操作。
  3. 电影排期管理:本系统设计为每个合作的影院配置一个普通系统管理员分别对各大影院电影排期信息进行管理,主要职责是及时将正在热映以及即将上映的影片的排期信息发布或更新到网站,以便广大消费者进行购票。
  4. 管理电影影评信息:系统管理员在网上订票系统中对会员提交的影评及电影打分信息进行审核
  5. 电影票订单管理:各影院的系统管理员可以对系统中相应影院的电影票订购信息进行查询及管理,并处理会员的退票换票业务。
  6. 电影院及影院放映厅管理:系统管理员在网上订票系统中添加、修改或删除合作电影院信息,并对各影院的放映厅信息进行管理。

4,技术分析

后端技术

技术 说明 官网
Node.JS JS代码的运行环境 https://nodejs.org/en
Express Web应用开发框架 https://www.expressjs.com.cn/
Express-session session的中间件 📣 有源码 获取源码
EJS 嵌入式模板引擎 https://ejs.bootcss.com/
Morgan 日志中间件 https://github.com/jwtk/jjwt
Multer 表单数据处理工具 https://github.com/expressjs/multer
MySQL 数据库 https://www.mysql.com/

前端技术

技术 说明 官网
Vue 前端框架 https://vuejs.org/
Vue-router 路由框架 https://router.vuejs.org/
Vuex 全局状态管理框架 https://vuex.vuejs.org/
Element 前端UI框架 https://element.eleme.io
Axios 前端HTTP框架 https://github.com/axios/axios
v-charts 基于Echarts的图表框架 https://v-charts.js.org/

5,影院商城页面展示

5.1 登陆界面

5.2 首页

商城首页通过定位、搜索框、正在热映、即将上映模块将页面分隔开

5.3 影片搜索

5.4 电影详情页

5.5 电影票购买流程

5.5.1 点击特惠购票

5.5.2 选择影院

5.5.3 选择场次

5.5.4 选择座位

5.5.5 确认订单

5.5.6 支付订单

5.5.7 确认支付

5.5.8 支付成功,获得取票码

5.6 电影页面

电影页面被分为两个模块:正在热映和即将上映,和首页相对于


5.7 影院

在影院页面用户可查看所有影院

5.7.1 影院详情

5.8 我的

5.8.1 我的资料(点击">"即可修改个人信息)

5.9 我的订单

5.10 我想看的电影

5.11 我看过的电影

6,后台管理页面展示

6.1 登陆界面

6.2 用户管理

6.2.1 添加用户

6.3 电影管理

6.3.1 添加 / 修改电影

6.4 影院管理

6.4.1 添加影院

6.5 影厅管理

6.5.1 添加影厅

6.6 电影排片

6.6.1 添加排片

6.7 评论管理

6.8 订单管理

相关推荐
小华同学ai几秒前
vue-office:Star 4.2k,款支持多种Office文件预览的Vue组件库,一站式Office文件预览方案,真心不错
前端·javascript·vue.js·开源·github·office
APP 肖提莫2 分钟前
MyBatis-Plus分页拦截器,源码的重构(重构total总数的计算逻辑)
java·前端·算法
沐欣工作室_lvyiyi8 分钟前
基于单片机的多功能智能小车(论文+源码)
stm32·单片机·嵌入式硬件·毕业设计·单片机毕业设计
问道飞鱼13 分钟前
【前端知识】强大的js动画组件anime.js
开发语言·前端·javascript·anime.js
k093315 分钟前
vue中proxy代理配置(测试一)
前端·javascript·vue.js
傻小胖16 分钟前
React 脚手架使用指南
前端·react.js·前端框架
中草药z20 分钟前
【Spring】深入解析 Spring 原理:Bean 的多方面剖析(源码阅读)
java·数据库·spring boot·spring·bean·源码阅读
地球资源数据云22 分钟前
全国30米分辨率逐年植被覆盖度(FVC)数据集
大数据·运维·服务器·数据库·均值算法
程序员海军28 分钟前
2024 Nuxt3 年度生态总结
前端·nuxt.js
m0_7482567839 分钟前
SpringBoot 依赖之Spring Web
前端·spring boot·spring