1,绪论
研究背景
学生管理是学校教育系统的一个十分重要的部分,其中学生宿舍的管理又是学校管理中较复杂的一部分。学生宿舍不只是简单的一个居住场所,而是高校实施教育过程,培养人才不可或缺的一个硬件条件,是大学文化学习及素质教育的一个重要场所。
选题意义
大学生宿舍管理是学校在具体的目标基础上,以一定的管理制度而实施的管理活动,从而在思想及行动上实现对学生的教育,使学生形成良好的学风、校风,从而达到在教学、日常管理以及学校服务多层次的教育目标。因此良好的学生宿舍管理不仅有利于学生的身心健康及道德修养,同时还能帮助学生树立正确是认识观和世界观。当今学生宿舍管理工作的模式以及服务质量已经成为了衡量学校全方位管理品质的一个重要组成部分,成为了反应学校管理水平和教育成效的方式之一。
2,技术框架
后端技术
技术 |
说明 |
官网 |
SpringBoot |
Web应用开发框架 |
https://spring.io/projects/spring-boot |
SpringSecurity |
认证和授权框架 |
https://spring.io/projects/spring-security |
MyBatis |
ORM框架 |
http://www.mybatis.org/mybatis-3/zh/index.html |
Druid |
数据库连接池 |
https://github.com/alibaba/druid |
JWT |
JWT登录支持 |
https://github.com/jwtk/jjwt |
Lombok |
Java语言增强库 |
https://github.com/rzwitserloot/lombok |
PageHelper |
MyBatis物理分页插件 |
http://git.oschina.net/free/Mybatis_PageHelper |
前端技术
技术 |
说明 |
官网 |
Vue |
前端框架 |
https://vuejs.org/ |
Vue-router |
路由框架 |
https://router.vuejs.org/ |
Vuex |
全局状态管理框架 |
https://vuex.vuejs.org/ |
Element |
前端UI框架 |
https://element.eleme.io |
Axios |
前端HTTP框架 |
https://github.com/axios/axios |
wangEditor |
开源Web 富文本编辑器 |
https://www.wangeditor.com/ |
v-charts |
基于Echarts的图表框架 |
有源码 获取源码 |
3,需求分析
本文开发的高校宿舍管理系统主要服务于各大高校的宿舍管理工作以及学生的宿舍生活,所以开发的系统应能满足宿舍管理工作的基本需求:
![计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第1张图片](http://img.e-com-net.com/image/info8/a7831620c30943ae8b58f4fcf4640826.jpg)
超级管理员
- 系统通知:向系统内发送公告通知
- 宿舍管理:管理系统内所有宿舍楼
- 学生管理:对学生信息进行增删改查操作
- 班级管理:管理系统学院内的所有班级信息
- 宿舍楼管理:管理学校现有的宿舍楼
- 维修记录:处理系统内学生的报修申请
- 晚归记录:在系统内记录学生的晚归记录
- 请假记录:在系统内记录学生的请假信息
- 用户管理:超级管理员可对系统用户的账号信息实行增删改查操作
- 角色管理:超级管理员在添加用户或修改用户时,可设置用户的权限角色,根据设定不同的角色权限:超级管理员可自由快捷的设置,不同角色用户进入系统后可访问的页面范围
- 菜单管理:该页面罗列了系统内所有的菜单权限,管理员可在此设置菜单状态和权限信息
- 日志管理:系统会自动记录系统大的呃所有被操纵记录,并内含多种搜索方式
- 个人中心:提供给系统与用户修改个人信息的界面
普通管理员
- 宿舍管理:管理系统内所有宿舍楼
- 学生管理:对学生信息进行增删改查操作
- 班级管理:管理系统学院内的所有班级信息
- 维修记录:处理系统内学生的报修申请
- 晚归记录:在系统内记录学生的晚归记录
- 请假记录:在系统内记录学生的请假信息
宿舍管理员
- 系统通知:向系统内发送公告通知
- 用户管理:超级管理员可对系统用户的账号信息实行增删改查操作
- 角色管理:超级管理员在添加用户或修改用户时,可设置用户的权限角色,根据设定不同的角色权限:超级管理员可自由快捷的设置,不同角色用户进入系统后可访问的页面范围
- 菜单管理:该页面罗列了系统内所有的菜单权限,管理员可在此设置菜单状态和权限信息
- 日志管理:系统会自动记录系统大的呃所有被操纵记录,并内含多种搜索方式
- 个人中心:提供给系统与用户修改个人信息的界面
4,系统设计
数据库设计
![计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第2张图片](http://img.e-com-net.com/image/info8/33acebc71c31425a93d909a8d76a4336.jpg)
逻辑架构设计
![计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第3张图片](http://img.e-com-net.com/image/info8/11724e45ca18464283d24f1ce8ac08ad.jpg)
5,系统界面展示
5.1 登陆界面
三种角色在同一界面进行登录,系统会自动识别用户角色来进入不同的操作界面。
![计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第4张图片](http://img.e-com-net.com/image/info8/220b385692e84c9ba54935c2494fbf5a.jpg)
5.2 系统首页
![计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第5张图片](http://img.e-com-net.com/image/info8/90797b0e03a740059e97dfa64eac5d96.jpg)
5.3 系统公告
由于系统内包含了菜单管理和角色管理,所有角色权限可由系统使用者自由支配。
系统通知分为我收到的和我发送的;目前系统内只有超级管理员和普通管理员可发送通知
每当系统内有了新通知,其他用户的顶端菜单栏会显示未读标准![在这里插入图片描述](http://img.e-com-net.com/image/info8/694539801dac4e62953faa57f6c79b13.jpg)
![计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第6张图片](http://img.e-com-net.com/image/info8/0f3f9ab90e914b06af5560d56b67637a.jpg)
通知详情
![计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第7张图片](http://img.e-com-net.com/image/info8/d84fb1a18f5a4e5489f83e1a0fa6bc52.jpg)
退宿审核
![计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第8张图片](http://img.e-com-net.com/image/info8/b9a4a1492aaa469d8f7f48d183985c60.jpg)
审核
![计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第9张图片](http://img.e-com-net.com/image/info8/4706a98ab7f34338a2dbf6853670cdd4.jpg)
我发起的审核
![计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第10张图片](http://img.e-com-net.com/image/info8/509cef5e91894a83825849cebf538afd.jpg)
![计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第11张图片](http://img.e-com-net.com/image/info8/840cd560374f4f72b8c2722a14319f7b.jpg)
发送通知
![计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第12张图片](http://img.e-com-net.com/image/info8/1f94194da7a743eabdf9f27d773b7064.jpg)
5.4 宿舍管理
![计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第13张图片](http://img.e-com-net.com/image/info8/f238949d51414aa19747fecf1c3c7146.jpg)
新增宿舍
|
宿舍详情
|
5.5 学生管理
![计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第16张图片](http://img.e-com-net.com/image/info8/46f147f4c3804a3398f9472dc76dbdde.jpg)
5.6 班级管理
![计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第20张图片](http://img.e-com-net.com/image/info8/2193ad3aa2b94f019c4d1c2e9ab978a0.jpg)
添加学院
![计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第21张图片](http://img.e-com-net.com/image/info8/32d7431385d848e392a2d52babc406c6.jpg)
查看班级学生
![计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第22张图片](http://img.e-com-net.com/image/info8/d0f9c0f7e240450fb8c3e64d911f0329.jpg)
5.7 宿舍楼管理
![计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第23张图片](http://img.e-com-net.com/image/info8/de3b8ea25c7f4b388f70eff95c99f011.jpg)
新增楼
|
修改楼
|
5.8 维修记录
![计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第26张图片](http://img.e-com-net.com/image/info8/de698b94cfe4448485c7692001c95298.jpg)
新增维修
|
修改维修
|
5.9 晚归记录
![计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第29张图片](http://img.e-com-net.com/image/info8/d117c0a94d4140dd9f2dcdf0d2904007.jpg)
新增晚归
|
修改晚归
|
5.10 请假记录
![计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第32张图片](http://img.e-com-net.com/image/info8/983d61ced9324600a813d81e526d2518.jpg)
新增请假
|
修改请假
|
5.11 用户管理
![计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第35张图片](http://img.e-com-net.com/image/info8/fcbf79a44724453d9b1fa74a3fd49761.jpg)
5.12 角色管理
![计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第39张图片](http://img.e-com-net.com/image/info8/e3bd5ca2599741e79ccf365b2b8f5f5c.jpg)
新增角色
|
修改角色
|
5.13 菜单管理
![计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第42张图片](http://img.e-com-net.com/image/info8/d1174e5d712d47eaba8ad6b669796a6a.jpg)
5.14 日志管理
![计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第43张图片](http://img.e-com-net.com/image/info8/1308ee4f597d49f49ac1fa9f9b0e29b5.jpg)
5.15 个人中心
![计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第44张图片](http://img.e-com-net.com/image/info8/f048cf9c2ca34897a4eca664c447f342.jpg)
5.16 修改密码
![计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第45张图片](http://img.e-com-net.com/image/info8/53928080966b4bb5ab90628725705a02.jpg)