基于Vue+node.js的宿舍管理系统的设计与实现-计算机 毕业设计源码80331

 摘 要

信息化社会内需要与之针对性的信息获取途径，但是途径的扩展基本上为人们所努力的方向，由于角度存在偏差，人们经常能够获取不同类型的信息，这也是技术最为难以攻克的课题。针对宿舍管理系统等问题，对宿舍管理系统进行研究分析，然后开发设计出宿舍管理系统以解决问题。

宿舍管理系统主要功能模块主要包括管理员和学生用户及宿管人员三大模块的实现，主要实现功能模块有：系统用户管理、宿舍楼信息、宿舍信息管理、宿舍分配管理、宿舍报修管理、归宿打卡管理、晚归记录管理、水电费充值管理、通知公告管理等功能模块。本文采取面对对象的开发模式进行软件的开发和硬体的架设，能很好的满足实际使用的需求，完善了对应的软体架设以及程序编码的工作，采用的数据库是Mysql，使用node.js的koa技术技术构建的一个管理系统，实现了本系统的全部功能。本次报告，首先分析了研究的背景、作用、意义，为研究工作的合理性打下了基础。针对宿舍管理系统的各项需求以及技术问题进行分析，证明了系统的必要性和技术可行性，然后对设计系统需要使用的技术软件以及设计思想做了基本的介绍，最后来实现宿舍管理系统和部署运行使用它。

关键词：宿舍管理系统；Mysql数据库，node.js的koa技术

Node .js dormitory management system

Abstract

Information society needs to be targeted with information acquisition methods, but the expansion of the way is basically the direction of people's efforts, due to the deviation of the angle, people can often obtain different types of information, which is also the most difficult topic for technology to overcome. In view of the dormitory management system and other problems, the dormitory management system is studied and analyzed, and then the dormitory management system is developed and designed to solve the problem.

The main functional modules of the dormitory management system mainly include the implementation of three major modules of administrators, student users and dormitory management personnel, and the main functional modules are: system user management, dormitory building information, dormitory information management, dormitory allocation management, dormitory repair management, homecoming and clock-in management, late return record management, utility bill recharge management, notice and announcement management and other functional modules. This paper adopts the object-oriented development mode for software development and hardware erection, which can well meet the needs of actual use, improve the corresponding software erection and program coding work, the database used is Mysql, using node.js KOA technology technology to build a management system, to achieve all the functions of the system. This report first analyzes the background, role and significance of the research, and lays a foundation for the rationality of the research work. According to the analysis of the requirements and technical problems of the dormitory management system, the necessity and technical feasibility of the system are proved, and then the technical software and design ideas that need to be used to design the system are basically introduced, and finally the dormitory management system and deployment and operation are realized.

Keywords: dormitory management system; MySQL database, Koa technology for node .js

目  录

第1章 绪论

1.1 研究背景

1.2 开发现状

第2章 相关技术介绍

2.1 koa框架

2.2 Vue.js 主要功能：

2.3 MVVM模式介绍：

2.4  B/S体系工作原理：

2.5 MySQL数据库

第3章 系统分析

3.1 可行性分析

3.1.1 经济可行性

3.1.2 技术可行性

3.1.3 操作可行性

3.2 系统功能需求分析：

3.3 系统性能需求

3.4 数据流程分析

第4章 系统设计

4.1 系统架构设计

4.2 系统总体设计

4.3 系统功能设计

4.4 数据库设计

4.4.1 数据需求分析

4.4.2 数据库概念设计

4.4.3 数据库表设计

表auth (用户权限管理)

表dormitory_allocation (宿舍分配)

表dormitory_building_information (宿舍楼信息)

表dormitory_information (宿舍信息)

表dormitory_repair_report (宿舍报修)

表hits (用户点击)

表homecoming_check_in (归宿打卡)

表housing_management_personnel (宿管人员)

表late_return_record (晚归记录)

表notice_announcement (通知公告)

表student_users (学生用户)

表upload (文件上传)

表user (用户账户：用于保存用户登录信息)

表user_group (用户组：用于用户前端身份和鉴权)

表water_and_electricity_recharge (水电费充值)

第5章 系统实现

第6章系统测试

6.1  测试目的

