计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)

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张图片

超级管理员

  1. 系统通知:向系统内发送公告通知
  2. 宿舍管理:管理系统内所有宿舍楼
  3. 学生管理:对学生信息进行增删改查操作
  4. 班级管理:管理系统学院内的所有班级信息
  5. 宿舍楼管理:管理学校现有的宿舍楼
  6. 维修记录:处理系统内学生的报修申请
  7. 晚归记录:在系统内记录学生的晚归记录
  8. 请假记录:在系统内记录学生的请假信息
  9. 用户管理:超级管理员可对系统用户的账号信息实行增删改查操作
  10. 角色管理:超级管理员在添加用户或修改用户时,可设置用户的权限角色,根据设定不同的角色权限:超级管理员可自由快捷的设置,不同角色用户进入系统后可访问的页面范围
  11. 菜单管理:该页面罗列了系统内所有的菜单权限,管理员可在此设置菜单状态和权限信息
  12. 日志管理:系统会自动记录系统大的呃所有被操纵记录,并内含多种搜索方式
  13. 个人中心:提供给系统与用户修改个人信息的界面

普通管理员

  1. 宿舍管理:管理系统内所有宿舍楼
  2. 学生管理:对学生信息进行增删改查操作
  3. 班级管理:管理系统学院内的所有班级信息
  4. 维修记录:处理系统内学生的报修申请
  5. 晚归记录:在系统内记录学生的晚归记录
  6. 请假记录:在系统内记录学生的请假信息

宿舍管理员

  1. 系统通知:向系统内发送公告通知
  2. 用户管理:超级管理员可对系统用户的账号信息实行增删改查操作
  3. 角色管理:超级管理员在添加用户或修改用户时,可设置用户的权限角色,根据设定不同的角色权限:超级管理员可自由快捷的设置,不同角色用户进入系统后可访问的页面范围
  4. 菜单管理:该页面罗列了系统内所有的菜单权限,管理员可在此设置菜单状态和权限信息
  5. 日志管理:系统会自动记录系统大的呃所有被操纵记录,并内含多种搜索方式
  6. 个人中心:提供给系统与用户修改个人信息的界面

4,系统设计

数据库设计

计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第2张图片

逻辑架构设计

计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第3张图片

5,系统界面展示

5.1 登陆界面

三种角色在同一界面进行登录,系统会自动识别用户角色来进入不同的操作界面。

计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第4张图片

5.2 系统首页

计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第5张图片

5.3 系统公告

由于系统内包含了菜单管理和角色管理,所有角色权限可由系统使用者自由支配。
系统通知分为我收到的和我发送的;目前系统内只有超级管理员和普通管理员可发送通知
每当系统内有了新通知,其他用户的顶端菜单栏会显示未读标准在这里插入图片描述

计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第6张图片

通知详情

计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第7张图片

退宿审核

计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第8张图片

审核

计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第9张图片

我发起的审核

计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第10张图片
计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第11张图片

发送通知

计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第12张图片

5.4 宿舍管理

计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第13张图片

计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第14张图片新增宿舍
计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第15张图片宿舍详情

5.5 学生管理

计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第16张图片

计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第17张图片新增学生
计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第18张图片修改学生
计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第19张图片新增学生退宿申请

5.6 班级管理

计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第20张图片

添加学院

计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第21张图片

查看班级学生

计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第22张图片

5.7 宿舍楼管理

计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第23张图片

计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第24张图片新增楼
计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第25张图片修改楼

5.8 维修记录

计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第26张图片

计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第27张图片新增维修
计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第28张图片修改维修

5.9 晚归记录

计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第29张图片

计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第30张图片新增晚归
计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第31张图片修改晚归

5.10 请假记录

计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第32张图片

计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第33张图片新增请假
计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第34张图片修改请假

5.11 用户管理

计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第35张图片

计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第36张图片新增用户
计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第37张图片修改用户
计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第38张图片发送消息

5.12 角色管理

计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第39张图片

计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第40张图片新增角色
计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第41张图片修改角色

5.13 菜单管理

计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第42张图片

5.14 日志管理

计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第43张图片

5.15 个人中心

计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第44张图片

5.16 修改密码

计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码)_第45张图片

你可能感兴趣的:(前后端分离源码分享,课程设计,vue.js,spring,boot,毕业设计,java,node.js,前端)