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

news2024/11/18 23:44:26

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.coloradmin.cn/o/1792028.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

VBA excel 表格将多行拆分成多个表格或 文件 或者合并 多个表格

excel 表格 拆分 合并 拆分工作表按行拆分为工作表工作表按行拆分为工作薄 合并操作步骤 拆分 为了将Excel中的数万行数据拆分成多个个每个固定行数的独立工作表,并且保留每个工作表的表头,你可以使用以下VBA脚本。这个脚本会复制表头到每个新的工作表&…

opencv进阶 ——(十)图像处理之基于dlib人脸检测与识别

Dlib是一个功能丰富的C库,设计用于构建复杂的软件系统,尤其在机器学习、计算机视觉和数值计算等领域有着广泛的应用。以下是对Dlib的简要介绍: 特性: 机器学习算法:Dlib包含了各种机器学习算法,如支持向量机…

java分布式的ACP是什么

ACP 1、ACP是什么 一致性(Consistency):在分布式系统中,当更新操作完成之后,所有节点在同一时间看到的数据是一致的。换句话说,对于任何数据的读取,都会得到最后写入的数据。可用性&#xff0…

鸿蒙开发接口安全:【@ohos.userIAM.userAuth (用户认证)】

用户认证 说明: 本模块首批接口从API version 6开始支持。后续版本的新增接口,采用上角标单独标记接口的起始版本。 导入模块 import userIAM_userAuth from ohos.userIAM.userAuth;完整示例 // API version 6 import userIAM_userAuth from ohos.use…

学习笔记——路由网络基础——静态路由(static)

三、静态路由(static) 1、静态路由 (1)定义 静态路由(Static):由管理员手动配置和维护的路由。静态路由配置简单,被广泛应用于网络中。此外还可以实现负载均衡和路由备份。 静态路由默认优先级为60,如果想在多条静态路由中让某条路由优选…

图片裁剪与上传处理方案 —— 基于阿里云 OSS 处理用户资料

目录 01: 通用组件:input 构建方案分析 02: 通用组件:input 构建方案 03: 构建用户资料基础样式 04: 用户基本资料修改方案 05: 处理不保存时的同步问题 06: 头像修改方案流程分析 07: 通用组件:Dialog 构建方案分析 08: 通用组件&…

宝兰德参编!《2023年中国数据库年度行业分析报告》正式发布

近日,墨天轮发布 《2023年中国数据库年度行业分析报告》(以下简称《报告》)。宝兰德深度参与《报告》重要章节内容的编写工作,凭借在中间件领域深厚的技术沉淀和丰富的实践经验,输出了大量具有专业性和前瞻性的意见&am…

PHP实现抖音小程序用户登录获取openid

目录 第一步、抖音小程序前端使用tt.login获取code 第二步、前端拿到code传给后端 第三步、方法1 后端获取用户信息 第四步、方法2 抖音小程序拿到用户信息把用户信息传给后端 code2Session抖音小程序用户登录后端文档 第一步、抖音小程序前端使用tt.login获取code 前端 …

如何以抛物线形式排列一个列表,曲线排列 x² = y

如何以抛物线形式排列一个列表&#xff0c;曲线排列 一、需求 做页面的时候遇到一个需求&#xff0c;需要将一个列表以曲线的形式排列展示。 列表内容&#xff1a; const statisticLabels: Array<{name: string,icon: string,path: string,type: string,dataName: strin…

14-alert\confirm\prompt\自定义弹窗

一、认识alert\confirm\prompt 下图依次是alert、confirm、prompt&#xff0c;先认清楚长什么样子&#xff0c;以后遇到了就知道如何操作了。 二、alert操作 先用driver.switch_to.alert方法切换到alert弹出框上&#xff1b;可以用text方法获取弹出的文本信息&#xff1b;acce…

【Qt】定时器播放多张图片,动画效果

