科毕业设计（文）
基Nodejs + Express框架高校宿舍理系统设计实现
Design and implementation of dormitory Management system based on nodejs + Express framework
水电单录入处理欠费宿舍等操作功学生水电单缴费报修单填写公告查等操作功文重点介绍系统实现思想整程
关键字：理系统 Nodejs Express MongoDB ECHARTS LAYUI
Abstrace
This system＇s design achievement is the colleges and universities Dormitory Management System which has been refer to many Universitario Dormitory Management System In order to help the administrative staff and student to use the system glidingly cut down some messy process and simplify the fussy operation This research design is based on the Nodejs as the Backend Development and use its Express frame for rapid open and simple Web development The data base is the MongoDB the visual tools is ECHARTS and the development environment is Visual Studio Code This system mainly to satisfy the request of administrative staff and realize the mainly function of dormitory management and exhibit the design and realization process of the system
The system mainly contain three the models administer dorm supervisor and student The administrators can boost alter query and remove dormitory buildings＇ student’s basics information deal with the service request distribute students＇ dormitory and other operate The dorm supervisor mainly can distribute students＇ dormitory the expense input and statistic and make operation to the dormitory which are arrearage and other operate The dorm supervisor mainly can distribute students＇ dormitory the expense input and statistic and make operation to the dormitory which are arrearage and other operate The student mainly can pay the fees fill in the service request and watch the announcement and other operate
Key words management system Nodejs Express MongoDB ECHARTS LAYUI
目录
第章 绪 1
11 课题背景必性 1
12 研究现状 1
13 开发目意义 2
第二章 技术介绍 3
21 Nodejs 3
22 Express 3
23 Layui 3
24 MongoDB 3
25 AJAX 4
26 jQUERY 4
27 Echarts 4
28 章结 4
第三章 系统分析 5
31系统需求分析 5
311 系统行性分析 5
312 行性分析结 5
313 功需求 5
32 系统总体分析 7
321 系统模块分析 7
322 系统例分析 9
33 数库设计 16
331 数库实体设计ER图 17
332 数表 22
第四章 系统详细分析 27
41类图活动图 27
411 类图 27
412 活动图 28
第五章 网站系统描述实现 31
51 登陆模块 31
52 宿舍理模块 33
53 学生住宿模块 35
54 水电单理模块 39
55 报修理模块 42
56 统计理模块 45
第六章 系统测试 48
61 户登陆模块测试 48
611 户登陆模块测试操作 48
612 测试评价 48
62 宿舍理模块测试 49
621 宿舍理模块测试操作 49
622 测试评价 50
63 学生理模块测试 50
631 学生理模块测试操作 50
632 测试评价 51
64 水电单理模块测试 51
641 水电单理模块测试操作 51
642 测试评价 52
65 报修理模块测试 52
651 报修理模块测试操作 52
652 测试评价 52
66 章结 53
第七章 总结 54
参考文献 56
致 谢 57
第章 绪
11 课题背景必性
校园学生公寓数量种信息理容复杂查询理学生信息校园公寓信息等工作工完成累仅仅浪费许力物力资源容易出现差错解决问题需计算机技术优势
着计算机技术快速发展普现代社会信息理系统已深入领域信息理系统计算机等组成进行信息录入操作采集维护系统学生宿舍理系统典型信息理系统实现生产生活更加方便理部门工作效率提高充分利资源减少必力物力损失方便宿舍理部门工作员全面掌握学生住宿情况等目宿舍理部门开发设计专系统高校学生宿舍信息理系统进行理学生宿舍情况学生宿舍信息实现标准理规范化制度十分必专系统信息理系统实现检索迅速查找方便信息录入修改删功新入校学生进行宿舍安排等功
12 研究现状
年二胎政策实施学生学生数逐年增公寓作学生生活住宿学重场保障学生拥安全舒适宿舍环境做宿舍理工作显尤重目前已越越高校开始计算机科学技术应宿舍理工作中实现纸化办公取较良效果见高校宿舍理系统开发应已成高校理工作必然趋势
13 开发目意义
高校理系统开发目意义高校宿舍理直十分频繁繁琐高校学生基数十分巨理层面年量新旧学生进出月宿舍水电单生成天少报修需解决系统会解决述问题实现减轻高校宿舍理压力节约入手时间减轻负担学生良安排利宿舍中正常生活高校宿舍理系统产生疑高校学生成长促进作
第二章 技术介绍
21 Nodejs
Nodejs够服务器运行JavaScript运行环境采Google开发V8运行代码具事件驱动非阻塞异步输入输出模型等技术Nodejs部分基模块JavaScript语言编写JavaScript运行浏览器Nodejs出现JavaScript服务端编程Nodejs含系列置模块作独立服务器运行作端支持整项目种包里获
22 Express框架
Express框架基Nodejsweb框架够提供系列强特性快速创建web应强灵活中间件响应HTTP请求通模板传递参数动态渲染种HTML页面端路里完成包括种http请求数库连接操作跨域请求
23 LAYUI框架
LAYUI套采前端模块化规范编程写前端UI框架遵循原原生HTMLCSS JS书写置十分丰富模块通模块化方式进行需加载PC端台系统前台速成开发
24 MongoDB数库
MongoDB数库属非关系型数库属文档型数库适量级存中性非常迅速热数存储物理容中热数读写变十分快MongoDBJson格式数十分适合文档格式储存查询
25 AJAX
Ajax异步请求服务器数做局部更新网页数数次变动刷新整网页存前端网页更更快展示改变数交互性十分友次项目中时刻关键技术AJAX熟练运会更接端接口接口理解更加深入
26 jQuery
jQueryJavaScript框架倡导少代码实现更事情具独特链式语法短清晰功接口兼容部分流浏览器存前端代码更加简洁易读性强
27 ECHARTS
ECHARTS纯JavaScript图标库流畅运行pc移动设备兼容部分浏览器许丰富交互功视化效果项目中数统计充分应
28 章结
前项目框架较流专注前端开发端较专业技术太熟悉采Nodejs作台基础作台前端员较友Express框架基Nodejs快速架构Web项目附带强中间件包装网络请求开发事半功倍LAYUI框架16年出较新颖框架针项目台前端快速开发设计项目作理系统十分适合 面技术前端标准技术网站设计实现离开强技术辅助项目扎实根基力项目中优点体现出学更技术希项目做游刃余
第三章 系统分析
31系统需求分析
311 系统行性分析
（1）济行性：项目毕业设计项目全部框架技术购买者租开发完全机流行稳定开发工具济成低
（2）技术行性：项目技术均市面较流行稳定间相辅相成快速进行开发设计
312行性分析结
项目理系统理系统市面十分技术没太求网找种理系统雏形进行参考高校宿舍理模式知识通翻找种资料掌握系统设计提供便利系统实现会方便理员学生住宿生活程度节约时间成综述方案实施行
313功需求
次设计中实现系统功：
理系统：系统包括舍监理员学生登陆修改密码功登录功户通输入账号密码进行登陆操作系统连接数库进行数校验判断修改密码需户登陆进行两次密码输入通系统修改密码
学院理系统：系统包括理学生学号规理专业号列表功理学生学号规通规定学生学号长度届级专业号班级排名学号映射理专业号列表理专业号代表专业名称集合两者结合进行搜索学生功
宿舍理系统：系统宿舍宿舍集合进行理宿舍集合项目中名栋宿舍添加需选择栋完成舍监根宿舍欠费情况宿舍进行断电通电处理
学生调宿系统：系统包括学生基信息理学生调试操作理员录入学生信息进行调宿操作理员学生调配属栋该栋舍监学生分配空余床位宿舍
水电单系统：系统包括水电单理水电单交付功舍监栋宿舍水电单进行录入理员进行理学生进行水电单交付
报修系统：系统包括报修单填写报修单处理功学生进行报修单填写理员接收处理报修单安排维修维修员维修完毕通知理员进行相关信息录入进完成报修流程
公告系统：理员通发布公告信息传递公告通设置公告象舍监学生收特定信息
系统框架分层图：
图31系统框架分层图
32 系统总体分析
321系统模块分析
高校宿舍理系统分三次级子系统模块组成分理员台理子系统模块舍监理子系统模块学生宿舍子系统模块理员台理子系统模块中理员进行登陆进入理页面里面设置学院学号水电收费规学生住宿状态学生报修单学院宿舍公告学生水电单进行理舍监理子系统模块中舍监通理员分配学生进行二次调宿学生水电单学生宿舍电闸公告进行理前端学生宿舍子系统模块中学生进行查公告水电单付费报修单填写等功
图32总功系统模块图
图33理员理子系统模块
图34舍监理子系统模块
图35学生前台子系统模块
323系统例分析
图36高校理系统系统例图(理员)
图37高校理系统系统例图(舍监)
图38高校理系统系统例图(学生)
例总表：
表31例总表
编号
参者
例名称
例说明
000
理员
户登陆
理员进入登陆页面输入户名密码点击登陆进入页
001
理员
理员修改学号规
理员登陆点击学院理学号标准表点击修改流程输入学号长度通系统虚拟学号进行届号专业号班级号班级排名设置
002
理员
理员添加系表
理员登陆点击学院理系表点击添加输入系号系名完成添加操作
003
理员
理员添加理员
理员登陆点击户理点击添加输入户名密码点击确认完成理员添加操作
004
理员
理员添加栋
理员登陆点击宿舍理栋列表点击添加输入栋名字栋负责电话名字点击添加完成添加栋操作
005
理员
理员添加宿舍
理员登陆点击宿舍理宿舍列表点击添加钮选择属栋填写宿舍名字点击添加完成添加宿舍操作
006
理员
理员调配学生
理员登陆点击学生理添加学生产物进行分配栋操作选择栋点击完成完成调配学生操作
007
理员
重置学生密码
理员登陆点击学生理已入住学生列表点击相应学生重置密码钮输入密码确认密码点击重置完成修改学生密码操作
008
理员
理员修改水电单收费标准
理员登陆点击水电单理水电标准表点击修改输入挡位电费挡位水费容点击修改完成水电单收费标准修改操作
009
理员
理员添加维修员
理员登陆点击报修理维修员列表点击添加钮输入维修员名字电话点击添加完成维修员添加操作
010
理员
理员处理报修单
理员登陆点击报修理报修单表选择需处理单点击处理钮选择维修员收费象输入价钱备注点击完成完成报修单处理操作
011
理员
理员发布公告
理员登陆点击公告理点击添加钮选择发布象输入公告容点击发布完成发布公告操作
012
舍监
舍监修改栋公告
舍监登陆点击公告理点击修改栋公告进行修改点击修改完成修改栋公告操作
013
舍监
舍监学生分配宿舍
舍监登陆点击宿舍理选择学生点击分配宿舍选择宿舍点击分配完成学生分配宿舍操作
014
舍监
舍监添加水电单
舍监登陆点击水电单理水电单列表点击添加选择年月输入水电稍耗点击添加完成水电单添加操作
015
舍监
舍监欠费宿舍进行断电
舍监登陆点击水电单理欠费宿舍列表表中相应宿舍点击断电钮完成欠费宿舍断电操作
016
学生
修改密码
学生登陆点击右角名字展开列表点击修改密码输入新密码确认密码点击修改完成修改密码操作
017
学生
缴费水电单
学生登陆页水电单列表学生选择需缴费水电单点击缴费点击确认缴费完成缴费水电单操作
018
学生
报修单填写
学生登陆页报修单表学生点击报修钮选择报修项目填写备注传图片点击完成完成报修单填写操作
例图进行详细描述：
表32理员登录例图详细描述表
例编号：000
例名称：理员户登录
简说明：理员进入登陆页面输入户名密码点击登陆进入页
参者：理员
前置条件：
置条件：进入理员页保存户信息
基事件流：
1 输入户名
2 输入密码
3 输入验证码
4 点击登陆
5 验证验证码
6 验证户名
7 验证密码
8 登陆成功进入页
事件流：
异常事件流：
5a：验证码错误
5a1：提示验证码错误
6a：户名存
6a1：提示户名密码错误
7a：密码错误
7a1：提示户名密码错误
补充说明：
表33理员添加系例图详细描述表
例编号：004
例名称：理员添加系
简说明：理员登陆点击学院理系表点击添加输入系号系名完成添加操作
参者：理员
前置条件：理员登陆页
置条件：系表添加新数搜索框更新新数
基事件流：
1 输入专业号
2 输入专业名称
3 点击添加
4 系统验证专业名称
5 系统验证专业号
6 专业号添加完成刷新页面
事件流：
异常事件流：
4a：专业名称长度符合标准
1a1：提示正确填写专业名称
5a：专业号匹配学标准
1a1：提示专业号标准长度
补充说明：
表34舍监分配宿舍例图详细描述表
例编号：013
例名称：舍监分配宿舍
简说明：舍监登陆点击宿舍理选择学生点击分配宿舍选择宿舍点击分配完成学生分配宿舍操作
参者：舍监
前置条件：舍监登陆页理员调配学生
置条件：宿舍现住数字段添加
基事件流：
1 选择需分派宿舍学生
2 点击分配钮
3 选择宿舍
4 系统校验宿舍床位
5 分派宿舍成功
事件流：
4a：选择学生数超宿舍住数
4a1：提示错误分配失败
异常事件流：
补充说明：
表35学生填写报修单例图详细描述表
例编号：018
例名称：学生填写报修单
简说明：学生登陆页报修单表学生点击报修钮选择报修项目填写备注传图片点击完成完成报修单填写操作
参者：学生
前置条件：学生登陆页
置条件：理员处理报修单
基事件流：
1 点击报修钮
2 填写备注
3 选择维修项目
4 传图片
5 点击提交
6 系统检验备注
7 系统检验图片
8 报修单提交成功
事件流：
1a：学生前宿舍严重欠费中
1a1：提示欠费法进行报修服务
6a：没提交图片
6a1提示必须提交图片
7a：没写备注
7a1：提示必须填写备注
异常事件流：
补充说明：
34数库设计
341数实体设计ER图
图39理员库
图310学号标准库
图311栋库
图312宿舍库
图313公告库
图314水电标准库
图315维修项目库
图316专业号库
图317维修员库
图318学生库
图319报修单库
图320水电单库
图321数表关系
342数表
表名：admin
表36理员表
序号
列名
数类型
长度
键
说明
1
_id
Object
30
理员id
2
admin
String
10
理员账号
3
password
String
20
账号密码
表名：build
表37栋表
序号
列名
数类型
长度
键
说明
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
表38宿舍表
序号
列名
数类型
长度
键
说明
1
_id
Object
30
宿舍id
2
dorm
String
10
连接宿舍表
3
max
Int
20
床位
4
now
Int
20
现住学生
5
break
Int
20
电闸
表名：idrule
表39学号标准表
序号
列名
数类型
长度
键
说明
1
_id
Object
30
学号标准id
2
size
Int
32
学号长度
3
grade
String
20
届号
4
system
String
20
专业号
5
class
String
20
班级号
6
rank
String
20
班级排名号
表名：notices
表310公告表
序号
列名
数类型
长度
键
说明
1
_id
Object
30
公告id
2
flag
Int
32
发布象
3
notice
String
20
公告容
4
date
Double
20
发布日期
表名：repairman
表311维修员表
序号
列名
数类型
长度
键
说明
1
_id
Object
30
维修员id
2
rmname
String
20
维修员名字
3
rmphone
String
20
维修员电话
4
rmpooto
String
20
维修员头图片
表名：repairs
表312维修单表
序号
列名
数类型
长度
键
说明
1
_id
Object
30
维修单id
2
build
Object
30
连接栋表
3
dorm
Object
30
连接宿舍表
4
type
Object
30
连接维修项目表
5
sremark
String
50
学生备注
6
sphoto
String
20
图片
7
sno
String
20
学生学号
8
sphone
Double
32
学生电话
9
time
Double
32
提交时间
10
flag
Int
32
维修状态
11
dpay
Int
32
学生付款
12
flag2
Int
32
付款象
13
oktime
Double
32
维修时间
14
repairman
Object
30
连接维修员表
15
rremark
String
50
维修员备注
16
spay
Int
32
学校付款
表名：student
表313学生表
序号
列名
数类型
长度
键
说明
1
_id
Object
30
学生id
2
build
Object
20
连接栋表
3
dorm
Object
20
连接宿舍表
4
sno
Double
20
学生学号
5
sname
String
20
学生名字
6
ssex
Int
32
学生性
7
sphone
String
20
学生电话
8
spwd
String
20
学生密码
9
flag
Int
32
学生住宿状态
表名：system
表314专业号表
序号
列名
数类型
长度
键
说明
1
_id
Object
30
专业号id
2
num
String
20
专业号
3
system
String
20
专业名称
表名：type
表315维修项目表
序号
列名
数类型
长度
键
说明
1
_id
Object
30
维修项目id
2
type
String
20
维修项目名称
表名：werule
表316水电单标准表
序号
列名
数类型
长度
键
说明
1
_id
Object
30
水电单标准id
2
erelief
Int
32
电费减免
3
wrelief
Int
32
水费减免
4
efirst
Double
32
档电费
5
esecond
Double
32
二档电费
6
ethird
Double
32
三档电费
7
wfirst
Int
32
档水费
8
wsecond
Double
32
二档水费
9
wthird
Double
32
三档水费
10
et1
Int
32
档耗电
11
et2
Int
32
二档耗电
12
wt1
Int
32
档耗水
13
wt2
Int
32
二档耗水
表名：we
表317水电单表
序号
列名
数类型
长度
键
说明
1
_id
Object
30
水电单id
2
year
Int
32
年
3
month
Int
32
月
4
build
Object
32
连接栋表
5
dorm
Object
32
连接宿舍表
6
electric
Double
32
耗电
7
water
Double
32
耗水
8
efee
Double
32
电费
9
wfee
Double
32
水费
序号
列名
数类型
长度
键
说明
10
total
Double
32
总计
11
flag
Int
32
支付状态
第四章 系统详细分析
41类图活动图
411 类图
系统类图体现出类间关系图示：admin类build类dorm类student类notices类type类repairman类进行理dorm类关联build类student类we类repair类关联dorm类repair类关联type类repairman类
图41系统类图
412 活动图
活动图实现更系统功进行展示展示系统活动图
（1）户登陆活动图
图42户登陆活动图
户进入登陆页面进行登陆操作输入账号密码果账号密码判断失败会错误提示提示完毕密码成功操作完毕
（2）学生住宿活动图
图43学生住宿活动图
学生住宿活动流程理员进行学生录入者操作已入住学生学生进入等调配状态理员进行调配学生舍监调配间方学生进行学生入住操作理员直接入住学生进行宿舍分配果宿舍床位足调配失败果宿舍床位足够学生入住完成
（3）学生报修活动图
图44学生报修活动图
学生登陆页面进行报修单填写学生水电单欠费超3月时法开启填写页面相反正常填写报修单理员登陆页面进行报修单处理张报修单选择维修员信息完成处理报修单操作
第五章 网站系统描述实现
51 登录模块
登陆三角色理员舍监学生登陆相特点登陆账号固定舍监学生初始密码固定舍监账号密码初始手机号学生账号学号密码手机舍监学生密码期进行重置关登陆页面选择较传统登陆模型背景图片半透明框里面分账号密码验证码户进行输入账号密码验证码进行验证完成登陆登陆成功进入页点击右角户名选择退出登陆退回登陆页图51示：
图51户登陆页面
更安全性token验证服务器验证成功服务端会发出专属token客户端客户端接收储存次请求带着token字段服务器接受应token请求头请求图52示：
图52token设置登陆路
客户端登陆储存token外更页面操作户数存local storage中理员会存放理员名字舍监登陆会存放舍监名字属栋id学生话会存入名字属栋id属宿舍id图53示：
图53页面存储效果
52 宿舍理模块
宿舍理理员专属理员高校宿舍情况进行操作栋宿舍集合设计栋舍监关系直接舍监栋绑定成表栋添加中时录入舍监信息宿舍录入需先选择栋宿舍表关联栋表栋宿舍删需判断中字段栋删需判断属该栋宿舍否存果存法删宿舍删理存学生宿舍法删宿舍理模块页面图5455示：
图54栋理页面
图55宿舍理页面
系统宿舍添加删修改查找创建接口查找接口例通判断否请求字段实现两种查找build表方式宿舍理查找接口接口图56示：
图56宿舍理查找接口接口
栋删宿舍删需判断身表字段实现里宿舍作例子法删存学生宿舍学生分配宿舍宿舍表now字段增删宿舍时判断now字段判断前宿舍否删图57示：
图57前台删宿舍逻辑判断
53 学生住宿模块
学生住宿理模块重实现高校宿舍理系统核心创新部分针高校常遇宿舍理问题进行创新实施开发年量学生住宿流动果全部理员操作话十分麻烦效率低宿舍舍监职位完全延伸理员直接批次分配栋舍监舍监分配栋学生进行宿舍安排样会减轻理员负担舍监减轻理员负担方月水电单录入理员调配学生页面舍监分配宿舍页面图5859示：
图58理员调配学生页
图59舍监分配宿舍页
工作流程理员添加完学生批量调配学生栋中栋舍监分配学生进行入住宿舍处理然理员样直接学生调配具体宿舍入住学生页面入住宿舍接口图510511示：
图510分配宿舍页面展示
图511入住宿舍接口
出逻辑性安全性考虑舍监权利安排学生入住功理员学生进行修改删重置密码重新调配操作删重新调配两操作完成条件前学生宿舍没欠费水电单代码实现图512513示：
图512前端删学生逻辑代码
图513端处理学生删接口
学生添加理学生源学生添加需学号重复性前端提交数端数进行处理数添加学生表中添加学生页面端接口实现图514515示：
图514添加学生页面
图515添加学生端接口实现
54 水电单理模块
水电单理高校宿舍理系统中较突出模块样高校旁边数观单单理员法快速完成月次水电单录入操作唯分摊重栋舍监舍监完全月限宿舍进行水电单录入理员需规定前时间段中水单收费标准舍监通输入年月水电台读取水单收费标准进行计算完成水电单生成
水电单单独功影响系统功学生报修功果超定张数水电单没交付该宿舍法享受学院报修服务条件判断舍监操作超定月份没交水电费学生会出现舍监欠费宿舍理列表中舍监宿舍进行断电操作舍监宿舍进行断电操作宿舍字段会发生变化学生点击报修功会判断字段判断否宿舍否享报修服务样设计较性高放弃台搜索宿舍超三张水电单方法直接宿舍字段判断否欠费样节约服务器处理时间种方式栋宿舍学生删操作中体现出
理员水电收费标准进行修改设置水电单生成会标准进行费生成水电收费标准修改页面水电收费标准修改接口图516517示：
图516水电收费标准修改页面
图517水电收费标准修改台接口
舍监水电单进行录入现年份月份选择宿舍输入电量水量进行添加水电单操作舍监录入水电单页面水电单添加端接口图518519示：
图518舍监录入水电单页面
图519水电单添加端接口逻辑
舍监严重欠费宿舍进行断电处罚操作通表查询组合成新数展示页面舍监系统宿舍欠费断电页端表查询逻辑接口图520521示：
图520舍监系统宿舍欠费断电页面
图521欠费宿舍列表代码实现
55 报修理模块
学生会宿舍单位进行报修学生填写报修单输入备注选择报修项目传图片完成报修单提交理员查报修单分配维修员进行门维修服务维修完成维修员维修容进行收费果属学生付款范围收费维修员工作完毕会理员招呼理员选择维修员输入费选择付费象输入维修结果完成报修单处理学生填写报修单页面图522示：
图522学生填写报修单页面
台系统传专模块次传图片存储服务器文件中传图片逻辑实现图523示：
图523图片传实现代码
学生点击添加系统会数添加维修单表中图片字段采服务器文件路径进行保存图524示：
图524报修单添加端接口实现
维修员完成报修单理员报修单页面进行报修单处理图525示：
图525理员处理报修单页面
理员点击处理钮实现处理报修单端接口图526示：
图526理员处理报修接口
56 统计理模块
统计理模块ECHARTS库方统计针住宿情况水电单月均费维修项项目占维修单数量维修单付费状态住宿情况通栋表宿舍表进行逻辑分析水电单月均费通年份搜索进行观十二月均水电单费维修项目占维修单数量需通维修单关联维修项目单进行表查询数进行操作维修付费状态通维修单付费象判断进行统计页面效果图527示：
图527理员统计分析页面
年份月份均水电费实现进行介绍台接收请求数查找应需展示年份数进行两次循环分获取月份水电单价钱总数月份水电单数返回均水电费数组图528示：
图528统计分析模块端接口设计
前端请求获取数ECHARTS库标准进行数填写图529示：
图529均水电单统计费前端代码
第六章 系统测试
61 户登陆模块测试
611户登陆模块测试操作
表 51户登录功测试
例描述
测试步骤
预期结果
实际结果
测试否通
户输入正确户名密码验证码
进入页面输入户名密码验证码点击登陆
登陆成功进入页
登陆成功进入页
户输入正确户名密码输入错误验证码
进入页面输入户名密码验证码点击登陆
登陆失败进入页提示验证码错误
登陆成功进入页提示验证码错误
户输入正确户名验证码输入错误密码
进入页面输入户名密码验证码点击登陆
登陆失败进入页提示户名密码
登陆失败进入页提示户名密码
户输入正确验证码密码输入错误户名
进入页面输入户名密码验证码点击登陆
登陆失败进入页提示户名密码
登陆失败进入页提示户名密码
612测试评价
登陆检测较严谨功较完善数传递较安全性实现逻辑较清晰严谨
62 宿舍理模块测试
621宿舍理模块测试操作
表 52宿舍理功测试
例描述
测试步骤
预期结果
实际结果
测试否通
理员进入页进行宿舍理添加栋时信息输入完全
开栋添加钮填写名称负责电话
栋添加成功页面刷新
栋添加成功页面刷新
理员进入页进行宿舍理添加栋时信息输入完全
开栋添加钮填写名称负责没填写电话
栋添加失败提示错误信息
栋添加失败提示请输入完全信息
理员进入页进行宿舍理添加栋时信息输入标准
开栋添加钮填写名称负责电话框中填写超11位字符
栋添加失败提示错误信息
栋添加失败提示请正确填写电话号
理员进入页进行宿舍理正确填写宿舍信息
理员进入页进行宿舍理添加宿舍时选择栋填写宿舍名字床位限制
宿舍添加成功页面刷新
宿舍添加成功页面刷新
理员进入页进行宿舍理填写宿舍信息完全
理员进入页进行宿舍理添加宿舍时选择栋填写宿舍名字没填写床位号
宿舍添加失败提示错误信息
宿舍添加失败提示错误信息
理员删存宿舍栋
理员点击删栋钮
栋删失败提示错误信息
栋删失败提示错误信息
理员删存宿舍栋
理员点击删栋钮
栋删成功页面刷新
栋删成功页面刷新
理员删存学生宿舍
理员点击删宿舍钮
宿舍删失败提示错误信息
宿舍删失败提示错误信息
理员删存学生宿舍
理员点击删宿舍钮
宿舍删成功页面刷新
宿舍删成功页面刷新
理员修改宿舍床位数少等前宿舍学生现住数
理员点击修改宿舍钮修改前宿舍床位
修改宿舍成功刷新页面
修改宿舍成功刷新页面
理员修改宿舍床位数前宿舍学生现住数
理员点击修改宿舍钮修改前宿舍床位
修改宿舍失败提示失败信息
修改宿舍失败提示失败信息
622测试评价
该模块方做限制操作程中没误操作造成数错误重点添加修改删宿舍中操作中稳定提示
63学生理模块测试
631学生理模块测试操作
表 53学生理功测试
例描述
测试步骤
预期结果
实际结果
测试否通
理员添加学生输入已存学生学号
点击添加钮输入学号性电话名字
添加学生失败显示错误提示
添加学生失败提示学号已存
理员添加学生输入存学生学号
点击添加钮输入学号性电话名字
添加学生成功刷新页面
添加学生成功刷新页面
选择学生进行调配学生
点击调配钮
调配失败提示错误信息
调配失败提示选择学生
选择学生进行调配学生
选择学生点击调配钮
调配页面显示
调配页面显示
选择栋学生进行入住宿舍
选择学生点击入住宿舍钮
学生入住失败提示错误信息
学生入住失败提示需选择栋学生
选择栋学生进行入住满宿舍
选择学生点击入住宿舍钮
学生入住失败提示错误信息
学生入住失败提示前宿舍床位够
选择栋学生进行入住满宿舍
选择学生点击入住宿舍钮
学生入住成功刷新页面
学生入住成功刷新页面
已入住学生进行重新调配
点击键调配钮
键调配失败提示错误信息
键调配失败提示选择学生进行调配
已入住学生进行重新调配
选择宿舍学生点击键调配钮
键调配失败提示错误信息
键调配失败提示需相宿舍进行调配
已入住学生进行重新调配
选择相宿舍学生点击键调配钮
点击成功开调配页面
点击成功开调配页面
632测试评价
该模块少逻辑做着较完善流程分层式数操作层定限制重点校验模块实现操作较明
64水电单理模块测试
641水电单理模块测试操作
表 54水电单理功测试
例描述
测试步骤
预期结果
实际结果
测试否通
舍监添加水电单输入完全
选择年月宿舍填写水量没填写电量
添加水电单失败提示错误信息
添加水电单失败提示请输入电量
舍监添加水电单输入完全
选择年月宿舍填写水量电量
添加水电单成功页面刷新
添加水电单成功页面刷新
舍监删已付款水电单
点击删点击确认删
删失败显示错误信息
删失败显示权力删
舍监删未付款水电单
点击删点击确认删
删成功刷新页面
删成功刷新页面
642测试评价
该模块设置源头杜绝功错误步骤变素较模块出错概率
65报修理模块测试
651报修理模块测试操作
表 55报修理功测试
例描述
测试步骤
预期结果
实际结果
测试否通
欠费宿舍进行报销申请
学生进入页点击报修申请
报修申请失败提示错误信息
添加水电单失败提示请输入电量
欠费宿舍进行报销申请
学生进入页点击报修申请
显示报修申请页面
显示报修申请页面
报修页面填写完整
选择维修项目填写备注点击添加钮
添加失败提示错误信息
添加失败提示需传图片
报修页面填写完整
选择维修项目填写备注传图片点击添加钮
添加成功刷新页面
删成功刷新页面
652测试评价
该模块规定输入值必选长度类型做规定欠费户点击报修钮开始校验户填写完知道功已关闭样设计较性化校验起页较方便
66 章结
高校宿舍理系统测试重点模块容进行测试分户登陆模块测试宿舍理模块测试水电单理模块测试报修理模块测试学生理模块测试通较严格方式进行测试测试进行完毕瞬间代表系统良交互稳定性高度
第七章总结
高校宿舍理系统实前通仅技术判断出学校前学期指导老师学期老师假期前星期思考准备目学期产物够直接应毕业设计中终确定题目通假期断学做雏形完成学期学期完成参加实工作工作接触更东西包括UI库接口理解网络请求理解更基础铺垫决定放弃雏形直接头开始添加更容项目中
说说选择技术高校宿舍理系统里面理三学期开始正式确认方方前端开发学东西关前端端java前没学果项目花量时间学话较麻烦机缘巧合认识nodejs作端十分适合搞前端JavaScript懂十分熟悉语言代码实现端建设十分信数库选择然二学期时候学SQL数库学错直接点虚想找容易点数库完成项目目做较简单功抱着样态度教程学MongoDB数库封装性完善毫犹豫选择ECHARTS数视化道听途说实中完成前端网页突然需求ECHARTS框架显示数关系学弄完成功高兴项目中
说说项目法项目考虑久开始定位较低理系统阅历较低时候想出然现住阅历高设计创新东西面详细介绍说说想出准备学期时候老师周时间时十分害怕天时间拼命思考晚睡觉做梦工作着然宿舍想着想着想宿舍东西然逻辑想象系统操作宿舍日常理结合技术发现做项目行性然百度久思考久终想种样方案中遇问题更层出穷中包括数库关联表做着做着忘点东西重新做数库前端端逻辑轮改画图张张座做困难方拼命找资料解决完凌晨
总说宿舍理系统做第较完善项目毕竟学作品然程崎岖长远挺学东西十分客观未行业铺垫足感谢陪奋斗伙伴指导老师感谢默默支持家断学争取更成绩谢谢
参考文献
[1] 王新礼高校学生公寓理系统设计实现[D]海 济学软件学院 2009 4750
[2] 萨师煊王珊着数库系统概[M]高等教育出版社 20056771
[3] 钱新杰胡桂香张怀宇基BS学生宿舍理系统设计实现[J]计算机现代化 20092335
[4] 尤克常敏慧网页制作[M]北京：机器工业出版社2010195
[5] 徐绪松信息系统原理[M]北京：科学出版社20066970
[6] 徐秀春建立学生宿舍理系统[J]职业20093547
[7] 李阳基Web智化理系统构建[J]农业网络信息20092235
[8] 周雷常津义基NET高校宿舍理系统设计实现[J]计算机现代化20092090
[9] Jeremy Keith Jeffrey Sambells JavaScript DOM编程艺术(第二版)[M]北京：民电邮出版社2011160
[10] Nicholas JavaScript高级程序设计(第三版)[M]北京：民邮电出版社20063270
文档香网(httpswwwxiangdangnet)户传
《香当网》用户分享的内容，不代表《香当网》观点或立场，请自行判断内容的真实性和可靠性！
该内容是文档的文本内容，更好的格式请下载文档
科毕业设计（文）
基Nodejs + Express框架高校宿舍理系统设计实现
Design and implementation of dormitory Management system based on nodejs + Express framework
水电单录入处理欠费宿舍等操作功学生水电单缴费报修单填写公告查等操作功文重点介绍系统实现思想整程
关键字：理系统 Nodejs Express MongoDB ECHARTS LAYUI
Abstrace
This system＇s design achievement is the colleges and universities Dormitory Management System which has been refer to many Universitario Dormitory Management System In order to help the administrative staff and student to use the system glidingly cut down some messy process and simplify the fussy operation This research design is based on the Nodejs as the Backend Development and use its Express frame for rapid open and simple Web development The data base is the MongoDB the visual tools is ECHARTS and the development environment is Visual Studio Code This system mainly to satisfy the request of administrative staff and realize the mainly function of dormitory management and exhibit the design and realization process of the system
The system mainly contain three the models administer dorm supervisor and student The administrators can boost alter query and remove dormitory buildings＇ student’s basics information deal with the service request distribute students＇ dormitory and other operate The dorm supervisor mainly can distribute students＇ dormitory the expense input and statistic and make operation to the dormitory which are arrearage and other operate The dorm supervisor mainly can distribute students＇ dormitory the expense input and statistic and make operation to the dormitory which are arrearage and other operate The student mainly can pay the fees fill in the service request and watch the announcement and other operate
Key words management system Nodejs Express MongoDB ECHARTS LAYUI
目录
第章 绪 1
11 课题背景必性 1
12 研究现状 1
13 开发目意义 2
第二章 技术介绍 3
21 Nodejs 3
22 Express 3
23 Layui 3
24 MongoDB 3
25 AJAX 4
26 jQUERY 4
27 Echarts 4
28 章结 4
第三章 系统分析 5
31系统需求分析 5
311 系统行性分析 5
312 行性分析结 5
313 功需求 5
32 系统总体分析 7
321 系统模块分析 7
322 系统例分析 9
33 数库设计 16
331 数库实体设计ER图 17
332 数表 22
第四章 系统详细分析 27
41类图活动图 27
411 类图 27
412 活动图 28
第五章 网站系统描述实现 31
51 登陆模块 31
52 宿舍理模块 33
53 学生住宿模块 35
54 水电单理模块 39
55 报修理模块 42
56 统计理模块 45
第六章 系统测试 48
61 户登陆模块测试 48
611 户登陆模块测试操作 48
612 测试评价 48
62 宿舍理模块测试 49
621 宿舍理模块测试操作 49
622 测试评价 50
63 学生理模块测试 50
631 学生理模块测试操作 50
632 测试评价 51
64 水电单理模块测试 51
641 水电单理模块测试操作 51
642 测试评价 52
65 报修理模块测试 52
651 报修理模块测试操作 52
652 测试评价 52
66 章结 53
第七章 总结 54
参考文献 56
致 谢 57
第章 绪
11 课题背景必性
校园学生公寓数量种信息理容复杂查询理学生信息校园公寓信息等工作工完成累仅仅浪费许力物力资源容易出现差错解决问题需计算机技术优势
着计算机技术快速发展普现代社会信息理系统已深入领域信息理系统计算机等组成进行信息录入操作采集维护系统学生宿舍理系统典型信息理系统实现生产生活更加方便理部门工作效率提高充分利资源减少必力物力损失方便宿舍理部门工作员全面掌握学生住宿情况等目宿舍理部门开发设计专系统高校学生宿舍信息理系统进行理学生宿舍情况学生宿舍信息实现标准理规范化制度十分必专系统信息理系统实现检索迅速查找方便信息录入修改删功新入校学生进行宿舍安排等功
12 研究现状
年二胎政策实施学生学生数逐年增公寓作学生生活住宿学重场保障学生拥安全舒适宿舍环境做宿舍理工作显尤重目前已越越高校开始计算机科学技术应宿舍理工作中实现纸化办公取较良效果见高校宿舍理系统开发应已成高校理工作必然趋势
13 开发目意义
高校理系统开发目意义高校宿舍理直十分频繁繁琐高校学生基数十分巨理层面年量新旧学生进出月宿舍水电单生成天少报修需解决系统会解决述问题实现减轻高校宿舍理压力节约入手时间减轻负担学生良安排利宿舍中正常生活高校宿舍理系统产生疑高校学生成长促进作
第二章 技术介绍
21 Nodejs
Nodejs够服务器运行JavaScript运行环境采Google开发V8运行代码具事件驱动非阻塞异步输入输出模型等技术Nodejs部分基模块JavaScript语言编写JavaScript运行浏览器Nodejs出现JavaScript服务端编程Nodejs含系列置模块作独立服务器运行作端支持整项目种包里获
22 Express框架
Express框架基Nodejsweb框架够提供系列强特性快速创建web应强灵活中间件响应HTTP请求通模板传递参数动态渲染种HTML页面端路里完成包括种http请求数库连接操作跨域请求
23 LAYUI框架
LAYUI套采前端模块化规范编程写前端UI框架遵循原原生HTMLCSS JS书写置十分丰富模块通模块化方式进行需加载PC端台系统前台速成开发
24 MongoDB数库
MongoDB数库属非关系型数库属文档型数库适量级存中性非常迅速热数存储物理容中热数读写变十分快MongoDBJson格式数十分适合文档格式储存查询
25 AJAX
Ajax异步请求服务器数做局部更新网页数数次变动刷新整网页存前端网页更更快展示改变数交互性十分友次项目中时刻关键技术AJAX熟练运会更接端接口接口理解更加深入
26 jQuery
jQueryJavaScript框架倡导少代码实现更事情具独特链式语法短清晰功接口兼容部分流浏览器存前端代码更加简洁易读性强
27 ECHARTS
ECHARTS纯JavaScript图标库流畅运行pc移动设备兼容部分浏览器许丰富交互功视化效果项目中数统计充分应
28 章结
前项目框架较流专注前端开发端较专业技术太熟悉采Nodejs作台基础作台前端员较友Express框架基Nodejs快速架构Web项目附带强中间件包装网络请求开发事半功倍LAYUI框架16年出较新颖框架针项目台前端快速开发设计项目作理系统十分适合 面技术前端标准技术网站设计实现离开强技术辅助项目扎实根基力项目中优点体现出学更技术希项目做游刃余
第三章 系统分析
31系统需求分析
311 系统行性分析
（1）济行性：项目毕业设计项目全部框架技术购买者租开发完全机流行稳定开发工具济成低
（2）技术行性：项目技术均市面较流行稳定间相辅相成快速进行开发设计
312行性分析结
项目理系统理系统市面十分技术没太求网找种理系统雏形进行参考高校宿舍理模式知识通翻找种资料掌握系统设计提供便利系统实现会方便理员学生住宿生活程度节约时间成综述方案实施行
313功需求
次设计中实现系统功：
理系统：系统包括舍监理员学生登陆修改密码功登录功户通输入账号密码进行登陆操作系统连接数库进行数校验判断修改密码需户登陆进行两次密码输入通系统修改密码
学院理系统：系统包括理学生学号规理专业号列表功理学生学号规通规定学生学号长度届级专业号班级排名学号映射理专业号列表理专业号代表专业名称集合两者结合进行搜索学生功
宿舍理系统：系统宿舍宿舍集合进行理宿舍集合项目中名栋宿舍添加需选择栋完成舍监根宿舍欠费情况宿舍进行断电通电处理
学生调宿系统：系统包括学生基信息理学生调试操作理员录入学生信息进行调宿操作理员学生调配属栋该栋舍监学生分配空余床位宿舍
水电单系统：系统包括水电单理水电单交付功舍监栋宿舍水电单进行录入理员进行理学生进行水电单交付
报修系统：系统包括报修单填写报修单处理功学生进行报修单填写理员接收处理报修单安排维修维修员维修完毕通知理员进行相关信息录入进完成报修流程
公告系统：理员通发布公告信息传递公告通设置公告象舍监学生收特定信息
系统框架分层图：
图31系统框架分层图
32 系统总体分析
321系统模块分析
高校宿舍理系统分三次级子系统模块组成分理员台理子系统模块舍监理子系统模块学生宿舍子系统模块理员台理子系统模块中理员进行登陆进入理页面里面设置学院学号水电收费规学生住宿状态学生报修单学院宿舍公告学生水电单进行理舍监理子系统模块中舍监通理员分配学生进行二次调宿学生水电单学生宿舍电闸公告进行理前端学生宿舍子系统模块中学生进行查公告水电单付费报修单填写等功
图32总功系统模块图
图33理员理子系统模块
图34舍监理子系统模块
图35学生前台子系统模块
323系统例分析
图36高校理系统系统例图(理员)
图37高校理系统系统例图(舍监)
图38高校理系统系统例图(学生)
例总表：
表31例总表
编号
参者
例名称
例说明
000
理员
户登陆
理员进入登陆页面输入户名密码点击登陆进入页
001
理员
理员修改学号规
理员登陆点击学院理学号标准表点击修改流程输入学号长度通系统虚拟学号进行届号专业号班级号班级排名设置
002
理员
理员添加系表
理员登陆点击学院理系表点击添加输入系号系名完成添加操作
003
理员
理员添加理员
理员登陆点击户理点击添加输入户名密码点击确认完成理员添加操作
004
理员
理员添加栋
理员登陆点击宿舍理栋列表点击添加输入栋名字栋负责电话名字点击添加完成添加栋操作
005
理员
理员添加宿舍
理员登陆点击宿舍理宿舍列表点击添加钮选择属栋填写宿舍名字点击添加完成添加宿舍操作
006
理员
理员调配学生
理员登陆点击学生理添加学生产物进行分配栋操作选择栋点击完成完成调配学生操作
007
理员
重置学生密码
理员登陆点击学生理已入住学生列表点击相应学生重置密码钮输入密码确认密码点击重置完成修改学生密码操作
008
理员
理员修改水电单收费标准
理员登陆点击水电单理水电标准表点击修改输入挡位电费挡位水费容点击修改完成水电单收费标准修改操作
009
理员
理员添加维修员
理员登陆点击报修理维修员列表点击添加钮输入维修员名字电话点击添加完成维修员添加操作
010
理员
理员处理报修单
理员登陆点击报修理报修单表选择需处理单点击处理钮选择维修员收费象输入价钱备注点击完成完成报修单处理操作
011
理员
理员发布公告
理员登陆点击公告理点击添加钮选择发布象输入公告容点击发布完成发布公告操作
012
舍监
舍监修改栋公告
舍监登陆点击公告理点击修改栋公告进行修改点击修改完成修改栋公告操作
013
舍监
舍监学生分配宿舍
舍监登陆点击宿舍理选择学生点击分配宿舍选择宿舍点击分配完成学生分配宿舍操作
014
舍监
舍监添加水电单
舍监登陆点击水电单理水电单列表点击添加选择年月输入水电稍耗点击添加完成水电单添加操作
015
舍监
舍监欠费宿舍进行断电
舍监登陆点击水电单理欠费宿舍列表表中相应宿舍点击断电钮完成欠费宿舍断电操作
016
学生
修改密码
学生登陆点击右角名字展开列表点击修改密码输入新密码确认密码点击修改完成修改密码操作
017
学生
缴费水电单
学生登陆页水电单列表学生选择需缴费水电单点击缴费点击确认缴费完成缴费水电单操作
018
学生
报修单填写
学生登陆页报修单表学生点击报修钮选择报修项目填写备注传图片点击完成完成报修单填写操作
例图进行详细描述：
表32理员登录例图详细描述表
例编号：000
例名称：理员户登录
简说明：理员进入登陆页面输入户名密码点击登陆进入页
参者：理员
前置条件：
置条件：进入理员页保存户信息
基事件流：
1 输入户名
2 输入密码
3 输入验证码
4 点击登陆
5 验证验证码
6 验证户名
7 验证密码
8 登陆成功进入页
事件流：
异常事件流：
5a：验证码错误
5a1：提示验证码错误
6a：户名存
6a1：提示户名密码错误
7a：密码错误
7a1：提示户名密码错误
补充说明：
表33理员添加系例图详细描述表
例编号：004
例名称：理员添加系
简说明：理员登陆点击学院理系表点击添加输入系号系名完成添加操作
参者：理员
前置条件：理员登陆页
置条件：系表添加新数搜索框更新新数
基事件流：
1 输入专业号
2 输入专业名称
3 点击添加
4 系统验证专业名称
5 系统验证专业号
6 专业号添加完成刷新页面
事件流：
异常事件流：
4a：专业名称长度符合标准
1a1：提示正确填写专业名称
5a：专业号匹配学标准
1a1：提示专业号标准长度
补充说明：
表34舍监分配宿舍例图详细描述表
例编号：013
例名称：舍监分配宿舍
简说明：舍监登陆点击宿舍理选择学生点击分配宿舍选择宿舍点击分配完成学生分配宿舍操作
参者：舍监
前置条件：舍监登陆页理员调配学生
置条件：宿舍现住数字段添加
基事件流：
1 选择需分派宿舍学生
2 点击分配钮
3 选择宿舍
4 系统校验宿舍床位
5 分派宿舍成功
事件流：
4a：选择学生数超宿舍住数
4a1：提示错误分配失败
异常事件流：
补充说明：
表35学生填写报修单例图详细描述表
例编号：018
例名称：学生填写报修单
简说明：学生登陆页报修单表学生点击报修钮选择报修项目填写备注传图片点击完成完成报修单填写操作
参者：学生
前置条件：学生登陆页
置条件：理员处理报修单
基事件流：
1 点击报修钮
2 填写备注
3 选择维修项目
4 传图片
5 点击提交
6 系统检验备注
7 系统检验图片
8 报修单提交成功
事件流：
1a：学生前宿舍严重欠费中
1a1：提示欠费法进行报修服务
6a：没提交图片
6a1提示必须提交图片
7a：没写备注
7a1：提示必须填写备注
异常事件流：
补充说明：
34数库设计
341数实体设计ER图
图39理员库
图310学号标准库
图311栋库
图312宿舍库
图313公告库
图314水电标准库
图315维修项目库
图316专业号库
图317维修员库
图318学生库
图319报修单库
图320水电单库
图321数表关系
342数表
表名：admin
表36理员表
序号
列名
数类型
长度
键
说明
1
_id
Object
30
理员id
2
admin
String
10
理员账号
3
password
String
20
账号密码
表名：build
表37栋表
序号
列名
数类型
长度
键
说明
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
表38宿舍表
序号
列名
数类型
长度
键
说明
1
_id
Object
30
宿舍id
2
dorm
String
10
连接宿舍表
3
max
Int
20
床位
4
now
Int
20
现住学生
5
break
Int
20
电闸
表名：idrule
表39学号标准表
序号
列名
数类型
长度
键
说明
1
_id
Object
30
学号标准id
2
size
Int
32
学号长度
3
grade
String
20
届号
4
system
String
20
专业号
5
class
String
20
班级号
6
rank
String
20
班级排名号
表名：notices
表310公告表
序号
列名
数类型
长度
键
说明
1
_id
Object
30
公告id
2
flag
Int
32
发布象
3
notice
String
20
公告容
4
date
Double
20
发布日期
表名：repairman
表311维修员表
序号
列名
数类型
长度
键
说明
1
_id
Object
30
维修员id
2
rmname
String
20
维修员名字
3
rmphone
String
20
维修员电话
4
rmpooto
String
20
维修员头图片
表名：repairs
表312维修单表
序号
列名
数类型
长度
键
说明
1
_id
Object
30
维修单id
2
build
Object
30
连接栋表
3
dorm
Object
30
连接宿舍表
4
type
Object
30
连接维修项目表
5
sremark
String
50
学生备注
6
sphoto
String
20
图片
7
sno
String
20
学生学号
8
sphone
Double
32
学生电话
9
time
Double
32
提交时间
10
flag
Int
32
维修状态
11
dpay
Int
32
学生付款
12
flag2
Int
32
付款象
13
oktime
Double
32
维修时间
14
repairman
Object
30
连接维修员表
15
rremark
String
50
维修员备注
16
spay
Int
32
学校付款
表名：student
表313学生表
序号
列名
数类型
长度
键
说明
1
_id
Object
30
学生id
2
build
Object
20
连接栋表
3
dorm
Object
20
连接宿舍表
4
sno
Double
20
学生学号
5
sname
String
20
学生名字
6
ssex
Int
32
学生性
7
sphone
String
20
学生电话
8
spwd
String
20
学生密码
9
flag
Int
32
学生住宿状态
表名：system
表314专业号表
序号
列名
数类型
长度
键
说明
1
_id
Object
30
专业号id
2
num
String
20
专业号
3
system
String
20
专业名称
表名：type
表315维修项目表
序号
列名
数类型
长度
键
说明
1
_id
Object
30
维修项目id
2
type
String
20
维修项目名称
表名：werule
表316水电单标准表
序号
列名
数类型
长度
键
说明
1
_id
Object
30
水电单标准id
2
erelief
Int
32
电费减免
3
wrelief
Int
32
水费减免
4
efirst
Double
32
档电费
5
esecond
Double
32
二档电费
6
ethird
Double
32
三档电费
7
wfirst
Int
32
档水费
8
wsecond
Double
32
二档水费
9
wthird
Double
32
三档水费
10
et1
Int
32
档耗电
11
et2
Int
32
二档耗电
12
wt1
Int
32
档耗水
13
wt2
Int
32
二档耗水
表名：we
表317水电单表
序号
列名
数类型
长度
键
说明
1
_id
Object
30
水电单id
2
year
Int
32
年
3
month
Int
32
月
4
build
Object
32
连接栋表
5
dorm
Object
32
连接宿舍表
6
electric
Double
32
耗电
7
water
Double
32
耗水
8
efee
Double
32
电费
9
wfee
Double
32
水费
序号
列名
数类型
长度
键
说明
10
total
Double
32
总计
11
flag
Int
32
支付状态
第四章 系统详细分析
41类图活动图
411 类图
系统类图体现出类间关系图示：admin类build类dorm类student类notices类type类repairman类进行理dorm类关联build类student类we类repair类关联dorm类repair类关联type类repairman类
图41系统类图
412 活动图
活动图实现更系统功进行展示展示系统活动图
（1）户登陆活动图
图42户登陆活动图
户进入登陆页面进行登陆操作输入账号密码果账号密码判断失败会错误提示提示完毕密码成功操作完毕
（2）学生住宿活动图
图43学生住宿活动图
学生住宿活动流程理员进行学生录入者操作已入住学生学生进入等调配状态理员进行调配学生舍监调配间方学生进行学生入住操作理员直接入住学生进行宿舍分配果宿舍床位足调配失败果宿舍床位足够学生入住完成
（3）学生报修活动图
图44学生报修活动图
学生登陆页面进行报修单填写学生水电单欠费超3月时法开启填写页面相反正常填写报修单理员登陆页面进行报修单处理张报修单选择维修员信息完成处理报修单操作
第五章 网站系统描述实现
51 登录模块
登陆三角色理员舍监学生登陆相特点登陆账号固定舍监学生初始密码固定舍监账号密码初始手机号学生账号学号密码手机舍监学生密码期进行重置关登陆页面选择较传统登陆模型背景图片半透明框里面分账号密码验证码户进行输入账号密码验证码进行验证完成登陆登陆成功进入页点击右角户名选择退出登陆退回登陆页图51示：
图51户登陆页面
更安全性token验证服务器验证成功服务端会发出专属token客户端客户端接收储存次请求带着token字段服务器接受应token请求头请求图52示：
图52token设置登陆路
客户端登陆储存token外更页面操作户数存local storage中理员会存放理员名字舍监登陆会存放舍监名字属栋id学生话会存入名字属栋id属宿舍id图53示：
图53页面存储效果
52 宿舍理模块
宿舍理理员专属理员高校宿舍情况进行操作栋宿舍集合设计栋舍监关系直接舍监栋绑定成表栋添加中时录入舍监信息宿舍录入需先选择栋宿舍表关联栋表栋宿舍删需判断中字段栋删需判断属该栋宿舍否存果存法删宿舍删理存学生宿舍法删宿舍理模块页面图5455示：
图54栋理页面
图55宿舍理页面
系统宿舍添加删修改查找创建接口查找接口例通判断否请求字段实现两种查找build表方式宿舍理查找接口接口图56示：
图56宿舍理查找接口接口
栋删宿舍删需判断身表字段实现里宿舍作例子法删存学生宿舍学生分配宿舍宿舍表now字段增删宿舍时判断now字段判断前宿舍否删图57示：
图57前台删宿舍逻辑判断
53 学生住宿模块
学生住宿理模块重实现高校宿舍理系统核心创新部分针高校常遇宿舍理问题进行创新实施开发年量学生住宿流动果全部理员操作话十分麻烦效率低宿舍舍监职位完全延伸理员直接批次分配栋舍监舍监分配栋学生进行宿舍安排样会减轻理员负担舍监减轻理员负担方月水电单录入理员调配学生页面舍监分配宿舍页面图5859示：
图58理员调配学生页
图59舍监分配宿舍页
工作流程理员添加完学生批量调配学生栋中栋舍监分配学生进行入住宿舍处理然理员样直接学生调配具体宿舍入住学生页面入住宿舍接口图510511示：
图510分配宿舍页面展示
图511入住宿舍接口
出逻辑性安全性考虑舍监权利安排学生入住功理员学生进行修改删重置密码重新调配操作删重新调配两操作完成条件前学生宿舍没欠费水电单代码实现图512513示：
图512前端删学生逻辑代码
图513端处理学生删接口
学生添加理学生源学生添加需学号重复性前端提交数端数进行处理数添加学生表中添加学生页面端接口实现图514515示：
图514添加学生页面
图515添加学生端接口实现
54 水电单理模块
水电单理高校宿舍理系统中较突出模块样高校旁边数观单单理员法快速完成月次水电单录入操作唯分摊重栋舍监舍监完全月限宿舍进行水电单录入理员需规定前时间段中水单收费标准舍监通输入年月水电台读取水单收费标准进行计算完成水电单生成
水电单单独功影响系统功学生报修功果超定张数水电单没交付该宿舍法享受学院报修服务条件判断舍监操作超定月份没交水电费学生会出现舍监欠费宿舍理列表中舍监宿舍进行断电操作舍监宿舍进行断电操作宿舍字段会发生变化学生点击报修功会判断字段判断否宿舍否享报修服务样设计较性高放弃台搜索宿舍超三张水电单方法直接宿舍字段判断否欠费样节约服务器处理时间种方式栋宿舍学生删操作中体现出
理员水电收费标准进行修改设置水电单生成会标准进行费生成水电收费标准修改页面水电收费标准修改接口图516517示：
图516水电收费标准修改页面
图517水电收费标准修改台接口
舍监水电单进行录入现年份月份选择宿舍输入电量水量进行添加水电单操作舍监录入水电单页面水电单添加端接口图518519示：
图518舍监录入水电单页面
图519水电单添加端接口逻辑
舍监严重欠费宿舍进行断电处罚操作通表查询组合成新数展示页面舍监系统宿舍欠费断电页端表查询逻辑接口图520521示：
图520舍监系统宿舍欠费断电页面
图521欠费宿舍列表代码实现
55 报修理模块
学生会宿舍单位进行报修学生填写报修单输入备注选择报修项目传图片完成报修单提交理员查报修单分配维修员进行门维修服务维修完成维修员维修容进行收费果属学生付款范围收费维修员工作完毕会理员招呼理员选择维修员输入费选择付费象输入维修结果完成报修单处理学生填写报修单页面图522示：
图522学生填写报修单页面
台系统传专模块次传图片存储服务器文件中传图片逻辑实现图523示：
图523图片传实现代码
学生点击添加系统会数添加维修单表中图片字段采服务器文件路径进行保存图524示：
图524报修单添加端接口实现
维修员完成报修单理员报修单页面进行报修单处理图525示：
图525理员处理报修单页面
理员点击处理钮实现处理报修单端接口图526示：
图526理员处理报修接口
56 统计理模块
统计理模块ECHARTS库方统计针住宿情况水电单月均费维修项项目占维修单数量维修单付费状态住宿情况通栋表宿舍表进行逻辑分析水电单月均费通年份搜索进行观十二月均水电单费维修项目占维修单数量需通维修单关联维修项目单进行表查询数进行操作维修付费状态通维修单付费象判断进行统计页面效果图527示：
图527理员统计分析页面
年份月份均水电费实现进行介绍台接收请求数查找应需展示年份数进行两次循环分获取月份水电单价钱总数月份水电单数返回均水电费数组图528示：
图528统计分析模块端接口设计
前端请求获取数ECHARTS库标准进行数填写图529示：
图529均水电单统计费前端代码
第六章 系统测试
61 户登陆模块测试
611户登陆模块测试操作
表 51户登录功测试
例描述
测试步骤
预期结果
实际结果
测试否通
户输入正确户名密码验证码
进入页面输入户名密码验证码点击登陆
登陆成功进入页
登陆成功进入页
户输入正确户名密码输入错误验证码
进入页面输入户名密码验证码点击登陆
登陆失败进入页提示验证码错误
登陆成功进入页提示验证码错误
户输入正确户名验证码输入错误密码
进入页面输入户名密码验证码点击登陆
登陆失败进入页提示户名密码
登陆失败进入页提示户名密码
户输入正确验证码密码输入错误户名
进入页面输入户名密码验证码点击登陆
登陆失败进入页提示户名密码
登陆失败进入页提示户名密码
612测试评价
登陆检测较严谨功较完善数传递较安全性实现逻辑较清晰严谨
62 宿舍理模块测试
621宿舍理模块测试操作
表 52宿舍理功测试
例描述
测试步骤
预期结果
实际结果
测试否通
理员进入页进行宿舍理添加栋时信息输入完全
开栋添加钮填写名称负责电话
栋添加成功页面刷新
栋添加成功页面刷新
理员进入页进行宿舍理添加栋时信息输入完全
开栋添加钮填写名称负责没填写电话
栋添加失败提示错误信息
栋添加失败提示请输入完全信息
理员进入页进行宿舍理添加栋时信息输入标准
开栋添加钮填写名称负责电话框中填写超11位字符
栋添加失败提示错误信息
栋添加失败提示请正确填写电话号
理员进入页进行宿舍理正确填写宿舍信息
理员进入页进行宿舍理添加宿舍时选择栋填写宿舍名字床位限制
宿舍添加成功页面刷新
宿舍添加成功页面刷新
理员进入页进行宿舍理填写宿舍信息完全
理员进入页进行宿舍理添加宿舍时选择栋填写宿舍名字没填写床位号
宿舍添加失败提示错误信息
宿舍添加失败提示错误信息
理员删存宿舍栋
理员点击删栋钮
栋删失败提示错误信息
栋删失败提示错误信息
理员删存宿舍栋
理员点击删栋钮
栋删成功页面刷新
栋删成功页面刷新
理员删存学生宿舍
理员点击删宿舍钮
宿舍删失败提示错误信息
宿舍删失败提示错误信息
理员删存学生宿舍
理员点击删宿舍钮
宿舍删成功页面刷新
宿舍删成功页面刷新
理员修改宿舍床位数少等前宿舍学生现住数
理员点击修改宿舍钮修改前宿舍床位
修改宿舍成功刷新页面
修改宿舍成功刷新页面
理员修改宿舍床位数前宿舍学生现住数
理员点击修改宿舍钮修改前宿舍床位
修改宿舍失败提示失败信息
修改宿舍失败提示失败信息
622测试评价
该模块方做限制操作程中没误操作造成数错误重点添加修改删宿舍中操作中稳定提示
63学生理模块测试
631学生理模块测试操作
表 53学生理功测试
例描述
测试步骤
预期结果
实际结果
测试否通
理员添加学生输入已存学生学号
点击添加钮输入学号性电话名字
添加学生失败显示错误提示
添加学生失败提示学号已存
理员添加学生输入存学生学号
点击添加钮输入学号性电话名字
添加学生成功刷新页面
添加学生成功刷新页面
选择学生进行调配学生
点击调配钮
调配失败提示错误信息
调配失败提示选择学生
选择学生进行调配学生
选择学生点击调配钮
调配页面显示
调配页面显示
选择栋学生进行入住宿舍
选择学生点击入住宿舍钮
学生入住失败提示错误信息
学生入住失败提示需选择栋学生
选择栋学生进行入住满宿舍
选择学生点击入住宿舍钮
学生入住失败提示错误信息
学生入住失败提示前宿舍床位够
选择栋学生进行入住满宿舍
选择学生点击入住宿舍钮
学生入住成功刷新页面
学生入住成功刷新页面
已入住学生进行重新调配
点击键调配钮
键调配失败提示错误信息
键调配失败提示选择学生进行调配
已入住学生进行重新调配
选择宿舍学生点击键调配钮
键调配失败提示错误信息
键调配失败提示需相宿舍进行调配
已入住学生进行重新调配
选择相宿舍学生点击键调配钮
点击成功开调配页面
点击成功开调配页面
632测试评价
该模块少逻辑做着较完善流程分层式数操作层定限制重点校验模块实现操作较明
64水电单理模块测试
641水电单理模块测试操作
表 54水电单理功测试
例描述
测试步骤
预期结果
实际结果
测试否通
舍监添加水电单输入完全
选择年月宿舍填写水量没填写电量
添加水电单失败提示错误信息
添加水电单失败提示请输入电量
舍监添加水电单输入完全
选择年月宿舍填写水量电量
添加水电单成功页面刷新
添加水电单成功页面刷新
舍监删已付款水电单
点击删点击确认删
删失败显示错误信息
删失败显示权力删
舍监删未付款水电单
点击删点击确认删
删成功刷新页面
删成功刷新页面
642测试评价
该模块设置源头杜绝功错误步骤变素较模块出错概率
65报修理模块测试
651报修理模块测试操作
表 55报修理功测试
例描述
测试步骤
预期结果
实际结果
测试否通
欠费宿舍进行报销申请
学生进入页点击报修申请
报修申请失败提示错误信息
添加水电单失败提示请输入电量
欠费宿舍进行报销申请
学生进入页点击报修申请
显示报修申请页面
显示报修申请页面
报修页面填写完整
选择维修项目填写备注点击添加钮
添加失败提示错误信息
添加失败提示需传图片
报修页面填写完整
选择维修项目填写备注传图片点击添加钮
添加成功刷新页面
删成功刷新页面
652测试评价
该模块规定输入值必选长度类型做规定欠费户点击报修钮开始校验户填写完知道功已关闭样设计较性化校验起页较方便
66 章结
高校宿舍理系统测试重点模块容进行测试分户登陆模块测试宿舍理模块测试水电单理模块测试报修理模块测试学生理模块测试通较严格方式进行测试测试进行完毕瞬间代表系统良交互稳定性高度
第七章总结
高校宿舍理系统实前通仅技术判断出学校前学期指导老师学期老师假期前星期思考准备目学期产物够直接应毕业设计中终确定题目通假期断学做雏形完成学期学期完成参加实工作工作接触更东西包括UI库接口理解网络请求理解更基础铺垫决定放弃雏形直接头开始添加更容项目中
说说选择技术高校宿舍理系统里面理三学期开始正式确认方方前端开发学东西关前端端java前没学果项目花量时间学话较麻烦机缘巧合认识nodejs作端十分适合搞前端JavaScript懂十分熟悉语言代码实现端建设十分信数库选择然二学期时候学SQL数库学错直接点虚想找容易点数库完成项目目做较简单功抱着样态度教程学MongoDB数库封装性完善毫犹豫选择ECHARTS数视化道听途说实中完成前端网页突然需求ECHARTS框架显示数关系学弄完成功高兴项目中
说说项目法项目考虑久开始定位较低理系统阅历较低时候想出然现住阅历高设计创新东西面详细介绍说说想出准备学期时候老师周时间时十分害怕天时间拼命思考晚睡觉做梦工作着然宿舍想着想着想宿舍东西然逻辑想象系统操作宿舍日常理结合技术发现做项目行性然百度久思考久终想种样方案中遇问题更层出穷中包括数库关联表做着做着忘点东西重新做数库前端端逻辑轮改画图张张座做困难方拼命找资料解决完凌晨
总说宿舍理系统做第较完善项目毕竟学作品然程崎岖长远挺学东西十分客观未行业铺垫足感谢陪奋斗伙伴指导老师感谢默默支持家断学争取更成绩谢谢
参考文献
[1] 王新礼高校学生公寓理系统设计实现[D]海 济学软件学院 2009 4750
[2] 萨师煊王珊着数库系统概[M]高等教育出版社 20056771
[3] 钱新杰胡桂香张怀宇基BS学生宿舍理系统设计实现[J]计算机现代化 20092335
[4] 尤克常敏慧网页制作[M]北京：机器工业出版社2010195
[5] 徐绪松信息系统原理[M]北京：科学出版社20066970
[6] 徐秀春建立学生宿舍理系统[J]职业20093547
[7] 李阳基Web智化理系统构建[J]农业网络信息20092235
[8] 周雷常津义基NET高校宿舍理系统设计实现[J]计算机现代化20092090
[9] Jeremy Keith Jeffrey Sambells JavaScript DOM编程艺术(第二版)[M]北京：民电邮出版社2011160
[10] Nicholas JavaScript高级程序设计(第三版)[M]北京：民邮电出版社20063270
文档香网(httpswwwxiangdangnet)户传
《香当网》用户分享的内容，不代表《香当网》观点或立场，请自行判断内容的真实性和可靠性！
该内容是文档的文本内容，更好的格式请下载文档