6.2功能测试

6.3性能测试

结论

参考文献

致谢

1. 绪论
   1. 研究背景

互联网在经济，生活等方面有着举足轻重的地位，成为人们资源共享，信息快速传递的重要渠道。在中国，在线管理的兴起也在迅速发展。为了适应现代人强烈的时间意识，在高校，大量的宿舍管理信息无法及时共享，学生们无从了解宿舍的管理信息情况，造成各方面的不方便，学生在遇到报修问题的时候，没有办法第一时间进行报修，对于宿舍申请、宿舍分配、水电费充值、通知公告信息等也不能及时查看等。因此，建立宿舍管理系统，针对宿舍管理过程中的各项事宜建立电子台账，实现线上流程审批，在很大程度上能够增加宿管人员和学生的效率。本网站中，学生可以以最方便的形式，在最短的时间内查找最多的宿舍管理信息，进行宿舍报修、水电费充值等操作。因此，系统无疑给人们的生活带来了极大的方便，网络的应用让时间和距离不再是局限。

通过宿舍管理系统的研究可以更好地理解系统开发的意义，而且也有利于发展更多的智能系统，解决了人才的供给和需求的平衡问题，宿舍管理系统的开发建设，由于其开发周期短，维护方便，所以它可以适应校园宿舍管理系统体系基本要求。

1. 1. 开发现状

在国外他们的信息技术的发展是我国的许多倍，从1946年诞生在美国的世界上第一台计算机开始，国外的信息技术就一直在飞速地发展，一些计算机应用软件也纷纷出现，软件技术也一直在不断完善和更新。软件行业早已遍布各个地方。

在国内，我国信息技术发展起步比较晚，后期慢慢的不断地进行优化和改革，才让我们的信息技术上升到新的阶段。在现在软件开发的技术经过大量研究和生活实践基本能够达到独立开发系统应用的水平，生活中的各个行业也把软件操作替换成传统的记录模式。软件行业正是现在比较热门的行业。

随着宿舍管理人数的不断增加，宿舍管理系统也在随着增加，由于宿舍信息的增多，宿舍管理系统能够对宿舍管理进行完整的规划和管理，而且学校也通过网络系统来完成日常管理信息中的各种需求，所以网上宿舍管理系统的开发给人们带来了足够的便利，人们通过系统来满足生活中的需求，因此，由于信息的增加，信息处理系统也随之增加，通过网络来满足现代人群需求。此次开发设计主要是实现宿舍管理系统，结合node.js的koa技术以及mysql数据库进行设计，弥补目前宿舍管理网站中的不足，来开发出一款即方便又实用的宿舍管理系统，并且设计的程序具有界面整洁、功能强大等特性，从全局来说，宿舍管理系统的设计解决了信息零散、不利于宿舍管理的问题，该系统实现，可以投入到真实环境中，这样不仅能解决以上提及的问题，让信息管理更准则。

1. 相关技术介绍

2.1 koa框架

Node.js是一个异步的世界，官方API支持的都是callback形式的异步编程模型，这会带来许多问题，例如:1、callback嵌套问题；2、异步函数中可能同步调用callback返回数据，带来不一致性。为了解决以上问题Koa出现了。

koa是由Express原班人马打造的，致力于成为一个更小、更富有表现力、更健壮的Web框架。使用koa编写web应用，可以免除重复繁琐的回调函数嵌套，并极大地提升错误处理的效率。koa不在内核方法中绑定任何中间件，它仅仅提供了一个轻量优雅的函数库，使得编写Web应用变得得心应手。开发思路和express差不多，最大的特点就是可以避免异步嵌套。

阿里内部就在使用Koa框架，并在Koa基础上面做了一些扩展和封装。并且基于koa开发了一个开源框架egg。

2.2 Vue.js 主要功能：

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。

Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。另一方面，在与相关工具和支持库一起使用时，Vue.js 也能驱动复杂的单页应用。

2.3 MVVM模式介绍：

MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了，它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。微软的WPF带来了新的技术体验，如Silverlight、音频、视频、3D、动画……，这导致了软件UI层更加细节化、可定制化。同时，在技术层面，WPF也带来了 诸如Binding、Dependency Property、Routed Events、Command、DataTemplate、ControlTemplate等新特性。MVVM（Model-View-ViewModel）框架的由来便是MVP（Model-View-Presenter）模式与WPF结合的应用方式时发展演变过来的一种新型架构框架。它立足于原有MVP框架并且把WPF的新特性糅合进去，以应对客户日益复杂的需求变化。

2.4  B/S体系工作原理：

B/S架构采取浏览器请求，服务器响应的工作模式。

用户可以通过浏览器去访问Internet上由Web服务器产生的文本、数据、图片、动画、视频点播和声音等信息；

而每一个Web服务器又可以通过各种方式与数据库服务器连接，大量的数据实际存放在数据库服务器中；

从Web服务器上下载程序到本地来执行，在下载过程中若遇到与数据库有关的指令，由Web服务器交给数据库服务器来解释执行，并返回给Web服务器，Web服务器又返回给用户。在这种结构中，将许许多多的网连接到一块，形成一个巨大的网，即全球网。而各个企业可以在此结构的基础上建立自己的Internet。

在 B/S 模式中，用户是通过浏览器针对许多分布于网络上的服务器进行请求访问的，浏览器的请求通过服务器进行处理，并将处理结果以及相应的信息返回给浏览器，其他的数据加工、请求全部都是由Web Server完成的。通过该框架结构以及植入于操作系统内部的浏览器，该结构已经成为了当今软件应用的主流结构模式。

2.5 MySQL数据库

Mysql的语言是非结构化的，用户可以在数据上进行工作。MySQL因为其速度、可靠性和适应性而备受关注。大多数人都认为在不需要事务化处理的情况下，MySQL是管理内容最好的选择。并且因为Mysql的语言和结构比较简单，但是功能和存储信息量很强大，所以得到了普遍的应用。

Mysql数据库在编程过程中的作用是很广泛的，为用户进行数据查询带来了方便。Mysql数据库的应用因其灵活性强，功能强大，所以在实现某功能时只需要一小段代码，而不像其他程序需要编写大段代码。总体来说，Mysql数据库的语言相对要简洁很多。

数据流程分析主要就是数据存储的储藏室，它是在计算机上进行的，而不是现实中的储藏室。数据的存放是按固定格式，而不是无序的，其定义就是：长期有固定格式，可以共享的存储在计算机存储器上。数据库管理主要是数据存储、修改和增加以及数据表的建立。为了保证系统数据的正常运行，一些有能力的处理者可以进行管理而不需要专业的人来处理。数据表的建立，可以对数据表中的数据进行调整，数据的重新组合及重新构造，保证数据的安全性。介于数据库的功能强大等特点，本系统的开发主要应用了Mysql进行对数据的管理。

1. 系统分析
   1. 可行性分析

开发任何一个系统，都要对其可行性进行分析，对其时间和资源上的限制进行考虑，这样可以减少系统开发的风险。同时，分析之后不仅能够合理的运用人力，还能在各方面资源的消耗上得到节省。下面就对技术、经济和操作三个方面来介绍。

1. 1. 1. 经济可行性

整个系统从设计到开发以及测试过程严谨步骤齐全，所有工作任务全部由本人完成，并未获取外部技术支持，节约了一切服务成本开销以及人工成本，在硬件方面，为节约成本使用一台二手移动工作站作为项目部署服务器以及数据库服务器，成本在一万元一下，真个网络部署也是由本人独立完成不涉及到其他人工费用，整个开发过程本着低成本，低消耗的原则。

1. 1. 1. 技术可行性

技术可行性分析的目的是确认该系统能否利用现有技术实现，并评估开发效率和完成情况。技术的可行性是指在当前的技术条件下，计算机软件和硬件的开发是否能够满足发展的要求。因为该系统的开发基于VUE框架，所以开发该系统所需的软件和硬件条件可以在普通计算机上满足。因为它占用的内存相对较少，所以用Mysql数据库开发和设计软件理论上没有问题，因为它占用的内存太少。上述技术可以有效地保证系统的成功和高效开发。

1. 1. 1. 操作可行性

