基于Springboot + vue3实现的宿舍管理系统

项目描述

本系统包含管理员、学生两个角色。

管理员角色：

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

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

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

4. 入住管理：管理入住申请和入住信息，包括审核入住申请、查看入住信息等。

5. 维修管理：管理维修申请和维修进度，包括审核维修申请、查看维修进度等。

6. 公告栏管理：管理公告栏信息，包括发布、修改和删除公告。

学生角色：

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.公告栏管理

运行步骤

准备环境

安装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