一、技术路线:
开发语言:Java
前端技术:JavaScript、VUE.js(2.X)、css3
数据库:MySQL 5.7
数据库管理工具:Navicat或sqlyog
开发工具:IDEA或Ecplise
二、项目介绍:
https://www.bilibili.com/video/BV1kz4y1G74N?t=8.7
三、运行截图:
进入到这个环节,也就可以及时检查出前面设计的需求是否可靠了。一个设计良好的方案在运用于系统实现中,是会帮助系统编制人员节省时间,并提升开发效率的。所以在系统的编程阶段,也就是系统实现阶段,对于一些不合理的设计需求,也是可以及时发现。因为设计的方案是完全指导系统的编码过程的。
3.1 管理员功能实现
3.1.1 访客管理
管理员进入指定功能操作区之后可以管理访客信息。其页面见下图。管理员对宿舍的访客信息进行登记,包括来访事由,访客的温度,访客的手机号,访客的身份证号等信息,在当前页面,管理员能够修改访客的信息,删除指定的访客信息。
图3.1 访客管理页面
3.1.2 学生管理
管理员进入指定功能操作区之后可以管理学生。其页面见下图。管理员增删改查学生资料。
图3.2 学生管理页面
3.1.3 宿舍信息管理
管理员进入指定功能操作区之后可以管理宿舍信息。其页面见下图。管理员在本页面可以查看各个宿舍入住的人员信息,可以修改宿舍房间信息,提交房间号可以查询宿舍信息。
图3.3 宿舍信息管理页面
3.1.4 公告管理
管理员进入指定功能操作区之后可以管理公告信息。其页面见下图。管理员才具有发布与管理公告的权限,其他角色只能查看公告。
图3.4 公告管理页面
3.2 宿舍管理员功能实现
3.2.1 卫生检查管理
宿舍管理员进入指定功能操作区之后可以管理宿舍卫生检查信息。其页面见下图。宿舍管理员查看各个宿舍的卫生检查结果信息,修改或删除宿舍的卫生检查信息。
图3.5卫生检查管理页面
3.2.2 缺勤管理
宿舍管理员进入指定功能操作区之后可以管理学生缺勤信息。其页面见下图。宿舍管理员对未回宿舍的学生进行缺勤登记,修改或删除宿舍学生的缺勤信息。
图3.6 缺勤管理页面
3.2.3 电表管理
宿舍管理员进入指定功能操作区之后可以管理宿舍电表信息。其页面见下图。宿舍管理员负责登记各个宿舍的电表信息,能够修改或删除宿舍的电表余额信息。
图3.7 电表管理页面
3.3 学生功能实现
3.3.1 添加报修信息
学生进入指定功能操作区之后可以添加报修信息。其页面见下图。学生在自己的后台可以登记物品报修信息,需要登记物品信息以及报修详情信息才可以提交信息。
图3.8 添加报修信息页面
3.3.2 电表缴费查询
学生进入指定功能操作区之后可以查看电表缴费信息。其页面见下图。学生在当前页面根据电表编号或电表余额查询电表缴费信息。
图3.9 电表缴费查询页面
3.3.3 水表查询
学生进入指定功能操作区之后可以查询水表信息。其页面见下图。学生提供水表编号或宿舍的房间号可以查询水表的余额信息。
图3.10 水表查询页面