项目运行
环境配置：
Node.js最新版+ Vscode + Mysql5.7 + HBuilderX+Navicat11+Vue。
项目技术：
Express框架 + Node.js+ Vue 等等组成，B/S模式 +Vscode管理+前后端分离等等。
环境需要
1.运行环境：最好是Nodejs最新版，我们在这个版本上开发的。其他版本理论上也可以。
2.开发环境：Vscode或HbuilderX都可以。推荐HbuilderX;
3.mysql环境：建议是用5.7版本均可
4.硬件环境：windows 7/8/10 1G内存以上；或者 Mac OS；
6.Navcat11：这个版本不限10/11/14/15都可以。；
Node.js毕设帮助，指导，本源码(见文末)，调试部署
5.1管理员功能模块
管理员通过输入用户名、密码、角色进行登录进入系统，如图5-1所示。
图5-1管理员登录界面图
管理员通过登录进入系统可查看首页、个人中心、宿舍管理员管理、学生管理、宿舍信息管理、通知公告管理、卫生评比管理、出入申请管理、来访登记管理、离校记录管理、报修信息管理、调宿申请管理、退宿申请管理、缴费信息管理等内容，如图5-2所示。
图5-2管理员功能管理界面图
宿舍管理员管理，管理员可在宿舍管理员管理页面查看账号、姓名、性别、状态、电话等内容，还可进行新增、修改或删除等操作，如图5-3所示。
图5-3 宿舍管理员管理界面图
学生管理，管理员可在学生管理页面查看学生学号、学生姓名、性别、联系电话、专业、班级、状态、宿舍楼号、宿舍号等内容，还可进行新增、修改或删除等操作，如图5-4所示。
图5-4学生管理界面图
宿舍信息管理，管理员可在宿舍信息管理页面查看宿舍楼号、层数、宿舍性质、总床位、已用床位、闲置床位等内容，还可进行新增、修改或删除等操作，如图5-5所示。
图5-5宿舍信息管理界面图
通知公告管理，管理员可在通知公告管理页面通过输入公告标题进行查询、新增、修改或删除等操作，如图5-6所示。
图5-6通知公告界面图
来访登记管理，管理员可在来访登记管理页面查看来访姓名、电话、进入时间、离开时间等内容，如图5-7所示。
图5-7来访登记管理界面图
离校记录管理， 管理员可在离校记录管理页面查看学生学号、学生姓名、班级、专业、联系电话、离校时间等内容，还可进行修改或删除等操作，如图5-8所示。
图5-8离校记录管理界面图
调宿申请管理，管理员可在调宿申请管理页面通过输入学生姓名、宿舍楼号、宿舍号等内容进行查询、修改或删除等操作，如图5-9所示。
图5-9调宿申请管理界面图
缴费信息管理，管理员可在缴费信息管理页面通过输入学生姓名、宿舍号、班级、缴费类型等内容进行查询、修改或删除等操作，如图5-10所示。
图5-10缴费信息管理界面图
5.2宿舍管理员功能模块
宿舍管理员通过输入用户名、密码、角色进行登录进入系统，如图5-11所示。
图5-11宿舍管理员登录界面图
宿舍管理员通过登录进入系统可查看首页、个人中心、学生管理、宿舍信息管理、通知公告管理、卫生评比管理、出入申请管理、来访登记管理、离校记录管理、报修信息管理、调宿申请管理、退宿申请管理、缴费信息管理等内容，如图5-12所示。
图5-12宿舍管理员功能管理界面图
学生管理，宿舍管理员可在学生管理页面通过输入学生学号、性别、专业、状态等内容进行查询、新增、修改或删除等操作，如图5-13所示。
图5-13学生管理界面图
宿舍信息管理， 宿舍管理员可在宿舍信息管理页面通过输入宿舍楼号、宿舍性质等内容进行查询、新增、修改或删除等操作，如图5-14所示。
图5-14宿舍信息管理界面图
离校记录管理，宿舍管理员可在离校记录管理页面通过输入学生姓名、班级、专业等内容进行查询、新增、修改或删除等操作，如图5-15所示。
图5-15离校记录管理界面图
缴费信息管理，宿舍管理员可在缴费信息管理页面通过输入学生姓名、宿舍号、班级、缴费类型进行查询、新增、修改或删除等操作，如图5-16所示。
图5-16缴费信息管理界面图
5.3学生功能模块
学生通过输入用户名、密码、角色进行登录进入系统可查看首页、个人中心、通知公告管理、卫生评比管理、出入申请管理、报修信息管理、调宿申请管理、退宿申请管理、缴费信息管理等内容，如图5-17所示。
图5-17学生功能管理界面图
调宿申请管理，学生可在调宿申请管理页面通过输入学生姓名、宿舍楼号、
宿舍号进行查询、新增或删除等操作，如图5-18所示。
图5-18调宿申请管理界面图
缴费信息管理， 学生可在缴费信息管理页面通过输入学生姓名、宿舍号、班级、缴费类型进行查询或支付等操作，如图5-19所示。
图5-19缴费信息管理界面图
报修记录管理，学生可在报修记录管理页面通过输入设备名称进行查询、修
改或删除等操作，如图5-20所示。
图5-20报修记录管理界面图