宿舍管理系统的使用界面简单易于操作，采用常见的界面窗口来登录界面，通过电脑进行访问操作，用户只要平时使用过电脑都能进行访问操作。此系统的开发采用Node.js技术开发，人性化和完善化是B/S结构开发比较显要的特点使得用户操作相比较其他更加简洁方便。易操作、易管理、交互性好在本系统操作上体现得淋漓尽致。

1. 1. 系统功能需求分析：

宿舍管理系统，是一个由人、计算机及其他外围设备等组成的能进行信息的收集、传递、存贮、加工、维护和使用的系统，其主要任务是最大限度的利用现代计算机及网络通讯技术加强学校的信息管理，通过对学校拥有的人力、物力、财力、设备、技术等资源的调查了解，建立正确的数据，加工处理并编制成各种信息资料及时提供给管理人员，以便进行正确的决策，不断提高学校的管理水平和经济效益。目前，学校的计算机网络已成为学校进行技术改造及提高学校管理水平的重要手段。

宿舍管理系统的特性，完善的宿舍管理系统具有以下四个标准:确定的信息需求、信息的可采集与可加工、可以通过程序为管理人员提供的信息、可以对信息进行管理。具有统一规划的数据库是宿舍管理系统成熟的重要标志，它象征着宿舍管理系统是软件工程的产物。通过宿舍管理系统实现信息增值，用数学模型统计分析数据，实现辅助决策。宿舍管理系统是发展变化的，有生命周期的。

宿舍管理系统的开发必须具有一定的科学管理工作基础。只有在合理的管理体制、完善的规章制度、稳定的生产秩序、科学的管理方法和准确的原始数据的基础上，才能进行它的开发。因此，为适应其的开发需求，学校管理工作必须逐步完善以下工作;管理工作的程序化，各部门都有相应的作业流程:管理业务的标准化，各部门都有相应的作业规范;报表文件的统一化，固定的内容、周期、格式;数据资料的完善化和代码化。

随着宿舍管理系统的不断更新扩大，宿舍管理系统的种类越来越丰富，需求量也越来越大，实现宿舍管理系统管理的自动化管理十分必要。过去全部由人工管理来实现，不仅耗费大量的人力、物力资源而且容易出现差错，效率很低。为了满足宿舍管理系统的自动化管理，提高工作效率，我选择了宿舍管理系统作为设计课题。本软件给学校宿舍管理员带来了极大的帮助，有效地减少了其工作量。这个系统有很好的实用性，管理员可以方便的进行各种操作，操作十分简单，初次接触本软件的管理人员也可以快速的掌握其操作方法

本系统采用结构化设计的方法来实现系统总体功能，提高系统的各项指标，即将整个系统合理的划分成各个功能模块，正确地处理模块之间和模块内部的联系以及和数据库的联系，定义各模块的内部结构，通过对模块的设计和模块之间关系的系统来实现整个系统的功能。

管理员用例图如下所示。

图3-1 管理员用例图

管理员功能需求：后台首页、系统管理（管理员、学生用户、宿管人员）、模块管理（宿舍楼信息、宿舍信息、宿舍分配、宿舍报修、归宿打卡、晚归记录、水电费充值、通知公告）个人信息等。

宿管人员用例图如下所示。

图3-2 宿管人员用例图

宿管人员功能需求：后台首页、模块管理（宿舍楼信息、宿舍信息、宿舍分配、宿舍报修、归宿打卡、晚归记录、通知公告）个人信息等。

学生用户用例图如下所示。

图3-3 学生用户用例图

学生用户功能需求：后台首页、模块管理（宿舍分配、宿舍报修、归宿打卡、晚归记录、水电费充值、通知公告）个人信息等。

1. 1. 系统性能需求

评判一个系统好坏的一项重要指标就是性能，下面是对此系统的一些性能进行阐述。

1.系统的安全性和稳定性: 宿舍管理系统在管理权限上有着严格的控制，即想登录此平台进行操作，则必须要有操作权限，没有权限的用户是不可能登录平台查看任何的信息和数据，从而确保了系统的安全性。

2.数据的完整性和准确性：第一个是各项记录信息的完整性，信息记录的内容可以为空；第二个是各项信息数据之间相互联系的准确性；第三个是数据在不同记录信息的一致性

3．管理员操作系统简单方便

