大家好,今天给大家带来一个非常完善的 电影院购票系统。 大家可用学习下系统的设计和源码风格。
视频演示
图片演示
技术栈
后端
技术框架:JDK8+SpringBoot + Mybatis-Plus
数据库:Mysql8
前端
核心框架
- Vue 3 (^3.2.13) - 采用 Composition API 的现代前端框架
- Vue Router 4 (^4.0.3) - Vue 3 官方路由管理器
- Vuex 4 (^4.0.0) - Vue 3 官方状态管理库
UI 组件库
-
Element Plus (^2.3.1) - Vue 3 的企业级 UI 组件库
-
Element Plus Icons (^2.0.10) - Element Plus 图标库
完整源码+sql我已经整理清楚,移步:
gitcode( 巅 ) C 〇 M/hadluo2/springboot_vue2.git
系统功能概述
整个系统分为 “管理员” , “用户” 两端。管理员拥有最大权限,可以对用户,系统轮播图等进行管理,对电影分类,电影,放映厅管理。用户可以浏览电影,选座进行购票。
管理员核心功能
电影管理
- 电影信息管理 - 电影基本信息的增删改查
- 电影分类管理 - 电影类型分类管理
- 放映厅管理 - 影院放映厅信息管理
用户管理
- 用户管理 - 普通用户账户管理
- 管理员管理 - 系统管理员账户管理
- 个人中心 - 用户个人信息管理
- 用户注册 - 新用户注册功能
订单管理
- 订单管理 ( orders ) - 电影票订单的查看、处理和管理
- 购物车管理 ( cart ) - 用户购物车功能
社区功能
- 论坛管理 - 用户交流论坛
- 电影评论管理 - 电影信息评论系统
- 我的收藏 - 用户收藏功能
内容管理
- 电影资讯 - 电影相关新闻资讯管理
- 轮播图管理 - 首页轮播图配置
系统管理
- 菜单管理 - 系统菜单权限配置
- 密码修改 - 用户密码修改
- 登录管理 - 用户登录认证
用户端核心功能
电影信息管理
- 电影信息展示与浏览
- 电影详情查看
- 电影分类管理
- 电影海报、场次、放映厅信息展示
- 电影票价格显示
放映厅管理
- 座位选择功能
购票流程
- 购物车功能(添加、查看、删除电影票)
- 订单确认页面
- 订单管理
- 余额支付功能
电影资讯
- 电影新闻浏览
- 资讯详情查看
- 资讯图片展示
论坛交流
- 用户交流论坛
- 电影评论讨论
- 社区互动功能
用户系统
- 用户注册与登录
- 个人中心
- 用户信息管理
- 收藏功能
系统部署
执行sql
用户需要自己安装好mysql数据库,注意,必须是mysql8 ,否则代码运行会出错。
然后用navicate等连接工具,连接到mysql服务,然后新建一个 hadluo-dyp 数据库, 然后执行 “hadluo-dyp.sql” 里面的表创建和数据导入。
前端部署
vue项目部署
前端的项目必须没有中文,否则启动会报错!!
安装node , 版本:v14.21.3 (14的大版本号对应就可以了) , 安装完成后。 进入到项目 hadluo-vue-admin 目录下,这个项目是vue管理后台端, 右键,运行cmd,运行下面命令:
npm run serve
运行成功图例:
进入到项目 hadluo-vue 目录下,这个项目是vue学生前端, 右键,运行cmd,运行下面命令:
npm run serve
运行成功图例:
启动后端项目
将maven设置的settings.xml改成你自己的配置。
然后刷新maven,等待项目下载依赖包完成。。。。。
然后部署后端 , 打开idea, 导入maven工程 hadluo-server。
打开resources目录, 修改 application.properties 配置文件,主要修改下面几个信息:
数据库信息(注意改成你的地址)
spring:
datasource:
driverClassName: com.mysql.cj.jdbc.Driver
url: jdbc:mysql://127.0.0.1:3306/hadluo-xt?useUnicode=true&characterEncoding=utf-8&useJDBCCompliantTimezoneShift=true&useLegacyDatetimeCode=false&serverTimezone=GMT%2B8&useSSL=false
username: root
password: qq123456
然后启动 main 启动类 :SpringbootSchemaApplication.class
前端访问
管理后台 : http://localhost:8081/#/login
管理员账号密码: admin/123456