项目描述
本系统包含三种角色:
系统管理员:登录、学生管理、宿管管理、楼宇信息、房间信息、公告信息、报修信息、调宿申请、访客管理、水电费管理、卫生检查、个人信息。
宿舍管理员:登录、学生管理、楼宇管理、房间管理、报修管理、申请管理、访客管理、卫生检查、个人信息。
学生:登录、我的宿舍、申请调宿、报修申请、水电费管理、卫生检查、个人信息。
技术选型
开发工具: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