基于SpringBoot+Vue3的电影评论系统
项目概述
该系统是一个基于SpringBoot+Vue3的电影评论系统，支持管理员和普通用户两种角色，实现电影信息展示、长评短评、点赞收藏、用户互动等全流程电影评论功能。
项目技术栈
前后端分离
后端：
Springboot2 + Mybatis
前端：
Vue3 + ElementUI + Axios
数据库：
MySQL
版本要求
JDK 1.8
MySQL 5.7
Node.js 16
Maven 3.8+
Navicat 16+
数据库表：12 张表
难度系数：
项目目录结构
一、java后端服务
1. 项目根目录 (server_code/)
1
2
3
4
5
server_code
├── sql/ # 数据库脚本目录
├── src/ # 源代码目录
├── pom.xml # Maven主配置文件
└── pom-war.xml # WAR包打包配置
2. 后端核心代码 (src/main/java/com/cl/)
1
2
3
4
5
6
7
8
9
10
11
src/main/java/com/cl/
├── annotation/ # 自定义注解
├── config/ # 配置类
├── controller/ # 控制器层（API接口）
├── dao/ # 数据访问层
├── entity/ # 实体类（与数据库表对应）
├── interceptor/ # 拦截器
├── service/ # 业务逻辑层
├── utils/ # 工具类
└── SpringbootSchemaApplication.java # Spring Boot启动类
3. 资源文件 (src/main/resources/)
1
2
3
4
5
6
7
src/main/resources/
├── client/ # 客户端相关资源
├── manage/ # 管理端相关资源
├── mapper/ # MyBatis映射文件
├── static/ # 静态资源（CSS/JS/图片等）
└── application.yml # 主配置文件
二、vue后台管理系统
1. 核心配置文件
1
2
3
4
5
6
7
8
babel.config.js # Babel转译配置
vue.config.js # Vue CLI配置
jsconfig.json # JavaScript配置文件
package.json # 项目依赖和脚本
package-lock.json # 依赖版本锁定文件
.env.development # 开发环境配置
.env.production # 生产环境配置
2. 源码目录 (src/)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
src/
├── assets/ # 静态资源（图片、样式等）
├── components/ # 公共组件
├── router/ # 路由配置
├── store/ # Vuex状态管理
├── utils/ # 工具函数
├── views/ # 页面组件
│ ├── config/ # 系统配置页面
│ ├── dianyingfenlei/ # 电影分类管理页面
│ ├── dianyingxinxi/ # 电影信息管理页面
│ ├── dianyingzhangping/ # 电影长评管理页面
│ ├── discussdianyingxinxi/ # 电影信息评论页面
│ ├── discussdianyingzhangping/ # 电影长评评论页面
│ ├── news/ # 电影资讯管理页面
│ ├── storeup/ # 我的收藏页面
│ ├── users/ # 管理员用户管理
│ ├── yonghu/ # 普通用户管理页面
│ ├── forget.vue # 忘记密码页面
│ ├── HomeView.vue # 首页
│ ├── index.vue # 入口页
│ ├── login.vue # 登录页
│ └── updatepassword.vue # 修改密码页面
├── App.vue # 根组件
└── main.js # 入口文件
3. 公共资源
1
2
3
public/ # 纯静态资源（不会被webpack处理）
node_modules/ # 依赖包目录
三、vue前台用户端
1. 核心配置文件
1
2
3
4
5
6
7
8
9
babel.config.js # Babel转译配置
vue.config.js # Vue CLI配置
jsconfig.json # JavaScript配置文件
package.json # 项目依赖和脚本
package-lock.json # 依赖版本锁定文件
.env.development # 开发环境配置
.env.production # 生产环境配置
.gitignore # Git忽略文件配置
README.md # 项目说明文档
2. 源码目录 (src/)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
src/
├── assets/ # 静态资源（图片、样式等）
├── components/ # 公共组件
├── router/ # 路由配置
├── store/ # Vuex状态管理
├── utils/ # 工具函数
├── views/ # 视图组件目录
│ └── pages/ # 页面组件目录（主要业务页面）
│ ├── dianyingfenlei/ # 电影分类管理页面
│ ├── dianyingxinxi/ # 电影信息管理页面
│ ├── dianyingzhangping/ # 电影长评管理页面
│ ├── news/ # 电影资讯管理页面
│ ├── storeup/ # 我的收藏页面
│ ├── yonghu/ # 用户管理页面
│ ├── forget.vue # 忘记密码页面
│ ├── home.vue # 首页
│ └── login.vue # 登录页面
│ └── index.vue # 入口页面
├── App.vue # 根组件
└── main.js # 入口文件
3. 公共资源
1
2
3
public/ # 纯静态资源（不会被webpack处理）
node_modules/ # 依赖包目录
项目数据库
数据库概述
数据库名
cl4976668
字符集
utf8
排序规则
utf8_general_ci
主要数据表
| 表名 | 表描述 |
|---|---|
| dianyingfenlei | 电影分类表 |
| dianyingxinxi | 电影信息表 |
| dianyingzhangping | 电影长评表 |
| discussdianyingxinxi | 电影信息评论表 |
| discussdianyingzhangping | 电影长评评论表 |
| news | 电影资讯表 |
| yonghu | 用户表 |
项目功能介绍
后台管理系统
轮播图管理
内置轮播图可修改
电影资讯管理
资讯列表、添加、修改、删除
电影长评管理
长评列表、详情、审核、评论信息展示和回复
电影信息管理
电影列表、添加、修改、删除
电影分类管理
分类列表、添加、修改、删除
用户管理
用户列表、添加、修改、删除
修改密码
用户密码修改功能
用户登录
管理员登录系统
退出登录
安全退出系统
前台用户端
首页
电影长评展示、电影信息展示、电影资讯展示
电影资讯页
资讯列表、资讯搜索、资讯展示
电影长评页
长评列表、长评搜索、长评详情、长评详情的评论
电影信息页
电影列表、电影搜索、电影详情展示、可点赞、可点踩、可收藏、可长评、可短评
个人中心页
修改信息、修改密码、电影长评管理
用户登录
普通用户登录系统
注册用户
新用户注册功能
退出登录
安全退出系统