基于Springboot和Vue的前后端分离项目

前言：

今天给大家带来一个免费开源项目——《电影院在线购票系统》。

项目介绍：

电影院在线购票系统是一个全栈Web应用程序，提供电影信息展示、在线选座购票、订单管理、用户中心等功能。系统分为前台用户界面、管理员后台和工作人员后台三大模块，支持电影上映管理、排片管理、票务统计等核心业务流程。

一、技术栈：

后端：

• 框架: Spring Boot 3.2.3
• 安全: Spring Security + JWT
• ORM: MyBatis-Plus
• 数据库: MySQL
• 缓存: Redis 
• 构建工具: Maven
• Java 版本: JDK 17

前端：

• 技术框架：Vue 3+Vite
• 状态管理方案：Pinia
• 路由系统：Vue Router
• UI组件库：Element Plus
• 数据可视化：ECharts
• 网络请求：Axios
• 样式方案：SCSS

二、核心页面展示

2.1 前台用户端

用户首页

电影详细页面

该页面能看到电影详细信息，并且支持购票功能和评论功能。

购票功能

模拟订单支付和票务流程

2.2 管理员后台

首页

用户管理

座位配置

统计与分析

2.3 工作人员端

首页

排片管理

订单业务的票务管理

三、功能模块

3.1 用户前台

首页：电影展示、推荐电影
电影列表：按类型、状态筛选电影
电影详情：查看电影详细信息、评论
场次选择：查看电影排期
选座购票：在线选座、下单
订单管理：查看订单、退票
个人中心：个人信息管理、密码修改

3.2 管理员后台

仪表盘：数据统计、票房分析
电影管理：添加、编辑、下架电影
排片管理：安排电影场次
影厅管理：管理影厅及座位
订单管理：查看、处理订单
用户管理：管理用户账号
员工管理：管理工作人员账号
系统设置：系统参数配置
日志管理：查看系统日志

3.3 工作人员后台

场次管理：查看当日排片
票务处理：验票、出票
座位管理：查看座位状态
退票处理：处理退票申请
评论审核：审核用户评论

四、主要特点

1. 多角色权限管理：基于角色的访问控制，区分普通用户、工作人员和管理员
2. 响应式设计：适配不同尺寸的屏幕设备
3. 可视化数据分析：使用ECharts图表展示票房、订单等统计数据
4. 安全认证：基于JWT的认证授权机制
5. 业务完整性：覆盖电影院票务系统的核心业务流程

五、安装部署

1. 前端部署

进入前端项目目录
cd front

 安装依赖
npm install

运行
npm run dev

2. 后端

找到back目录下的启动类：CinemaBookingApplication 右键运行即可。

六、项目地址

Gitee：https://gitee.com/naming-difficultie/cinema-online-ticketing-system.git

开源项目，求一个Star即可，感谢各位读者