计算机毕业设计 | 基于Koa+vue的高校宿舍管理系统宿舍可视化系统

项目介绍

项目背景

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

需求分析

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

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

学生端功能需求

学生系统拥有以下功能:

  • 创建账户
  • 分配宿舍
  • 填写个人信息
  • 修改个人信息
  • 起床打卡(用于统计懒床率)
  • 归宿登记(用于统计晚归情况)
  • 打扫记录(用于统计宿舍打扫频率)
  • 查看宿日常数据
管理端功能需求

管理系统拥有以下功能:

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

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

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

技术分析

前端:

  • Vue 作为基础框架
  • vue-router 控制路由(hash 模式)
  • vuex 状态管理
  • axios 接入数据
  • Vue-element-admin 作为基础框架

后台(Nodejs):

  • Koa 作为基础框架
  • koa-router —— 服务端路由控制
  • koa-static —— 读取静态文件
  • koa-jwt —— JWT 登录校验
  • koa-body —— http body 数据处理
  • koa-compress —— Gzip 压缩
  • koa-cors —— CORS 解决跨域问题
  • sequelize —— ORM

数据库:

  • MySQL

数据库设计一览:

在这里插入图片描述

系统设计

功能结构

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

系统展示

登录注册

在这里插入图片描述

学生注册界面

在这里插入图片描述

学生注册流程

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

在这里插入图片描述

学生端页面展示

宿舍概览

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

在这里插入图片描述

起床记录

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

在这里插入图片描述

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

在这里插入图片描述

归宿记录

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

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

在这里插入图片描述

打扫记录

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

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

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

个人中心

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

在这里插入图片描述

管理端页面展示(超级管理员)

管理概览

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

在这里插入图片描述

管理员管理

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

在这里插入图片描述

宿舍楼管理

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

楼层管理

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

在这里插入图片描述

宿舍信息管理

在这里插入图片描述

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

在这里插入图片描述

学生信息

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

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

在这里插入图片描述

记录查看

起床记录

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

归宿记录

在这里插入图片描述

打扫记录

在这里插入图片描述

来访人员登记

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

个人中心

在这里插入图片描述

管理端页面展示(管理员)

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

特色功能演示

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

在这里插入图片描述

宿舍调剂(仅超级管理员可用)

在这里插入图片描述

宿舍评价(评论人 才能对评论进行删除操作)

在这里插入图片描述

获取方式

见主页个人简介

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

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

相关文章

9.1JavaEE——Spring JDBC

一、JDBCTemplate概述 1、JDBCTemplate作用 针对数据库操作,Spring框架提供了JdbcTemplate类,JdbcTemplate是一个模板类,Spring JDBC中的更高层次的抽象类均在JdbcTemplate模板类的基础上创建。 JdbcTemplate类提供了操作数据库的基本方法&a…

计算机视觉与深度学习实战,Python工具,深度学习的视觉场景识别

一、引言 随着人工智能技术的快速发展,计算机视觉和深度学习已成为当今最热门的研究领域之一。在计算机视觉中,视觉场景识别是一项重要的任务,旨在通过计算机对图像或视频中的场景进行自动分类和理解。Python作为一种强大的编程语言,结合深度学习框架,为计算机视觉领域的研…

关于工作组

什么是局域网(内网) 我们常说的内网指的就是局域网,局域网(Local Area Network,简称LAN)是指在相对较小的地理范围内,如一个办公室、学校、住宅区或建筑群内部,通过通信设备&#xf…

STL的pair知识点大全

1&#xff1a;set容器set.equal range(elem) 1.上限是闭区间&#xff0c;下限是开区间&#xff0c;如[beg,end)返回容器中与elem相等的上下限的两个迭代器&#xff0c;pair中。函数返回两个迭代器&#xff0c;而这两个迭代器被封装在pair中。 pair< set<int>::iterat…

如何快速入门使用Vue.js

目录 学习步骤具体案例案例一&#xff1a;Todo List 应用案例二&#xff1a;用户管理系统 学习步骤 基础知识&#xff1a; HTML/CSS/JavaScript&#xff1a;掌握基本的网页结构、样式和交互是必须的。ES6&#xff1a;了解现代JavaScript的特性&#xff0c;如箭头函数、解构赋值…

vue3 diff源码梳理学习笔记

1、只比较同层 2、双端比较 3、判断流程 1、先判断是否是首次渲染&#xff1b; 2、vnode oldvnode 指向同一个对象&#xff1f; 3、oldvnode dom 关联到真实的元素上&#xff0c;依次更新dom上的属性&#xff0c;class style props events; 4、针对简单的文本节点 只需要更新…

上位机图像处理和嵌入式模块部署(f407 mcu中tf卡读写和fatfs挂载)

【 声明&#xff1a;版权所有&#xff0c;欢迎转载&#xff0c;请勿用于商业用途。 联系信箱&#xff1a;feixiaoxing 163.com】 很早之前&#xff0c;个人对tf卡并不是很重视&#xff0c;觉得它就是一个存储工具而已。后来在移植v3s芯片的时候&#xff0c;才发现很多的soc其实…

