基于Springboot + vue3实现的宿舍报修系统

项目描述

本系统包含管理员、学生、维修员三个角色。

管理员角色：

1. 用户管理：管理系统中所有用户的信息，包括添加、删除和修改用户。

2. 配置管理：管理系统配置参数，如上传图片的路径等。

3. 权限管理：分配和管理不同角色的权限。

4. 宿舍管理：管理宿舍信息，包括宿舍房号、类型、床位数量等。

5. 报修管理：管理报修信息、报修处理、结果反馈、维修报修、报修分配等。

6. 公告管理：管理公告信息，包括标题、简介、图片、内容等。

7. 论坛管理：管理论坛交流信息，包括帖子标题、内容、用户名等。

8. 轮播图管理：管理轮播图信息，包括配置参数名称、值等。

学生角色：

1. 报修信息申报：学生可以申报报修信息，填写宿舍房号、报修编号、报修物品等信息，并上传相关附件。

2. 论坛交流：学生可以发布和查看论坛帖子，包括帖子标题、内容、用户名等。

3. 个人信息管理：学生可以管理自己的个人信息，包括学号、姓名、性别、宿舍号、联系方式等。

维修员角色：

1. 报修信息处理：维修员可以查看和处理报修信息，包括报修物品、报修时间等。

2. 报修处理：维修员可以处理报修信息，填写处理时间等。

3. 结果反馈：维修员可以反馈报修处理结果，包括图片、结果反馈等。

4. 维修报修：维修员可以查看和统计维修报修信息，包括报修物品、报修时间等。

5. 报修分配：维修员可以查看和处理报修分配信息，包括宿舍房号、报修编号、报修物品等。

6. 个人信息管理：维修员可以管理自己的个人信息，包括维修员账号、姓名、性别、联系方式等。

技术选型

开发工具：Idea + Vscode 运行环境：JDK 1.8 + Maven + MySQL 5.7以上 + Node.js 14 服务端技术：SpringBoot + Mybatis-Plus + Maven 前端技术：Vue3 + Axios + Element-UI

系统截图

1.首页

2.论坛交流

3.公告信息

4.后台登录

5.管理员管理

6.学生管理

7.维修员管理

8.宿舍信息管理

9.结果反馈管理

10.公告信息管理

11.论坛交流管理

12.轮播图管理

运行步骤

准备环境

安装JDK 1.8、Maven、Node.js 14 和 MySQL 5.7以上

创建数据库

使用Navicat工具创建数据库并导入SQL脚本

配置后端

修改application.yml中的数据库连接信息（用户名/密码/库名）

启动后端服务

进入后端项目（/server_code） 执行：

mvn clean install
mvn spring-boot:run

前端依赖安装

进入前端目录（/manage_code或者/client_code） 执行安装命令：

npm install

启动前端服务

执行启动命令：

npm run serve 

访问系统

后端接口系统访问地址： http://localhost:8080 后台系统前端访问地址： http://localhost:8081 前台系统前端访问地址： http://localhost:8082

常见问题

端口冲突

• 修改后端配置文件application.yml

• 修改前端配置文件vue.config.js

前端安装依赖失败

• 删除node_modules、package-lock.json文件

  rm -rf node_modules package-lock.json

• 清除缓存

  npm cache clean --force

• 切换npm镜像源

  npm config set registry https://registry.npmmirror.com