技术栈
小程序端:微信小程序
管理端:Vue 3
后端:Spring Boot、MyBatis-Plus
数据库:MySQL
数据库表数量:8 个
软件版本
JDK 8、Maven 3.6+、Spring Boot 2.7.18、MyBatis-Plus 3.5.5、MySQL 8.x、Node.js 18+、Vue 3.5.10、Vite 5.4.8、Element Plus 2.8.0、Pinia 2.2.2、Vue Router 4.4.5、微信开发者工具、Vant Weapp 1.11.7
功能模块
管理端
- 登录:账号密码登录,MD5 加密校验,登录后下发 Token
- 数据统计 Dashboard:总订单数、今日订单数、今日票房、电影总数、影院总数、排片场次、注册用户等统计卡片,订单状态分布环形图,今日概况
- 电影管理:电影增删改查,按状态与关键词筛选,管理海报、类型、评分、简介、导演、演员等字段
- 影院管理:影院增删改查,维护名称、地址、电话、设施、营业时间、图片等
- 排片管理:按日期 / 电影 / 影院多条件筛选;新增、编辑、删除场次;「一键生成排片」按钮自动为未来 7 天按 影院 × 上映中电影 批量生成场次;列表展示售出/总座位进度条
- 订单管理:按状态与关键词筛选订单,查看座位、金额、场次明细,对已支付订单执行退款
- 用户管理:查看注册用户列表
小程序端
- 登录:微信授权头像昵称登录,头像先上传至后端,再用 wx.login 的 code 换取 openid 完成注册 / 登录
- 首页:正在热映 / 即将上映双 Tab 电影列表,展示海报、评分、类型、演员,支持顶部电影搜索
- 电影详情:海报、简介、类型、时长、导演、演员、评分、上映日期,支持收藏电影
- 影院模块:影院列表与影院详情;按影院查看排片场次;影院搜索
- 在线选座:标准厅 / IMAX厅 / 杜比全景声厅 / VIP厅 四种影厅布局,区分走道与已售座位,已售不可选,单次最多选 4 座,实时累计总价,支持查看选座规则
- 确认订单:核对电影、影院、日期时间、影厅、座位与金额,选择支付方式,可返回修改选座
- 支付与订单:模拟支付,支付结果页;订单列表按状态筛选;订单详情;待支付订单可取消;已支付订单可退款
- 票夹与观影记录:购票核销后自动生成观影记录,展示已观影历史
- 我的:用户信息展示、待支付 / 待使用订单数量角标、收藏列表、观影历史、意见反馈、退出登录
核心亮点
- 三端分离架构:原生微信小程序+ Vue 3 管理后台+ Spring Boot 后端,购票业务闭环完整
- 可视化在线选座:4 种影厅布局,座位可用 / 已售 / 走道状态前后端一致同步,下单与支付两阶段双重校验防止座位冲突
- 微信生态登录:通过 jscode2session 真实换取 openid,头像昵称授权并上传至服务器
- 订单全生命周期:待支付 / 已支付 / 已使用 / 已退款 / 已取消五种状态完整流转,退款自动释放座位,核销自动生成观影记录
- 一键生成排片:后台按 影院 × 上映中电影 × 未来 7 天 自动批量生成场次,票价按 8 折折扣策略生成,便于演示与验收
- 运营数据看板:今日票房、订单状态分布环形图等经营指标一目了然,答辩演示效果好
- 由微信云开发迁移改造至自建 Spring Boot 后端,接口层保留云函数调用风格的统一封装,思路清晰、易讲解
资料包含
- 后端完整源码
- 管理端完整源码,含已构建 dist 产物
- 小程序端完整源码
- 数据库脚本:schema.sql+ data.sql
- 后台功能截图 7 张
- 默认管理员账号:admin / admin123
适用选题方向
- 基于微信小程序的电影院购票系统设计与实现
- 电影院在线售票系统的设计与实现
- 基于 Spring Boot + Vue 的电影院管理系统
- 基于微信小程序的在线选座订票平台



