基于Nodejs Express框架的高校宿舍管理系统设计和实现毕业论文.docx
- 文档编号:25530883
- 上传时间:2023-06-09
- 格式:DOCX
- 页数:65
- 大小:3.25MB
基于Nodejs Express框架的高校宿舍管理系统设计和实现毕业论文.docx
《基于Nodejs Express框架的高校宿舍管理系统设计和实现毕业论文.docx》由会员分享,可在线阅读,更多相关《基于Nodejs Express框架的高校宿舍管理系统设计和实现毕业论文.docx(65页珍藏版)》请在冰豆网上搜索。
基于NodejsExpress框架的高校宿舍管理系统设计和实现毕业论文
---文档均为word文档,下载后可直接编辑使用亦可打印---
摘要
本系统设计成果是高校宿舍管理系统,参考多家高校的宿舍管理系统,为了管理人员和学生可以更加的顺畅的参与当前系统中,减少麻烦的流程,简化繁琐的操作。
本设计研究的是以Node.js为后端,利用基于Node.js平台的Express,进行快速、开放、极简的Web开发,使用的数据库是MongoDB,页面框架选择的是LAYUI,使用可视化工具为ECHARTS,开发的软件为VisualStudioCode。
该系统重点针对的是系统的管理人员的需求,实现宿舍管理的主要功能,展示系统的设计和实现的过程。
该系统主要包含了管理员,舍监,学生三个模块。
管理人员主要对栋,宿舍,学生的基础信息进行增加,修改,删除和查询;对报修单进行处理调节学生宿舍等操作功能。
舍监主要对学生住宿进行分配;水电单的录入;处理欠费宿舍等操作功能。
学生主要是水电单的缴费,报修单的填写和公告的查看等操作功能。
本文将重点介绍系统实现的思想和整个过程。
关键字:
管理系统Node.jsExpressMongoDBECHARTSLAYUI
Abstrace
Thissystem'sdesignachievementisthecollegesanduniversitiesDormitoryManagementSystemwhichhasbeenrefertomanyUniversitarioDormitoryManagementSystem.Inordertohelptheadministrativestaffandstudenttousethesystemglidingly,cutdownsomemessyprocessandsimplifythefussyoperation.ThisresearchdesignisbasedontheNode.jsastheBackendDevelopmentanduseitsExpressframeforrapid,openandsimpleWebdevelopment.ThedatabaseistheMongoDB,thevisualtoolsisECHARTS,andthedevelopmentenvironmentisVisualStudioCode.Thissystemmainlytosatisfytherequestofadministrativestaff,andrealizethemainlyfunctionofdormitorymanagement,andexhibitthedesignandrealizationprocessofthesystem.
Thesystemmainlycontainthreethemodels:
administer,dormsupervisorandstudent.Theadministratorscanboost,alter,queryandremovedormitorybuildings',student’sbasicsinformation,dealwiththeservicerequest,distributestudents'dormitoryandotheroperate.Thedormsupervisormainlycandistributestudents'dormitory,theexpenseinputandstatisticandmakeoperationtothedormitorywhicharearrearageandotheroperate.Thedormsupervisormainlycandistributestudents'dormitory,theexpenseinputandstatisticandmakeoperationtothedormitorywhicharearrearageandotheroperate.Thestudentmainlycanpaythefees,fillintheservicerequestandwatchtheannouncementandotheroperate.
Keywords:
managementsystemNode.jsExpressMongoDBECHARTSLAYUI
1.3开发的目的与意义2
2.1Node.js3
2.2Express3
2.3Layui3
2.4MongoDB3
2.5AJAX4
2.6jQUERY4
2.7Echarts4
2.8本章小结4
3.1系统需求分析5
3.1.1系统可行性分析5
3.1.2可行性分析结论5
3.1.3功能需求5
3.2系统总体分析7
3.2.1系统模块分析7
3.2.2系统用例分析9
3.3数据库设计16
3.3.1数据库实体设计的E-R图17
3.3.2数据表22
4.1类图和活动图27
4.1.1类图27
4.1.2活动图28
第五章网站系统描述与实现31
5.1登陆模块31
5.2宿舍管理模块33
5.3学生住宿模块35
5.4水电单管理模块39
5.5报修管理模块42
5.6统计管理模块45
第六章系统测试48
6.1用户登陆模块测试48
6.1.1用户登陆模块测试与操作48
6.1.2测试评价48
6.2宿舍管理模块测试49
6.2.1宿舍管理模块测试与操作49
6.2.2测试评价50
6.3学生管理模块测试50
6.3.1学生管理模块测试与操作50
6.3.2测试评价51
6.4水电单管理模块测试51
6.4.1水电单管理模块测试与操作51
6.4.2测试评价52
6.5报修管理模块测试52
6.5.1报修管理模块测试与操作52
6.5.2测试评价52
6.6本章小结53
第七章总结54
参考文献56
致谢57
第一章绪论
1.1课题背景与必要性
当今大校园内的学生公寓,其数据量大,各种信息管理内容复杂,查询和管理学生信息和校园内的公寓信息等工作由人工完成将是很累的,不仅仅浪费许多人力物力资源,而且还很容易出现差错,所以为了解决这个问题我们就需要依靠计算机技术优势了。
随着计算机技术的快速发展和普及,在现代社会信息管理系统已经深入到各个领域,信息管理系统是一个由人与计算机等组成的可以进行信息录入,操作,采集和维护的系统。
学生宿舍管理系统就是一个典型的信息管理系统,它的实现让人们的生产生活更加方便。
它让管理部门的工作效率大大提高;充分利用资源;减少不必要的人力,物力损失;方便宿舍管理部门的工作人员全面地掌握学生住宿情况等目的;为宿舍管理部门,开发设计专用系统一高校学生宿舍信息管理系统来进行管理学生宿舍情况,使得学生宿舍信息实现标准的管理和规范化的制度是十分必要的。
专用系统是一个信息管理系统,它将实现检索迅速和查找方便;信息录入,修改个删除功能;以及对新入校学生进行宿舍安排等功能。
1.2研究现状
因今年二胎政策的实施,大学生学生人数逐年增多,公寓作为学生生活、住宿、学习的重要场所,保障学生拥有安全、舒适的宿舍环境,做好宿舍管理工作就显得尤为重要。
目前,已经有越来越多的高校开始将计算机科学技术应用到宿舍管理工作中去,实现了无纸化办公,并取得了比较良好的使用效果。
可见,高校宿舍管理系统的开发与应用已经成为高校管理工作的必然趋势。
1.3开发目的和意义
本高校管理系统的开发的目的和意义是高校的宿舍管理一直都是十分频繁且繁琐的,高校学生的基数是十分巨大的,在管理层面上,每一年都有大量的新旧学生的进出,每一个月各个宿舍都有水电单的生成,每一天都可能有不少的报修需要解决。
本系统都将会一一解决上述的问题,它的实现能大大减轻高校在宿舍管理上的压力,节约入手,时间,减轻负担。
对学生良好的安排让其顺利的在宿舍中正常生活,高校宿舍管理系统的产生无疑对高校和学生的成长有很大的促进作用。
第二章主要技术的介绍
2.1Node.js
Node.js是能够在服务器上运行JavaScript的运行环境。
采用的是Google开发的V8运行代码,具有事件驱动、非阻塞和异步输入输出模型等技术。
Node.js大部分基本模块都用JavaScript语言编写。
本来JavaScript的运行是在浏览器上的,Node.js的出现使JavaScript也能用于服务端编程。
Node.js含有一系列内置模块作为独立服务器运行。
它作为我的后端支持我整个的项目,我的各种包都在这里获得。
2.2Express框架
Express框架是基于Node.js的web框架,它能够提供一系列强大特性用于快速的创建web应用。
强大而灵活的中间件响应HTTP请求,通过模板传递参数来动态渲染各种HTML页面,我的后端路由都在这里完成,包括各种http请求,数据库的连接和操作,跨域请求。
2.3LAYUI框架
LAYUI是一套采用前端模块化规范编程写的前端UI框架,遵循原则原生HTML/CSS/JS的书写,内置了十分丰富的模块,通过模块化的方式进行按需加载。
用于PC端后台系统的前台的速成开发。
2.4MongoDB数据库
MongoDB数据库是属于非关系型数据库,属于文档型数据库。
在适量级的内存中性能非常迅速,它将热数据存储在物理内容中,使得热数据的读写变得十分快。
MongoDB的Json格式数据十分适合文档格式的储存与查询。
2.5AJAX
Ajax能异步请求服务器数据,可以做到局部更新网页数据而不用数据的每一次变动都要刷新整个网页。
它的存在让我的前端网页可以有更好更快的展示和改变数据,交互性十分友好。
在这次项目中它是我每时每刻都在使用的关键技术,AJAX的熟练运用也会让我更好的对接后端接口,对接口理解更加深入。
2.6jQuery
jQuery是一个JavaScript框架,它倡导以最少的代码实现更多的事情,它具有独特的链式语法和短小清晰的多功能接口,并且兼容大部分主流浏览器。
它的存在让我的前端代码更加简洁,易读性强。
2.7ECHARTS
ECHARTS是一个纯JavaScript的图标库,可以流畅的运行在pc和移动设备上,兼容大部分浏览器,许多丰富的交互功能以及可视化效果。
它在我项目中的数据统计充分应用上了。
2.8本章小结
当前项目所使用的框架都是比较主流的,我专注与前端开发,后端比较专业的技术我也不太熟悉,所以我采用了Node.js作为我的后台基础,因为它作为后台对前端人员是比较友好的。
而Express框架是基于Node.js的可以快速架构Web项目。
它附带强大的中间件和包装过的网络请求让我的开发事半功倍。
LAYUI框架是16年出来的,是比较新颖的框架。
它主要针对项目后台前端的快速开发设计。
而我的项目作为管理系统用它也是十分的适合的。
后面的技术都是前端最标准的技术,我的网站的设计和实现都离不开他们。
以上强大的技术辅助让我的项目有了扎实的根基,我将尽力的在我的项目中把它们的优点体现出来,往后我将学习更多技术,希望我在其他项目可以做到游刃有余。
第三章系统分析
3.1系统需求分析
3.1.1系统可行性分析
(1)经济可行性:
此项目是我的毕业设计项目,全部框架的技术都不用购买或者租借,开发完全使用本机和流行稳定的开发工具,经济成本很低。
(2)技术可行性:
此项目使用的技术均是市面上比较流行和稳定的。
并且他们之间都有相辅相成,能快速进行开发设计。
3.1.2可行性分析结论
此项目是管理系统,管理系统在市面上是十分多的,使用的技术没有太大的要求,网上可以找到各种管理系统的雏形进行参考,对于高校宿舍管理模式的知识也可以通过翻找各种资料掌握到,为系统的设计提供了便利,系统的实现也会方便管理员和学生的住宿生活,很大程度上的节约了时间和成本。
综上所述,方案实施是可行的。
3.1.3功能需求
本次设计中主要实现一下的系统功能:
个人管理系统:
这个系统主要包括舍监,管理员和学生的登陆和修改密码的功能。
登录功能是用户通过输入账号和密码进行登陆操作,系统连接数据库进行数据校验判断。
修改密码需要用户登陆后进行两次的密码输入,通过系统修改密码。
学院管理系统:
这个系统主要包括管理学生学号规则和管理专业号列表的功能。
管理学生学号规则是通过规定学生学号的长度和届级,专业号,班级,排名的学号映射。
管理专业号列表是管理专业号代表专业名称集合。
两者的结合用于进行搜索学生的功能。
宿舍管理系统:
这个系统是对宿舍和宿舍的集合进行管理,宿舍的集合在这个项目中名为栋,宿舍的添加需要选择栋才能完成,舍监也可以根据宿舍欠费情况对宿舍进行断电和通电处理。
学生调宿系统:
这个系统主要包括了学生的基本信息管理和对学生的调试操作,管理员录入学生信息后可以进行调宿操作,管理员将学生调配到所属的栋后,该栋的舍监再对学生分配有空余床位的宿舍。
水电单系统:
这个系统主要包括了水电单的管理和水电单交付的功能。
舍监对自己栋宿舍的水电单进行录入,管理员进行管理,学生进行水电单交付。
报修系统:
这个系统主要包括了报修单的填写和报修单的处理功能。
学生进行报修单的填写,管理员接收到待处理报修单后安排维修,维修员维修完毕后通知管理员进行相关信息录入,进而完成报修流程。
公告系统:
管理员通过发布公告信息来传递公告,通过设置公告的对象,舍监和学生都能收到特定的信息。
系统框架分层图如下:
图3-1系统框架分层图
3.2系统总体分析
3.2.1系统模块分析
高校宿舍管理系统主要分有三个次级子系统模块组成。
分别是管理员后台管理子系统模块,舍监管理子系统模块和学生宿舍子系统模块。
在管理员后台管理子系统模块中,管理员进行登陆进入管理页面,在里面可以设置学院的学号,水电收费规则,对学生住宿状态,学生的报修单,学院宿舍公告,学生水电单进行管理。
在舍监管理子系统模块中,舍监通过管理员分配的学生进行二次调宿,对学生的水电单,学生宿舍的电闸和公告进行管理。
在前端学生宿舍子系统模块中,学生进行查看公告,水电单付费,报修单的填写等功能。
图3-2总功能系统模块图
图3-3管理员管理子系统模块
图3-4舍监管理子系统模块
图3-5学生前台子系统模块
3.2.3系统用例分析
图3-6高校管理系统系统用例图(管理员)
图3-7高校管理系统系统用例图(舍监)
图3-8高校管理系统系统用例图(学生)
用例总表如下:
表3-1用例总表
编号
参与者
用例名称
用例说明
000
管理员
用户登陆
管理员进入登陆页面后输入用户名和密码,点击登陆,进入主页
001
管理员
管理员修改学号规则
管理员登陆后点击学院管理内的学号标准表,点击修改,按照流程输入学号长度,通过系统虚拟的学号进行届号,专业号,班级号和班级排名的设置。
002
管理员
管理员添加系别表
管理员登陆后点击学院管理内的系别表,点击添加后输入系别号和系别名完成添加操作。
003
管理员
管理员添加管理员
管理员登陆后点击用户管理,点击添加输入用户名和密码后点击确认完成管理员添加操作。
004
管理员
管理员添加栋
管理员登陆后点击宿舍管理的栋列表,点击添加,输入栋名字,栋负责人的电话,名字后点击添加完成添加栋操作。
005
管理员
管理员添加宿舍
管理员登陆后点击宿舍管理的宿舍列表,点击添加按钮后选择所属的栋和填写宿舍名字点击添加完成添加宿舍操作。
006
管理员
管理员调配学生
管理员登陆后点击学生管理,对添加学生的产物进行分配栋操作,选择栋点击完成完成调配学生操作。
007
管理员
重置学生密码
管理员登陆后点击学生管理的已入住学生列表,点击相应学生的重置密码按钮,输入密码和确认密码点击重置完成修改学生密码操作。
008
管理员
管理员修改水电单收费标准
管理员登陆后点击水电单管理的水电标准表,点击修改输入挡位电费和挡位水费的内容后点击修改完成水电单收费标准修改操作。
009
管理员
管理员添加维修员
管理员登陆后点击报修管理的维修员列表,点击添加按钮后输入维修员名字和电话后点击添加完成维修员添加操作。
010
管理员
管理员处理报修单
管理员登陆后点击报修管理的报修单表,选择需要处理的单,点击处理按钮,选择维修员和收费对象,输入价钱和备注点击完成完成报修单处理操作。
011
管理员
管理员发布公告
管理员登陆后点击公告管理后点击添加按钮,选择发布对象和输入公告内容,点击发布完成发布公告操作。
012
舍监
舍监修改栋公告
舍监登陆后点击公告管理,点击修改后对栋公告进行修改,点击修改完成修改栋公告操作。
013
舍监
舍监为学生分配宿舍
舍监登陆后点击宿舍管理,选择学生后点击分配宿舍,选择宿舍后点击分配完成学生分配宿舍操作
014
舍监
舍监添加水电单
舍监登陆后点击水电单管理的水电单列表,点击添加后选择年月和输入水电稍耗点击添加完成水电单添加操作
015
舍监
舍监对欠费宿舍进行断电
舍监登陆后点击水电单管理的欠费宿舍列表,在表中相应的宿舍点击断电按钮,完成对欠费宿舍的断电操作
016
学生
修改密码
学生登陆后点击右上角名字展开列表点击修改密码,输入新密码和确认密码,点击修改完成修改密码操作
017
学生
缴费水电单
学生登陆后在主页可以看到水电单列表,学生选择需要缴费的水电单点击缴费,点击确认缴费完成缴费水电单操作
018
学生
报修单填写
学生登陆后在主页可以看到报修单表,学生点击报修按钮后选择报修项目,填写备注,上传图片,点击完成完成报修单填写操作
对主要用例图进行详细描述:
表3-2管理员登录用例图详细描述表
用例编号:
000
用例名称:
管理员用户登录
简要说明:
管理员进入登陆页面后输入用户名和密码,点击登陆,进入主页
参与者:
管理员
前置条件:
无
后置条件:
进入管理员主页,本地保存用户信息
基本事件流:
1.输入用户名
2.输入密码
3.输入验证码
4.点击登陆
5.验证验证码
6.验证用户名
7.验证密码
8.登陆成功,进入主页
其他事件流:
无
异常事件流:
5a:
验证码错误
5a1:
提示验证码错误
6a:
用户名不存在
6a1:
提示用户名或密码错误
7a:
密码错误
7a1:
提示用户名或密码错误
补充说明:
无
表3-3管理员添加系别用例图详细描述表
用例编号:
004
用例名称:
管理员添加系别
简要说明:
管理员登陆后点击学院管理内的系别表,点击添加后输入系别号和系别名完成添加操作。
参与者:
管理员
前置条件:
管理员登陆主页
后置条件:
系别表添加新数据,搜索框可更新到新数据
基本事件流:
1.输入专业号
2.输入专业名称
3.点击添加
4.系统验证专业名称
5.系统验证专业号
6.专业号添加完成,刷新页面
其他事件流:
无
异常事件流:
4a:
专业名称长度不符合标准
1a1:
提示正确填写专业名称
5a:
专业号不匹配学好标准
1a1:
提示专业号标准长度
补充说明:
无
表3-4舍监分配宿舍用例图详细描述表
用例编号:
013
用例名称:
舍监分配宿舍
简要说明:
舍监登陆后点击宿舍管理,选择学生后点击分配宿舍,选择宿舍后点击分配完成学生分配宿舍操作
参与者:
舍监
前置条件:
舍监登陆主页,管理员调配学生
后置条件:
宿舍现住人数字段添加
基本事件流:
1.选择需要分派宿舍的学生
2.点击分配按钮
3.选择宿舍
4.系统校验宿舍床位
5.分派宿舍成功
其他事件流:
4a:
选择的学生数超过宿舍可住人数
4a1:
提示错误,分配失败
异常事件流:
无
补充说明:
无
表3-5学生填写报修单用例图详细描述表
用例编号:
018
用例名称:
学生填写报修单
简要说明:
学生登陆后在主页可以看到报修单表,学生点击报修按钮后选择报修项目,填写备注,上传图片,点击完成完成报修单填写操作
参与者:
学生
前置条件:
学生登陆主页
后置条件:
管理员处理报修单
基本事件流:
1.点击报修按钮
2.填写备注
3.选择维修项目
4.上传图片
5.点击提交
6.系统检验备注
7.系统检验图片
8.报修单提交成功
其他事件流:
1a:
学生当前宿舍严重欠费中
1a1:
提示欠费,无法进行报修服务
6a:
没有提交图片
6a1:
提示必须提交图片
7a:
没有写备注
7a1:
提示必须填写备注
异常事件流:
无
补充说明:
无
3.4数据库设计
3.4.1数据实体设计的E-R图
图3-9管理员库
图3-10学号标准库
图3-11栋库
图3-12宿舍库
图3-13公告库
图3-14水电标准库
图3-15维修项目库
图3-16专业号库
图3-17维修员库
图3-18学生库
图3-19报修单库
图3-20水电单库
图3-21数据表关系
3.4.2数据表
表名:
admin
表3-6管理员表
序号
列名
数据类型
长度
主键
说明
1
_id
Object
30
是
管理员id
2
admin
String
10
管理员账号
3
password
String
20
账号的密码
表名:
build
表3-7栋表
序号
列名
数据类型
长度
主键
说明
1
_id
Object
30
是
栋id
2
admin
Object
10
连接管理员表
3
build
varchar
20
栋名称
4
user
String
20
舍监名字
5
phone
String
20
舍监电话
6
now
Int
32
现有宿舍
7
password
String
50
舍监密码
表名:
dorm
表3-8宿舍表
序号
列名
数据类型
长度
主键
说明
1
_id
Object
30
是
宿舍id
2
dorm
String
10
连接宿舍表
3
max
Int
20
床位
4
now
Int
20
现住学生
5
break
Int
20
电闸
表名:
idrule
表3-9学号标准表
序号
列名
数据类型
长度
主键
说明
1
_id
Object
30
是
学号标
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 基于Nodejs Express框架的高校宿舍管理系统设计和实现毕业论文 基于 Nodejs Express 框架 高校 宿舍 管理 系统 设计 实现 毕业论文