计算机毕业设计 | vue+springboot高校宿舍管理系统(附源码+论文+讲解视频)

1,绪论

研究背景

学生管理是学校教育系统的一个十分重要的部分,其中学生宿舍的管理又是学校管理中较复杂的一部分。学生宿舍不只是简单的一个居住场所,而是高校实施教育过程,培养人才不可或缺的一个硬件条件,是大学文化学习及素质教育的一个重要场所。

选题意义

大学生宿舍管理是学校在具体的目标基础上,以一定的管理制度而实施的管理活动,从而在思想及行动上实现对学生的教育,使学生形成良好的学风、校风,从而达到在教学、日常管理以及学校服务多层次的教育目标。因此良好的学生宿舍管理不仅有利于学生的身心健康及道德修养,同时还能帮助学生树立正确是认识观和世界观。当今学生宿舍管理工作的模式以及服务质量已经成为了衡量学校全方位管理品质的一个重要组成部分,成为了反应学校管理水平和教育成效的方式之一。

2,技术框架

后端技术

技术说明官网
SpringBootWeb应用开发框架https://spring.io/projects/spring-boot
SpringSecurity认证和授权框架https://spring.io/projects/spring-security
MyBatisORM框架http://www.mybatis.org/mybatis-3/zh/index.html
Druid数据库连接池https://github.com/alibaba/druid
JWTJWT登录支持https://github.com/jwtk/jjwt
LombokJava语言增强库https://github.com/rzwitserloot/lombok
PageHelperMyBatis物理分页插件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,需求分析

本文开发的高校宿舍管理系统主要服务于各大高校的宿舍管理工作以及学生的宿舍生活,所以开发的系统应能满足宿舍管理工作的基本需求:

超级管理员

  1. 系统首页:向系统管理员实时展示系统公告、宿舍人数分布图、各种数据统计、日历和天气预报
  2. 学生管理:对学生信息进行增删改查操作
  3. 宿管管理:对宿舍管理员信息进行增删改查操作
  4. 宿舍楼管理:管理学校现有的宿舍楼
  5. 房间管理:管理现有的宿舍楼内的所有房间,以及房价内的住宿人数
  6. 报修信息管理:处理系统内学生的报修申请
  7. 公告管理:向系统内发送公告
  8. 调宿申请管理:对处理系统内学生的调宿申请
  9. 访客管理:对宿舍访客进行管理以及增删改查操作
  10. 个人中心:提供给系统管理员修改个人信息的界面

宿舍管理员

  1. 系统首页:向系统管理员实时展示系统公告、宿舍人数分布图、各种数据统计、日历和天气预报
  2. 学生管理:对学生信息进行增删改查操作
  3. 宿舍楼管理:管理学校现有的宿舍楼
  4. 房间管理:管理现有的宿舍楼内的所有房间,以及房价内的住宿人数
  5. 报修信息管理:处理系统内学生的报修申请
  6. 调宿申请管理:对处理系统内学生的调宿申请
  7. 访客管理:对宿舍访客进行管理以及增删改查操作
  8. 个人中心:提供给系统管理员修改个人信息的界面

学生

  1. 系统首页:向学生实时展示系统公告、数量统计、日历和天气预报
  2. 我的宿舍:向学生展示自己宿舍的房间信息与床位信息
  3. 申请调宿:学生可在此页面提出换宿申请
  4. 报修申请:学生可在此页面提出宿舍报修申请
  5. 个人中心:提供给学生修改个人信息的界面

4,系统设计

数据库设计

在这里插入图片描述

逻辑架构设计

在这里插入图片描述

系统设计

在这里插入图片描述

5,系统界面展示

登陆界面

三种角色在同一界面进行登录,通过选择不同角色来进入不同的操作界面。

在这里插入图片描述

系统首页

首页集成了学生、住宿人数、报修、空宿舍信息统计;系统公告;人事分布图;天气预报以及日历

在这里插入图片描述

学生管理

在这里插入图片描述

新增学生

在这里插入图片描述

宿管信息管理

在这里插入图片描述

添加宿管

在这里插入图片描述

宿舍楼管理

在这里插入图片描述

添加宿舍楼

在这里插入图片描述

房间管理

房间管理不仅可以管理每栋楼的房间信息,还可以管理每个房间内的床位归属人,查看床位学生信息,并可对该消息进行增删改查操作

在这里插入图片描述

床位信息查看

在这里插入图片描述

房间床位添加学生

在这里插入图片描述

修改床位学生

在这里插入图片描述

添加宿舍房间

在这里插入图片描述

公告管理

在这里插入图片描述

公告查看

在这里插入图片描述

添加公告

在这里插入图片描述

报修管理

在这里插入图片描述

报修申请修改

在这里插入图片描述

调宿申请

在这里插入图片描述

申请修改

在这里插入图片描述

访客管理

在这里插入图片描述

新增访客

在这里插入图片描述

个人中心

用户(系统管理员,宿舍管理员,学生)可在此页面更改自己的头像、用户名、年龄、邮箱等信息

在这里插入图片描述

6,学生系统界面展示

我的宿舍

在这里插入图片描述

申请调宿

在这里插入图片描述

报修申请

在这里插入图片描述

  • 29
    点赞
  • 29
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
宿舍管理系统是一个比较综合的系统,需要涉及到前端、后端、数据库等多个方面。下面是一个基于VueSpringboot宿舍管理系统的搭建步骤: 1. 环境搭建 首先需要安装好Node.jsJava开发环境,以及MySQL数据库。 2. 前端搭建 使用Vue-cli创建一个Vue项目,安装Vue-router和Axios等必要的依赖。在src目录下创建components、views、router、store等文件夹,分别存放组件、页面、路由和状态管理相关文件。 3. 后端搭建 使用Spring Initializr创建一个Springboot项目,选择必要的依赖,如Spring Web、Spring Data JPA、MySQL Driver等。在src目录下创建entity、repository、service、controller等文件夹,分别存放实体类、数据访问层、服务层和控制层相关文件。 4. 数据库设计 根据宿舍管理系统的需求,设计数据库表结构,如宿舍楼信息表、宿舍信息表、学生信息表等。 5. 前后端交互 使用Axios在前端与后端进行数据交互,使用Vue-router实现页面跳转。 6. 前端界面设计 根据需求设计前端页面,如登录页面、宿舍楼信息管理页面、宿舍信息管理页面、学生信息管理页面等。 7. 后端接口设计 设计后端接口,如登录接口、宿舍楼信息管理接口、宿舍信息管理接口、学生信息管理接口等。使用@RestController注解实现控制层,使用@Service注解实现服务层,使用@Repository注解实现数据访问层。 8. 系统测试 完成前后端搭建后,进行系统测试,测试系统的功能是否正常。 以上是一个基于VueSpringboot宿舍管理系统的搭建步骤,具体实现还需根据需求进行具体开发。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

说书客啊

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值