Spring Boot 高校宿舍管理系统|前后端分离运行截图+源码下载

原创记录

项目简介

这次运行的是一个高校宿舍管理系统,原项目来自 GitHub 开源仓库:Szpiss/dormitory-manager-coursework

项目采用前后端分离结构,后端是 Spring Boot + MyBatis-Plus,前端是 Vue 3 + Vite + Element Plus。系统围绕高校宿舍管理业务展开,包含学生管理、宿舍管理员管理、宿舍楼管理、房间管理、公告管理、报修处理、调宿审核、访客登记、水电费记录、卫生检查、角色权限菜单等功能。

技术栈

  • 后端:Spring Boot 2.6.3
  • ORM:MyBatis-Plus
  • 前端:Vue 3 + Vite + Element Plus
  • 数据库:MySQL 8
  • 构建:Maven + npm
  • 权限:管理员、宿舍管理员、学生三类角色

本地运行环境

  • JDK:17
  • Maven:3.9.x
  • Node.js:25.x
  • npm:11.x
  • MySQL:本地 MySQL
  • 后端地址:http://localhost:9090
  • 前端地址:http://localhost:8080
  • 数据库名:dormitory

本次运行时将后端数据库密码改为本地 MySQL root 密码,并按项目自带 SQL 初始化数据库和测试数据。

默认账号

管理员账号:admin
管理员密码:123456

宿管账号:test_dorm03
宿管密码:123456

学生账号:test_stu01
学生密码:123456

管理员端截图

管理员首页包含学生统计、住宿人数、报修统计、空宿舍统计、公告列表、宿舍人数分布等信息。

管理员端-首页统计

学生信息页面支持学生账号维护、搜索、分页和基础信息管理。

管理员端-学生信息

房间信息页面展示宿舍楼、楼层、床位容量、当前入住情况等数据。

管理员端-房间信息

报修信息页面可以查看学生提交的报修工单,并进行处理。

管理员端-报修信息

调宿审核页面用于处理学生调宿申请,适合展示宿舍管理系统的业务流程。

管理员端-调宿审核

权限说明页面展示不同角色的菜单与权限边界。

管理员端-权限说明

学生端截图

学生登录后菜单会切换为学生权限,能够查看自己的宿舍信息。

学生端-我的宿舍

学生可以提交和查看报修申请。

学生端-报修申请

学生也可以提交调宿申请,并查看申请状态。

学生端-申请调宿

部署步骤

1. 导入数据库脚本:database/dormitory_mysql8.sql。 2. 导入测试数据:database/test_data.sql。 3. 修改后端配置:springboot/src/main/resources/application.properties。 4. 启动后端:

cd springboot
mvn spring-boot:run

5. 启动前端:

cd vue
npm install
npm run dev

6. 浏览器访问:http://localhost:8080

运行记录

本次本地运行完成了管理员端和学生端验证。管理员账号可以进入完整后台菜单,学生账号登录后会展示学生端菜单,说明动态权限菜单和角色区分正常。

项目自带数据库脚本、测试数据、启动文档和验收截图,整体完整度比较高,适合课程设计、毕业设计、前后端分离项目学习和二次开发参考。

源码下载

"评论后查看下载地址"

说明

本文仅用于学习、测试与项目运行记录。源码版权归原作者所有,如有侵权或授权问题,请联系删除或调整。

© 版权声明
THE END
喜欢就支持一下吧
点赞12 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容