毕设工坊
毕设工坊
返回成品库
小程序Java 项目Web 项目已完成

基于SpringBoot2+Vue3+微信小程序的电影院购票系统

基于原生微信小程序 + Vue3 管理后台 + Spring Boot 的完整电影院购票系统,覆盖电影浏览、在线选座、下单支付、订单管理、后台排片与经营数据看板等全流程功能。

微信小程序VueVitePiniaSpring BootMySQLJava
1 次浏览0 人喜欢2026-08-04

项目图片

共 12 张

技术栈

小程序端:微信小程序

管理端: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 的电影院管理系统
  • 基于微信小程序的在线选座订票平台

相关成品