1,项目背景
随着互联网时代的到来,同时计算机网络技术高速发展,网络管理运用也变得越来越广泛。因此,建立一个B/S结构的电影院会员管理系统;电影院会员管理系统的管理工作系统化、规范化,也会提高影院形象,提高会员管理效率。
2,系统设计
3、需求分析
-
会员模块
1.1 会员列表:显示出当前系统中所有已注册的会员信息
1.2 查询:会员列表上方文本框可输入会员姓名或性别或id号进行查询
1.3 登录:点击按钮进入会员卡界面,显示出会员卡列表
1.4 注册:点击注册按钮进入注册页面,提交表单后,判断是否曾经注册过,在服务端写入数据库
1.5 修改:点击列表中某一个会员项左侧修改按钮,可弹出一个模态窗口进行修改
1.6 删除:点击列表中某一个会员项左侧删除按钮,在弹出确认对话框后,发送请求到服务端内删除数据 -
会员卡模块
2.1 会员卡列表:显示出当前用户所持有的所有的会员卡信息及状态
2.2 会员卡查询:根据ID号查询到当前需要操作的会员卡
2.3 注册:用户可以点击注册,每个用户可注册多个会员卡
2.4 充值:在会员卡界面中,通过充值入口可以对会员卡余额进行充值,输入框中输入金额,提交表单后在服务端修改数据库,同时将消费记录记录交易数据库中
2.5 消费:在会员卡界面中,通过充值后的余额购买,在购买方式单选框中选择人民币,用户点击购买后,在服务端将相应金额从数据库中减去,同时将消费记录记录交易数据库中
2.6 挂失:在会员卡界面中,可以通过挂失入口来对会员卡进行冻结,发起请求后,在服务端将数据库中的冻结字段设为1
2.7 解挂:在会员卡界面中,如果当前正处于挂失状态,则显示出解挂入口,用户点击此入口后,发出请求,将冻结字段设为0
2.8 补卡:在会员卡界面中,如果当前正处于挂失状态,则显示出补卡入口,重新进行注册会员卡,服务端查询出与会员信息对应的会员卡数据,将数据导入到新会员卡中
2.9 积分兑换:电影票可以通过积分购买,弹出电影票购买窗口,在单选框中选择积分
2.10 交易记录查询:在会员卡界面中,通过点击消费记录查询按钮,可以以表格形式显示出当前用户所有记录 -
电影票模块
3.1 商品信息列表:在会员卡列表中会员卡项左侧点击购买弹出电影票模态窗口,显示当前所有电影票的商品信息
3.2 购买:有两种购买选择方式:积分与余额,选择不同方式时,表单提交不同的type,服务端对其进行判断,调用相应的业务逻辑 -
会员关怀
4.1 会员生日提醒:进入系统后,即判断当前时期是否是用户生日,如果是,则在会员名称前显示生日祝福
4.2 会员生日查询:可查询未来7天的哪些会员过生日,或者指定未来的某一天
4.3 距离生日天数显示: 根据距离天数对列表进行正序排列 -
数据统计
4,技术栈
后端技术
技术 | 说明 | 官网 |
---|---|---|
SpringBoot | Web应用开发框架 | https://spring.io/projects/spring-boot |
SpringSecurity | 认证和授权框架 | https://spring.io/projects/spring-security |
MyBatis | ORM框架 | http://www.mybatis.org/mybatis-3/zh/index.html |
MyBatisGenerator | 数据层代码生成器 | http://www.mybatis.org/generator/index.html |
Druid | 数据库连接池 | https://github.com/alibaba/druid |
JWT | JWT登录支持 | https://github.com/jwtk/jjwt |
Lombok | Java语言增强库 | https://github.com/rzwitserloot/lombok |
PageHelper | MyBatis物理分页插件 | http://git.oschina.net/free/Mybatis_PageHelper |
Swagger-UI | API文档生成工具 | https://github.com/swagger-api/swagger-ui |
前端技术
技术 | 说明 | 官网 |
---|---|---|
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的图表框架 | 📣 有源码 获取源码 |
5,系统页面展示
5.1 登陆
5.2 系统首页
5.3 会员管理
查看会员卡
会员注册
5.4 会员卡列表
会员选择
会员卡管理
5.5 充值管理
- 会员卡充值
5.6 消费管理
会员卡消费
5.7 交易记录
5.8 积分管理
会员选择
积分兑换