计算机毕业设计 | 基于node(Koa)+vue 高校宿舍管理系统 宿舍可视化(附源码)

1，绪论

1.1 项目背景

随着科技的发展，智能化管理越来越重要。大学生在宿舍的时间超过了1/3，因此良好的宿舍管理对学生的生活和学习极为关键。学生宿舍管理系统能够合理安排新生分配宿舍，不浪费公共资源，减轻学校管理压力，同时减少宿舍内同学之间的矛盾，促使学生享受舒适的校园生活。

1.2 选题意义

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

2，系统设计

功能结构

在宿舍管理系统中，普通管理员的权限类似于一栋楼的宿管阿姨。而超级管理员含有系统的一切权限，包括普通管理员的任命与调任。
在这里插入图片描述

3，需求分析

考虑到实用性，该系统需要拆分为两大子系统，一个是学生端系统，一个是后台管理端系统。学生端系统主要提供给学生使用，负责一些宿舍记录及个人信息记录的基本操作；后台管理模块则是主要负责对所有学生信息的整理，提供宿舍管理、楼层管理、数据查看等权限，提供给宿舍管理员使用的。

3.1 主要需求：

  • 学生信息录入、修改、删除、查询
  • 宿舍管理评分
  • 学生早起率、懒床率
  • 学生宿舍打扫频率
  • 学生晚归情况
  • 楼层管理

3.2 学生端功能需求

  • 创建账户
  • 分配宿舍
  • 填写个人信息
  • 修改个人信息
  • 起床打卡（用于统计懒床率）
  • 归宿登记（用于统计晚归情况）
  • 打扫记录（用于统计宿舍打扫频率）
  • 查看宿日常数据

3.3 管理端功能需求

  • 楼层管理
  • 宿舍评价
  • 宿舍信息管理
  • 学生信息查看
  • 保洁人员管理
  • 统计学生早起率
  • 统计学生宿舍打扫频率
  • 统计学生晚归

超级管理员在享有上述管理员同等权限的同时额外拥有如下功能：

  • 创建管理员
  • 创建宿舍楼
  • 为宿舍楼分配管理员
  • 为宿舍楼分配保洁人员

4，技术分析

4.1 后端技术（Nodejs）

技术说明
Koa作为基础框架
koa-router服务端路由控制
koa-static读取静态文件
koa-jwtJWT 登录校验
koa-bodyhttp body 数据处理
koa-compressGzip 压缩
koa-corsCORS 解决跨域问题
sequelizeORM

4.2 前端技术

技术说明
Vue前端框架
Vue-router路由框架
Vuex全局状态管理框架
Element前端UI框架
Axios前端HTTP框架
v-charts基于Echarts的图表框架📣 有源码 获取源码
Vue-element-admin作为基础框架

4.3 数据库

技术说明
MySQL系统数据库

4.3.1 数据库设计

在这里插入图片描述

5，系统页面展示

5.1 登录 / 注册

在这里插入图片描述

学生注册界面

在这里插入图片描述

5.2 学生注册流程

第一次注册使用该系统的学生，需要填写完如下信息后，才能使用该系统

在这里插入图片描述

6，学生端页面展示

6.1 宿舍概览

在该界面，用户可以看到自己宿舍的位置信息、入住时间、入住人员信息和管理员对于自己宿舍的评价。

在这里插入图片描述

6.2 起床记录

学生需要在该页面进行早起打卡，系统会统计学生的起床打卡时间，从而判断学生的早起率。

在这里插入图片描述

最高支持查看最近100天内的早起概率和打卡情况

在这里插入图片描述

6.3 归宿记录

归宿记录在功能上类似于起床记录，学生可在归宿后点击打卡，系统会统计学生的归宿情况，自动生成早归概率

注：该页面没有数据是因为笔者太懒了，没有养成傍晚进系统打卡的习惯

在这里插入图片描述

6.4 打扫记录

学生可在打扫记录页面进行打卡，记录自己打扫宿舍的次数与概率

注：该页面没有数据的原因同上

在这里插入图片描述
在这里插入图片描述

6.5 个人中心

学生在个人中心可以进行个人信息和密码的更改，以及自己的记录速览

在这里插入图片描述

7，管理端页面展示（超级管理员）

7.1 管理概览

在该页面可以看到宿舍楼信息以及学生的各种动态，或点击这里切换宿舍楼
在这里插入图片描述

在这里插入图片描述

7.2 管理员管理

在该页面可以添加各级管理员，查看所有管理员信息

在这里插入图片描述

7.3 宿舍楼管理

在这里插入图片描述

点击黄色按钮，为该宿舍楼分配管理员

在这里插入图片描述

点击灰色按钮为该宿舍楼配备保洁人员

在这里插入图片描述

7.4 楼层管理

楼层管理中，管理员可以看到该楼层的所有信息

在这里插入图片描述

