1、项目概述
学生宿舍管理系统是基于现代Web技术开发的一套高效、便捷的宿舍管理解决方案。系统采用前后端分离架构,后端使用SpringBoot框架,前端基于Element-Plus组件库构建,旨在为学校宿舍管理部门提供全面的信息化管理工具。
本项目分为三个角色:系统管理员、宿舍管理员、学生,每个角色都使用自己的账号登录。区别在于学生的功能菜单只有首页、我的宿舍、保修申请、调宿申请、个人信息
2、技术架构
后端技术:
-
SpringBoot 2.x:快速开发框架,简化配置,提高开发效率
-
MyBatis-Plus:增强型ORM框架,提供强大的CRUD操作和条件构造器
-
MySQL:关系型数据库,存储系统核心数据
-
Redis(可选):缓存高频访问数据,提升系统响应速度
-
HttpSession:基于Session的传统认证机制
注意:该系统使用HttpSession进行存储当前登录的用户身份信息及其角色信息,下面举例学生登录的后端接口:
/**
* 学生登录
*/
@PostMapping("/login")
public Result<?> login(@RequestBody User user, HttpSession session) {
System.out.println(user.getUsername());
System.out.println(user.getPassword());
Object o = studentService.stuLogin(user.getUsername(), user.getPassword());
if (o != null) {
System.out.println(o);
//存入session
session.setAttribute("Identity", "stu");
session.setAttribute("User", o);
return Result.success(o);
} else {
return Result.error("-1", "用户名或密码错误");
}
}
前端技术:
-
Vue 3:渐进式JavaScript框架,构建用户界面
-
Element-Plus:基于Vue 3的UI组件库,提供丰富的交互组件
-
Axios:HTTP客户端,处理前后端数据交互
-
Vue Router:前端路由管理
-
Vuex:状态管理工具
3、系统开发工具
-
IntelliJ IDEA (运行SpringBoot后端)
-
JDK8
-
maven项目管理工具
-
MySQL8数据库
-
Node16(用于运行前端)
4、项目结构分析
后端文件夹:

从项目文件包名来看,很明显项目使用的是MVC软件架构(Model、View、Controller),结构清晰明了
application.properties配置文件具体内容如下:
server.port=9090
spring.datasource.url=jdbc:mysql://localhost:3306/dormitory?serverTimezone=UTC&useUnicode=true&characterEncoding=utf-8&useSSL=true
spring.datasource.username=root
spring.datasource.password=123456
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
拿到项目源码之后呢,需要修改成自己的数据库密码哦,这里配置的密码是123456
前端文件夹:
5、系统界面
登录界面
首页
报修申请
访客管理
报修信息
调宿申请
楼宇信息
公告信息
宿管信息
学生信息
房间信息
个人信息
我的宿舍
申请调宿
6、项目运行须知
1首先来看看我给到大家的资料包,其中springboot是后端文件夹,需要用到Idea编译器直接导入;vue是前端文件夹,可以用Vscode或者是cmd命令窗口打开
1、后端主要修改项目配置文件application.yml,修改自己的数据库密码
2、还有就是要自己配置好maven(这里不详细展开了,具体怎么安装maven,公众号主页近期会有引导视频)
3、这里的项目用到的mysql默认是8版本,数据库名称是dormitory,创建好数据库后,再导入sql文件
4、这里前端的启动命令是npm run serve,如下图
启动成功后,使用浏览器输入: localhost:8080来访问项目
成功访问项目
写在最后
如果项目运行有问题,小伙伴们不要着急,慢慢检查可能出现的问题,或者在评论区提出问题哦
整理不易,欢迎关注😀、点赞👍、收藏⭐


599