如何监控慢 SQL?

引言&#xff1a;在开发和维护数据库驱动的应用程序时&#xff0c;监控慢 SQL 查询是确保系统性能和稳定性的关键一环。慢 SQL 查询可能会导致系统性能下降、资源浪费和用户体验差等问题。因此&#xff0c;及时监控和优化慢 SQL 查询对于保障系统的正常运行和用户满意度至关重要…

k8s 1.28.x 配置nfs

1.安装nfs&#xff0c;在每个节点上安装 yum install -y nfs-utils 2.创建共享目录(主节点上操作) mkdir -p /opt/nfs/k8s 3.编写NFS的共享配置 /opt/nfs/k8s *(rw,no_root_squash) #*代表对所有IP都开放此目录&#xff0c;rw是读写 4.启动nfs systemctl enable nfs-ser…

动态代理(黑马笔记)

一、BigStar 大明星类 package com.itheima.mydynamicproxy1; public class BigStar implements Star {//实现接口要重写里边的抽象方法private String name;public BigStar() {}public BigStar(String name) {this.name name;}//唱歌Override //表示重写接口中的方法public…

Java面试题:解释一下Java中的synchronized关键字,它是如何保证线程安全的?

在Java中&#xff0c;synchronized关键字是一种同步锁机制&#xff0c;用于确保多个线程在访问共享资源时能够保持线程安全。线程安全是指在多线程环境下&#xff0c;当多个线程尝试同时访问共享资源时&#xff0c;任何时刻最多只有一个线程能够执行特定的代码段。 synchroniz…

【Python】探索 SHAP 特征贡献度:解释机器学习模型的利器

缘分让我们相遇乱世以外 命运却要我们危难中相爱 也许未来遥远在光年之外 我愿守候未知里为你等待 我没想到为了你我能疯狂到 山崩海啸没有你根本不想逃 我的大脑为了你已经疯狂到 脉搏心跳没有你根本不重要 &#x1f3b5; 邓紫棋《光年之外》 什么是 SHA…

Java | Leetcode Java题解之第127题单词接龙

题目&#xff1a; 题解&#xff1a; class Solution {Map<String, Integer> wordId new HashMap<String, Integer>();List<List<Integer>> edge new ArrayList<List<Integer>>();int nodeNum 0;public int ladderLength(String beginW…

TypeScript 项目,自身 package 是 A,它引用了 B package。项目编译时,选择依赖版本的机制是什么?

在 TypeScript 项目中&#xff0c;当 package A 引用了 package B&#xff0c;编译 A 的过程中&#xff0c;B package 将按照 B package 自身的 package.json 文件中指定的各个库的版本进行编译&#xff0c;而不是按照 A package 中的库版本。 每个 package 都有自己的依赖项和…

随心笔记,第四更

目录 Windows环境 rabbitmq 1. 安装 RabbitMQ 和 Erlang 1.1、下载和安装 Erlang 1.2、下载和安装 RabbitMQ 2. 安装 RabbitMQ 服务 2.1、打开命令提示符 2.2、注册 RabbitMQ 服务 3. 配置 RabbitMQ 服务自启动 3.1、打开服务管理器 3.2、设置 RabbitMQ 服务为自动启…

算法-找出N个数组的共同元素

一、代码与执行结果 财经新闻是大众了解金融事件的重要渠道&#xff0c;现有N位编辑&#xff0c;分别对K篇新闻进行专业的编辑与排版。需要您找出被这N位编辑共同编辑过的新闻&#xff0c;并根据这些新闻ID升序排列返回一个数组。 import random# 查找编辑共同处理的新闻id def…

RunLoop小白入门

核心概念 什么是 RunLoop ? RunLoop 是 iOS 和 macOS 应用程序框架中的一个核心概念&#xff0c;用于管理线程的事件处理。它可以看作是一个循环&#xff0c;用于持续接收和处理各种事件&#xff0c;如用户输入、定时器、网络事件等。RunLoop 在保持应用程序响应用户交互和系…

系统与软件工程软件测试过程

系统与软件工程 软件测试 测试过程 &#xff1b;对应的国标是GB/T 38634.4 2020 &#xff0c;该标准的范围规定适应用于治理、管理和实施任何组织,项目或较小规模测试活动的软件测试的测试过程,定义了软件测试通用过程,给出了描述过程的支持信息图表。 一 术语和定义 1.1实测…

宏基础使用实践

文章目录 1.宏变量2.条件宏 1.宏变量 2.条件宏 #include <iostream> #define aa 30 #define version 2using namespace std;/** 1.宏变量* 2.条件宏* */int main() {cout << aa << endl;#if version > 1cout<< "升级版本"<<endl;…

力扣173题:二叉搜索树迭代器(含模拟面试)

❤️❤️❤️ 欢迎来到我的博客。希望您能在这里找到既有价值又有趣的内容&#xff0c;和我一起探索、学习和成长。欢迎评论区畅所欲言、享受知识的乐趣&#xff01; 推荐&#xff1a;数据分析螺丝钉的首页 关注微信公众号 数据分析螺丝钉 免费领取价值万元的python/java/商业…