基于Springboot + vue3实现的宿舍管理系统
项目描述
本系统包含管理员、学生两个角色。
管理员角色：
用户管理：管理系统中所有用户的信息，包括添加、删除和修改用户。
配置管理：管理系统配置参数，如上传图片的路径等。
宿舍管理：管理宿舍信息，包括宿舍号、宿舍类型、宿舍位置、床位数等。
入住管理：管理入住申请和入住信息，包括审核入住申请、查看入住信息等。
维修管理：管理维修申请和维修进度，包括审核维修申请、查看维修进度等。
公告栏管理：管理公告栏信息，包括发布、修改和删除公告。
学生角色：
宿舍信息查看：学生可以查看宿舍信息，包括宿舍号、宿舍类型、宿舍位置、床位数等。
入住申请：学生可以申请入住宿舍，填写宿舍号、宿舍类型、宿舍位置、申请内容等信息。
维修申请：学生可以申请维修宿舍，填写宿舍号、宿舍位置、维修项目、故障详情等信息。
维修进度查看：学生可以查看维修进度，包括维修项目、维修进度、维修师傅、维修详情等。
公告栏查看：学生可以查看公告栏信息。
个人信息管理：学生可以管理自己的个人信息，包括学号、姓名、性别、手机号码等。
技术选型
开发工具：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