1. 效果 2. 代码 2.1 头文件 #ifndef WIDGET_H #define WIDGET_H#include <QWidget>QT_BEGIN_NAMESPACE namespace Ui { class Widget; } QT_END_NAMESPACEclass Widget : public QWidget {Q_OBJECTpublic:Widget(QWidget *parent nullptr);~Widget();void initGif(QS…

RPA-UiBot6.0数据采集机器人(海量信息一网打尽)内附RPA师资培训课程

前言 友友们是否曾为海量的数据信息而头疼&#xff0c;不知道如何从中精准抓取你所需的数据&#xff1f;小北的这篇博客将为你揭晓答案&#xff0c;让我们一起学习如何运用RPA数据采集机器人&#xff0c;轻松实现海量信息的快速抓取与整理&#xff0c;助力你的工作效率翻倍&…

用cocos2d-python绘制游戏开发的新篇章

用cocos2d-python绘制游戏开发的新篇章 第一部分&#xff1a;背景 在游戏开发的世界中&#xff0c;寻找一个强大而灵活的框架至关重要。cocos2d-python是一个Python游戏开发框架&#xff0c;它提供了一套丰富的功能&#xff0c;用于创建2D游戏、图形和交互式应用。基于流行的c…

掌握SVG基础:从零开始学习

格栅图可以实现图片的清晰显示&#xff0c;但这也意味着如果要在各种设备上使用格栅图&#xff0c;就会增加大量不同规格的格栅图&#xff0c;以适应各种尺寸的设备。这也直接导致资源文件体积的增加&#xff0c;矢量图没有这个问题。本文将SVG代码编写与即时设计工具相结合&am…

2024050401-重学 Java 设计模式《实战代理模式》

重学 Java 设计模式&#xff1a;实战代理模式「模拟mybatis-spring中定义DAO接口&#xff0c;使用代理类方式操作数据库原理实现场景」 一、前言 难以跨越的瓶颈期&#xff0c;把你拿捏滴死死的&#xff01; 编程开发学习过程中遇到的瓶颈期&#xff0c;往往是由于看不到前进…

[vue2项目]vue2+supermap[mapboxgl]+天地图之地图的初始化

Supermap参考教程 天地图 一、安装 1、终端:npm install supermap/vue-iclient-mapboxgl 2、在package.json文件的dependencies查看supermap/vue-iclient-mapboxgl依赖是否安装成功。 3、在mian.js全局引入 import VueiClient from supermap/vue-iclient-mapboxgl; Vue.use(…

[Classifier-Free] Classifier-Free Diffusion Guidance

1、背景 1&#xff09;Classifier Guidance的问题 a&#xff09;需要额外训练一个分类器&#xff08;要基于噪声图像训练&#xff0c;因此无法用现成的预训练分类器&#xff09;&#xff0c;使得扩散模型的训练pipeline更加复杂 b&#xff09;whether classifier guidance is s…

Vue05-数据绑定

一、数据绑定 1-1、v-bind指令 1-2、v-model指令 1、单项数据绑定&#xff1a; 2、双向数据绑定 注意&#xff1a; 表单元素&#xff0c;必须要有属性&#xff1a;value&#xff01;&#xff01;&#xff01; 1-3、小结

钡铼技术BL103助力实现PLC到OPC-UA无缝转换新高度

在工业4.0的大背景下&#xff0c;信息物理系统和工业物联网的融合日益加深&#xff0c;推动了工业自动化向更高层次的发展。OPC UA作为一种开放、安全、跨平台的通信协议&#xff0c;在实现不同设备、系统间数据交换和互操作性方面扮演了核心角色。钡铼技术公司推出的BL103 PLC…

Java网络编程(上)

White graces&#xff1a;个人主页 &#x1f649;专栏推荐:Java入门知识&#x1f649; &#x1f649; 内容推荐:Java文件IO&#x1f649; &#x1f439;今日诗词:来如春梦几多时&#xff1f;去似朝云无觅处&#x1f439; ⛳️点赞 ☀️收藏⭐️关注&#x1f4ac;卑微小博主&a…