毕业设计源码分享——node.js(Express)+vue电影院售票管理系统

1,项目背景

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

1.2,选题意义

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

2,需求分析

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

系统会员功能

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

系统管理员功能

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

3,技术分析

后端技术

技术 说明 官网
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/

4,系统设计

功能权限结构图

毕业设计源码分享——node.js(Express)+vue电影院售票管理系统_第1张图片

5,商城页面展示

登陆界面

毕业设计源码分享——node.js(Express)+vue电影院售票管理系统_第2张图片

首页

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

毕业设计源码分享——node.js(Express)+vue电影院售票管理系统_第3张图片

影片搜索

毕业设计源码分享——node.js(Express)+vue电影院售票管理系统_第4张图片

电影详情页

毕业设计源码分享——node.js(Express)+vue电影院售票管理系统_第5张图片

电影票购买流程

1. 点击特惠购票

在这里插入图片描述

2. 选择影院

毕业设计源码分享——node.js(Express)+vue电影院售票管理系统_第6张图片

3. 选择场次

毕业设计源码分享——node.js(Express)+vue电影院售票管理系统_第7张图片

4. 选择座位

毕业设计源码分享——node.js(Express)+vue电影院售票管理系统_第8张图片

5. 确认订单

毕业设计源码分享——node.js(Express)+vue电影院售票管理系统_第9张图片

6. 支付订单

毕业设计源码分享——node.js(Express)+vue电影院售票管理系统_第10张图片

7. 确认支付

毕业设计源码分享——node.js(Express)+vue电影院售票管理系统_第11张图片

8. 支付成功,获得取票码

毕业设计源码分享——node.js(Express)+vue电影院售票管理系统_第12张图片

电影页面

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

毕业设计源码分享——node.js(Express)+vue电影院售票管理系统_第13张图片
毕业设计源码分享——node.js(Express)+vue电影院售票管理系统_第14张图片

影院

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

毕业设计源码分享——node.js(Express)+vue电影院售票管理系统_第15张图片

影院详情

毕业设计源码分享——node.js(Express)+vue电影院售票管理系统_第16张图片

我的

毕业设计源码分享——node.js(Express)+vue电影院售票管理系统_第17张图片

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

毕业设计源码分享——node.js(Express)+vue电影院售票管理系统_第18张图片

我的订单

毕业设计源码分享——node.js(Express)+vue电影院售票管理系统_第19张图片

我想看的电影

毕业设计源码分享——node.js(Express)+vue电影院售票管理系统_第20张图片

我看过的电影

毕业设计源码分享——node.js(Express)+vue电影院售票管理系统_第21张图片

6,后台管理页面展示

登陆界面

毕业设计源码分享——node.js(Express)+vue电影院售票管理系统_第22张图片

用户管理

毕业设计源码分享——node.js(Express)+vue电影院售票管理系统_第23张图片

添加用户

毕业设计源码分享——node.js(Express)+vue电影院售票管理系统_第24张图片

电影管理

毕业设计源码分享——node.js(Express)+vue电影院售票管理系统_第25张图片

添加 / 修改电影

影院管理

毕业设计源码分享——node.js(Express)+vue电影院售票管理系统_第26张图片

添加影院

毕业设计源码分享——node.js(Express)+vue电影院售票管理系统_第27张图片

影厅管理

毕业设计源码分享——node.js(Express)+vue电影院售票管理系统_第28张图片

添加影厅

毕业设计源码分享——node.js(Express)+vue电影院售票管理系统_第29张图片

电影排片

毕业设计源码分享——node.js(Express)+vue电影院售票管理系统_第30张图片

添加排片

毕业设计源码分享——node.js(Express)+vue电影院售票管理系统_第31张图片

评论管理

毕业设计源码分享——node.js(Express)+vue电影院售票管理系统_第32张图片

订单管理

毕业设计源码分享——node.js(Express)+vue电影院售票管理系统_第33张图片

你可能感兴趣的:(前后端分离源码分享,课程设计,node.js,express,毕业设计,java,vue,mysql)