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

69 阅读2分钟

项目描述

本系统包含三种角色:

系统管理员:登录、学生管理、宿管管理、楼宇信息、房间信息、公告信息、报修信息、调宿申请、访客管理、水电费管理、卫生检查、个人信息。

宿舍管理员:登录、学生管理、楼宇管理、房间管理、报修管理、申请管理、访客管理、卫生检查、个人信息。

学生:登录、我的宿舍、申请调宿、报修申请、水电费管理、卫生检查、个人信息。

技术选型

开发工具: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.报修管理

图片

13.访客管理

图片

14.卫生检查

图片

15.个人信息

图片

16.学生管理

图片

17.宿管管理

图片

18.楼宇管理

图片

19.房间管理

图片

20.公告管理

图片

21.报修管理

图片

22.申请管理

图片

23.水电费管理

图片

24.卫生检查

图片

25.个人信息

图片

运行步骤

准备环境

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

创建数据库

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

配置后端

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

启动后端服务

进入后端项目(/springboot) 执行:

mvn clean install
mvn spring-boot:run
前端依赖安装

进入前端目录(/vue
执行安装命令:

npm install
启动前端服务

执行启动命令:

npm run serve 
访问系统

后端接口系统访问地址:http://localhost:9090
后台系统前端访问地址:http://localhost:9091

常见问题
端口冲突
  • 修改后端配置文件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