计算机毕业设计—基于Koa+vue的高校宿舍管理系统宿舍可视化系统_基于 koa 以及 vuejs 的宿舍管理系统。-程序员宅基地

技术标签： node.js  毕业设计  前后端分离源码分享  前端  vue.js  课程设计  

项目介绍

项目背景

随着科技的发展，智能化管理越来越重要。大学生在宿舍的时间超过了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天内的早起概率和打卡情况

在这里插入图片描述

归宿记录

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

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

在这里插入图片描述

打扫记录

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

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

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

个人中心

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

在这里插入图片描述

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

管理概览

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

在这里插入图片描述

管理员管理

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

在这里插入图片描述

宿舍楼管理

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

楼层管理

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

在这里插入图片描述

宿舍信息管理

在这里插入图片描述

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

在这里插入图片描述

学生信息

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

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

在这里插入图片描述

记录查看

起床记录

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

归宿记录

在这里插入图片描述

打扫记录

在这里插入图片描述

来访人员登记

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

个人中心

在这里插入图片描述

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

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

特色功能演示

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

获取方式

见主页个人简介
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46479461/article/details/135059422

智能推荐

Docker 快速上手学习入门教程_docker菜鸟教程-程序员宅基地

文章浏览阅读2.5w次，点赞6次，收藏50次。官方解释是，docker 容器是机器上的沙盒进程，它与主机上的所有其他进程隔离。所以容器只是操作系统中被隔离开来的一个进程，所谓的容器化，其实也只是对操作系统进行欺骗的一种语法糖。_docker菜鸟教程

电脑技巧：Windows系统原版纯净软件必备的两个网站_msdn我告诉你-程序员宅基地

文章浏览阅读5.7k次，点赞3次，收藏14次。该如何避免的，今天小编给大家推荐两个下载Windows系统官方软件的资源网站，可以杜绝软件捆绑等行为。该站提供了丰富的Windows官方技术资源，比较重要的有MSDN技术资源文档库、官方工具和资源、应用程序、开发人员工具（Visual Studio 、SQLServer等等）、系统镜像、设计人员工具等。总的来说，这两个都是非常优秀的Windows系统镜像资源站，提供了丰富的Windows系统镜像资源，并且保证了资源的纯净和安全性，有需要的朋友可以去了解一下。这个非常实用的资源网站的创建者是国内的一个网友。_msdn我告诉你

vue2封装对话框el-dialog组件_<el-dialog 封装成组件 vue2-程序员宅基地

文章浏览阅读1.2k次。vue2封装对话框el-dialog组件_

MFC 文本框换行_c++ mfc同一框内输入二行怎么换行-程序员宅基地

文章浏览阅读4.7k次，点赞5次，收藏6次。MFC 文本框换行 标签： it mfc 文本框1.将Multiline属性设置为True2.换行是使用"\r\n" (宽字符串为L"\r\n")3.如果需要编辑并且按Enter键换行,还要将 Want Return 设置为 True4.如果需要垂直滚动条的话将Vertical Scroll属性设置为True,需要水平滚动条的话将Horizontal Scroll属性设_c++ mfc同一框内输入二行怎么换行

redis-desktop-manager无法连接redis-server的解决方法_redis-server doesn't support auth command or ismis-程序员宅基地

文章浏览阅读832次。检查Linux是否是否开启所需端口，默认为6379，若未打开，将其开启：以root用户执行iptables -I INPUT -p tcp --dport 6379 -j ACCEPT如果还是未能解决，修改redis.conf，修改主机地址：bind 192.168.85.**；然后使用该配置文件，重新启动Redis服务./redis-server redis.conf..._redis-server doesn't support auth command or ismisconfigured. try

实验四 数据选择器及其应用-程序员宅基地

文章浏览阅读4.9k次。济大数电实验报告_数据选择器及其应用

随便推点

灰色预测模型matlab_MATLAB实战|基于灰色预测河南省社会消费品零售总额预测-程序员宅基地

文章浏览阅读236次。1研究内容消费在生产中占据十分重要的地位，是生产的最终目的和动力，是保持省内经济稳定快速发展的核心要素。预测河南省社会消费品零售总额，是进行宏观经济调控和消费体制改变创新的基础，是河南省内人民对美好的全面和谐社会的追求的要求，保持河南省经济稳定和可持续发展具有重要意义。本文建立灰色预测模型，利用MATLAB软件，预测出2019年~2023年河南省社会消费品零售总额预测值分别为21881...._灰色预测模型用什么软件

log4qt-程序员宅基地

文章浏览阅读1.2k次。12.4-在Qt中使用Log4Qt输出Log文件，看这一篇就足够了一、为啥要使用第三方Log库，而不用平台自带的Log库二、Log4j系列库的功能介绍与基本概念三、Log4Qt库的基本介绍四、将Log4qt组装成为一个单独模块五、使用配置文件的方式配置Log4Qt六、使用代码的方式配置Log4Qt七、在Qt工程中引入Log4Qt库模块的方法八、获取示例中的源代码一、为啥要使用第三方Log库，而不用平台自带的Log库首先要说明的是，在平时开发和调试中开发平台自带的“打印输出”已经足够了。但_log4qt

100种思维模型之全局观思维模型-67_计算机中对于全局观的-程序员宅基地

文章浏览阅读786次。全局观思维模型，一个教我们由点到线，由线到面，再由面到体，不断的放大格局去思考问题的思维模型。_计算机中对于全局观的

线程间控制之CountDownLatch和CyclicBarrier使用介绍_countdownluach于cyclicbarrier的用法-程序员宅基地

文章浏览阅读330次。一、CountDownLatch介绍CountDownLatch采用减法计算；是一个同步辅助工具类和CyclicBarrier类功能类似，允许一个或多个线程等待，直到在其他线程中执行的一组操作完成。二、CountDownLatch俩种应用场景： 场景一：所有线程在等待开始信号(startSignal.await()),主流程发出开始信号通知，既执行startSignal.countDown()方法后;所有线程才开始执行；每个线程执行完发出做完信号，既执行do..._countdownluach于cyclicbarrier的用法

自动化监控系统Prometheus&Grafana_-自动化监控系统prometheus&grafana实战-程序员宅基地

文章浏览阅读508次。Prometheus 算是一个全能型选手，原生支持容器监控，当然监控传统应用也不是吃干饭的，所以就是容器和非容器他都支持，所有的监控系统都具备这个流程，_-自动化监控系统prometheus&grafana实战

React 组件封装之 Search 搜索_react search-程序员宅基地

文章浏览阅读4.7k次。输入关键字，可以通过键盘的搜索按钮完成搜索功能。_react search

推荐文章

热门文章

相关标签