7.5 宿舍信息管理

在这里插入图片描述

点击需要查看的宿舍后，即可获取宿舍信息

在这里插入图片描述

7.6 学生信息

可以通过宿舍查看该学生信息，也可以直接通过学号搜索

注：调剂宿舍功能仅超级管理员可用！管理员没有权限调剂宿舍！

在这里插入图片描述

7.7 记录查看

7.7.1 起床记录

在这里插入图片描述
筛选记录
在这里插入图片描述

7.7.2 归宿记录

在这里插入图片描述

7.7.3 打扫记录

在这里插入图片描述

7.8 来访人员登记

在这里插入图片描述
新增来访人员
在这里插入图片描述

7.9 个人中心

在这里插入图片描述

8，管理端页面展示（管理员）

普通管理员的功能权限已经被包含在超级管理员中，故不再重复展示。

8.1 特色功能演示

页面样式设置，用户可点击悬浮在系统右侧的设置按钮进行操作

在这里插入图片描述

8.2 宿舍调剂（仅超级管理员可用）

在这里插入图片描述

8.3 宿舍评价（评论人 才能对评论进行删除操作）

在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/diannao/23775.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

零售行业运营有哪些业务场景？详解各业务场景的分析指标和维度

零售行业运营有哪些业务场景？详解各业务场景的分析指标和维度

在当今这个数字化迅速发展的时代，零售行业正经历着前所未有的变革。传统的零售模式正在被新兴的技术和创新的业务场景所颠覆，消费者的需求和购物习惯也在不断地演变。零售行业的运营，作为连接消费者、产品和市场的关键环节，对于零…
阅读更多...
webpack 预加载资源

webpack 预加载资源

1 效果图对比 preload.js就是我们预加载的资源 1.1什么情况下使用预加载 比如：是用户点击按钮时才加载这个资源的，如果资源体积很大，那么用户会感觉到明显卡顿效果 要优化这种情况，可以使用preload和prefetch技术 1.2 2.什么是…
阅读更多...
Navicat修改数据库主键

Navicat修改数据库主键

在MySQL数据库，主键ID默认自增（最大的数字自增），但是，在某些情况下，我们想将其从头开始………… 借助Navicat修改数据库主键即可！ 1. 找到数据库，点击需要更改的表：点击…
阅读更多...
经典算法 - 回溯法

经典算法 - 回溯法

文章目录 1. 基本概念2. 组合问题3. 组合总和Ⅲ4. 电话号码的字母组合5. 分割回文串6. 复原IP地址7. 子集8. 全排列9. 全排列Ⅱ10. N皇后11. 解数独 1. 基本概念 递归和回溯相辅相成。只要有递归，就会有回溯。 回溯法是一种纯暴力的搜索，并不是一种高效…
阅读更多...
uniapp在自定义tabbar上动态修改svg图标颜色和字体颜色

uniapp在自定义tabbar上动态修改svg图标颜色和字体颜色

需求&#xff1a;在uniapp项目内&#xff0c;自定义tabbar&#xff0c;需要将图标更换成svg格式&#xff0c;可动态修改图标及字体颜色。 效果图如下&#xff1a; 我使用的是uniapp结合uview2的组件使用&#xff0c;代码如下&#xff1a; <u-tabbar :value"currentIn…
阅读更多...
Spring-Security（二）OAuth2认证详解（持续更新）

Spring-Security（二）OAuth2认证详解（持续更新）

Spring Security & Oauth2系列&#xff1a; Spring Security&#xff08;一&#xff09; 源码分析及认证流程 Spring Security&#xff08;二&#xff09;OAuth2认证详解及自定义异常处理 文章目录 1、OAuth2.0 简介1.1 OAuth2.0 相关名词解释1.2 四种授权模式 1.3 、OAu…
阅读更多...
大型零售企业总部到分公司数据发放，有没有更优化的方案？

大型零售企业总部到分公司数据发放，有没有更优化的方案？

大型零售企业在市场经济中扮演重要角色&#xff0c;是保证基础商品生产、流通和供给的重要一环。随着企业发展&#xff0c;很多大型零售企业都会在全国、乃至全球各地开设分公司&#xff0c;用以降低生产和运营成本&#xff0c;更好地提供本地化服务。 为了保证总部与分公司间信…
阅读更多...
Linux环境---在线安装jdk

Linux环境---在线安装jdk

Linux环境—在线安装jdk 一、使用步骤 1.安装环境 JDK版本&#xff1a;1.8 1.1 建立存放软件的目录 注意&#xff1a;此处本人是将需要按照的软件存放在directory目录下&#xff0c;可根据实际情况调整接收路径。 命令如下&#xff1a; mkdir directory2.安装jdk 2.1 建…
阅读更多...
解决Spark流处理产生的小文件问题

解决Spark流处理产生的小文件问题