在系统开发中按照“简单易用”的原则，能够使用户对系统的使用一目了然，既能保证用户使用，同时又能保证维护人员方便维护。

1. 1. 数据流程分析

在分析了系统的业务流程之后，就要分析系统的数据流，为后面设计系统的数据库做好基础。这里主要利用数据流程图来说明数据流程。数据流程图是一个图示工具，容易理解，容易在开发和用户方之间进行交流，以及在开发组织内部交流。因此数据流程图作为一种模型工具已经广泛使用在软件工程的实践中。

系统的顶层数据流图如下图所示。

图3-2系统数据流图（顶层）

根据系统的业务流程，用户浏览所使用到的数据归纳为输出信息。而用户提交的数据则作为系统的输入数据。相应的，根据系统管理员业务流程，管理员对系统内容的添加、更新和删除等所操作的数据定义为输入信息。

1. 系统设计
   1. 系统架构设计

本宿舍管理系统的架构设计主要分为可以3层，主要有Web层，业务层，Model层。其中web层还包括View层和Controller层，Model层包括元数据扩展层和数据访问层。

系统架构如下图所示。

图4-1 系统架构

1. 1. 系统总体设计

宿舍管理系统总体分为用户模块、管理员模块和宿管人员模块。

三个模块表现上是分别独立存在，但是访问的数据库是一样的。每一个模块的功能都是根据先前完成的需求分析，并查阅相关资料后整理制作的。

综上所述，系统功能结构图如下图所示。

图4-2 宿舍管理系统功能结构图

1. 1. 系统功能设计

登录模块：登录模块是进入系统的入口，所有用户必须登录后才能访问系统。登录需要输入用户名和密码，如果多次尝试登录需要输入验证码。登录时需要选择用户的角色，是一般用户还是管理员登录等。登录成功后，会通过数据库获取用户的权限，并跳转至用户的主页面。

系统用户管理模块：系统用户管理模块主要对学生用户和宿管人员个人的信息的管理等。

模块管理：模块管理主要是对宿舍楼信息、宿舍信息、宿舍分配、宿舍报修、归宿打卡、晚归记录、水电费充值、通知公告的维护和管理。

个人信息模块：个人信息模块主要对个人资料和密码的修改等。

1. 1. 数据库设计
      1. 数据需求分析

从前面可以分析到数据库中最重要的是系统用户管理、宿舍楼信息管理、宿舍信息管理、宿舍分配管理、宿舍报修管理、归宿打卡管理、晚归记录管理、水电费充值管理、通知公告管理等信息。分析可以得到如下数据描述：个人信息管理，宿舍分配管理、宿舍报修管理等。

1. 1. 1. 数据库概念设计

根据前面的数据流程图，结合系统的功能模块设计，设计出符合系统的各信息实体。

系统ER图如下图所示。

图4-3 系统ER图

1. 1. 1. 数据库表设计

宿舍管理系统所拥有的数据表有以下：用户信息表，宿舍分配信息表，宿舍报修表，宿舍楼信息表等。

由于数据表较多，只展示系统主要数据表，如下表所示。

表auth (用户权限管理)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	auth_id	int	10	0	N	Y		授权ID：
2	user_group	varchar	64	0	Y	N		用户组：
3	mod_name	varchar	64	0	Y	N		模块名：
4	table_name	varchar	64	0	Y	N		表名：
5	page_title	varchar	255	0	Y	N		页面标题：
6	path	varchar	255	0	Y	N		路由路径：
7	position	varchar	32	0	Y	N		位置：
8	mode	varchar	32	0	N	N	_blank	跳转方式：
9	add	tinyint	3	0	N	N	1	是否可增加：
10	del	tinyint	3	0	N	N	1	是否可删除：
11	set	tinyint	3	0	N	N	1	是否可修改：
12	get	tinyint	3	0	N	N	1	是否可查看：
13	field_add	text	65535	0	Y	N		添加字段：
14	field_set	text	65535	0	Y	N		修改字段：
15	field_get	text	65535	0	Y	N		查询字段：
16	table_nav_name	varchar	500	0	Y	N		跨表导航名称：
17	table_nav	varchar	500	0	Y	N		跨表导航：
18	option	text	65535	0	Y	N		配置：
19	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
20	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP