电影院购票系统源码+SpringBoot + Vue3 (前后端分离)

0 阅读3分钟

大家好,今天给大家带来一个非常完善的 电影院购票系统。 大家可用学习下系统的设计和源码风格。

 

视频演示

www.bilibili.com/video/BV1AS…

 

图片演示

 

 

 

 

 

 

技术栈

后端

技术框架: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

 

用户前端: http://localhost:8082/#/index/home