做流批一体&#xff0c;湖仓一体的大数据架构&#xff0c;常见的做法就是&#xff1a; 数据源->spark Streaming->ODS&#xff08;数据湖&#xff09;->spark streaming->DWD&#xff08;数据湖&#xff09;->... 那么数据源->spark Streaming->ODS&…
阅读更多...
【Selenium+java环境配置】（超详细教程常见问题解决）

【Selenium+java环境配置】（超详细教程常见问题解决）

Seleniumjava环境配置 windows电脑环境搭建-chrome浏览器1. 下载chrome浏览器2. 查看chrome浏览器版本3. 下载chrome浏览器驱动4.配置系统环境变量PATH 验证环境是否搭建成功1. 创建java项目&#xff0c;添加pom文件中添加依赖2. 编写代码运行 常见问题&解决办法1.访问失败…
阅读更多...
移动端 UI 风格，魅力无限

移动端 UI 风格，魅力无限

移动端 UI 风格&#xff0c;打造极致体验
阅读更多...
Django分页

Django分页

1、在视图函数文件中引入‘分页器’ from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger 2、给原来的罗列信息函数&#xff0c;添加分页功能&#xff0c;即按照页码&#xff0c;只返回部分信息。 login_required def article_list(request):article…
阅读更多...
【因果推断python】21_匹配2

【因果推断python】21_匹配2

目录 匹配估计器 匹配估计器 子分类估计器在实践中用得不多&#xff08;我们很快就会明白为什么&#xff0c;主要是因为维度诅咒这个原因&#xff09;&#xff0c;但它让我们很好地、直观地了解了因果推理估计器应该做什么&#xff0c;以及它应该如何控制混淆因素。这使我们能…
阅读更多...
Yuan 2.0-M32 是一个基于 Yuan 2.0 架构的双语混合专家 (MoE) 语言模型，旨在以更少的参数和计算量实现更高的准确率

Yuan 2.0-M32 是一个基于 Yuan 2.0 架构的双语混合专家 (MoE) 语言模型，旨在以更少的参数和计算量实现更高的准确率

主要创新点&#xff1a; 注意力路由器 (Attention Router): 提出了一种新的路由器网络&#xff0c;考虑了专家之间的相关性&#xff0c;从而提高了模型的准确率。高效计算&#xff1a; 使用 MoE 架构&#xff0c;40B 总参数中仅有 3.7B 激活参数&#xff0c;训练计算消耗仅为同…
阅读更多...
大模型创新企业集结！百度智能云千帆AI加速器Demo Day启动

大模型创新企业集结！百度智能云千帆AI加速器Demo Day启动

新一轮技术革命风暴席卷而来&#xff0c;为创业带来源源不断的创新动力。过去一年&#xff0c;在金融、制造、交通、政务等领域&#xff0c;大模型正从理论到落地应用&#xff0c;逐步改变着行业的运作模式&#xff0c;成为推动行业创新和转型的关键力量。 针对生态伙伴、创业…
阅读更多...
IDEA破解后的配置

IDEA破解后的配置

以下所有操作都要求进入全局setting而不是某一个项目的setting 进入全局Setting File→close project 进入欢迎页面 低版本 然后点击Setting 关闭自动更新 不关闭有可能会破解失败 Appearance & Behavior->System Settings->Updates下取消Automatically chec…
阅读更多...
debian系统apt 国内安装源

debian系统apt 国内安装源

debian系统apt 国内安装源&#xff1a; 国内阿里镜像源&#xff1a; deb http://mirrors.aliyun.com/debian stable main non-free contrib deb-src http://mirrors.aliyun.com/debian stable main non-free contrib 打开源文件位置&#xff1a;/etc/apt/sources.list,原来的内…
阅读更多...
eNSP学习——RIP路由协议的汇总

eNSP学习——RIP路由协议的汇总

目录 主要命令 原理概述 实验目的 实验内容 实验拓扑 实验编址 实验步骤 1、基本配置 2、配置RIPv1协议 3、配置RIPv2自动汇总 4、配置RIPv2手动汇总 需要eNSP各种配置命令的点击链接自取&#xff1a;华为&#xff45;NSP各种设备配置命令大全PDF版_ensp配置命令大全…
阅读更多...
蓝桥杯物联网竞赛 比赛总结

蓝桥杯物联网竞赛 比赛总结

CUBEMX配置建议&#xff1a; 对于CUBEMX配置来说stm32l071kbu6的引脚不算太多&#xff0c;功能模块相对的也不多&#xff0c;所以我建议直接熟练到能将所有模块烂熟于心&#xff0c;不用看原理图就能熟练配置下来&#xff0c;因为国赛看原理图去配置太花费时间 我建议学习的时…
阅读更多...
小程序 UI 风格，赏心悦目

小程序 UI 风格，赏心悦目

小程序 UI 风格&#xff0c;赏心悦目
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023