第五章 系统实现
5.1小程序功能的实现
5.1.1 学生注册界面
点击导航菜单中的注册即可打开注册页面，注册页面是由文本框、选择框、和注册按钮组成，在文本框中输入需要填写的基本注册信息，点击注册进行信息提交。
如下图所示：
图5-1学生注册界面
首先验证填写的信息是否为空，如果通过验证，才把信息构造为插入语句，调用数据库保存操作，插入信息到数据库，返回保存成功的信息到界面，进行登陆，或者返回到首页。
5.1.2 首页界面
搭建微信小程序环境后，进入到系统首页，首页包括头部的logo，导航条，中间为文章公告信息。
小程序首页如下图所示：
图5-2 首页
首页是在index页面中，该页面包括头部文件header、文章公告读取数据库中最新的信息，显示图片和对应的链接。在首页中先引入相关的JS和CSS样式。在对应模块中调用数据库操作方法，把读取的结果赋赋给RS数据集合对象，通过循环显示信息。
5.1.3 公告列表界面
用户打开本系统后，可以查看公告列表信息。如下图所示：
图5-4公告界面
点击公告，先打开公告的列表界面，在列表界面读取信息，详细表达所有相关公告信息，通过JAVA的数据库操作，把列表绑定到result数据集合中，使用while循环，把所有的信息显示到公告界面。点击公告，通过该条信息的ID值传递到公告的详情页面，在详情页面根据当前的ID值查询对应的具体信息。包括标题名称和内容。
5.1.4 事项界面
用户打开本系统后，可以查看事项信息，通过关键字查询对应的事项信息，并进行打卡。如下图所示：
图5-5事项信息界面
点击事项，先打开事项的列表界面，在列表界面读取信息，详细表达所有相关事项信息，通过JAVA的数据库操作，把列表绑定到result数据集合中，使用while循环，把所有的信息显示到事项界面。点击事项，通过该条信息的ID值传递到事项的详情页面，在详情页面根据当前的ID值查询对应的具体信息。包括标题名称和内容。
5.1.5 事项打卡界面
用户登录本系统后，可以进行事项打卡操作。如下图所示：
图5-6事项打卡界面
事项打卡包括事项打卡信息的提交和查询显示，事项打卡前需要先进行登录，如果没有登。录界面提示登录后才能进行上传事项打卡，登陆后的信息是通过session进行判断。如果session存在登录信息，就说明已经登录，在事项打卡中输入事项打卡的内容，点击提交，把事项打卡信息保存到数据库中，事项打卡结束之后进行查询。查询通过当前信息的ID进行条件查询，查询的结果保存在数据集合中，对数据集合进行循环显示。
5.2后台模块的实现
5.2.1 老师管理
在系统主界面中的导航菜单中，有老师按钮，点击按钮，就可以在老师界面进行信息添加和管理。
其中，老师管理界面为5.7所示：
图5.7：老师管理页面
5.2.2 学生信息管理
在系统主界面中的导航菜单中，有学生信息按钮，点击按钮，就可以在学生信息界面进行信息添加和管理。
其中，学生信息管理界面为5.8所示：
图5.8：学生信息管理页面
在学生页面加载学生的信息列表，当执行该页面初始化的时候，调用业务逻辑层的学生查询方法。该方法先定义学生实体类，然后调用数据库中的学生查询方法，把查询结果绑定在list集合中。循环集合，把数据逐条绑定在学生实体对象，最终返回到界面。将得到的学生集合循环绑定到界面控件，根据字段名和数据结果进行映射，最终显示。
5.2.3 公告管理
管理员查看公告信息。其中，公告信息管理界面为5.9所示：
图5.9：公告页面
在公告页面加载公告的信息列表，当执行该页面初始化的时候，调用业务逻辑层的公告查询方法。该方法先定义公告实体类，然后调用数据库中的公告查询方法，把查询结果绑定在list集合中。循环集合，把数据逐条绑定在公告实体对象，最终返回到界面。将得到的公告集合循环绑定到界面控件，根据字段名和数据结果进行映射，最终显示。
5.2.4 事项信息管理
在系统主界面中的导航菜单中，有事项管理按钮，点击按钮，就可以在事项管理界面进行事项信息添加和管理。其中事项添加的界面如下：
图5.6：事项添加页面
首先对事项页面进行布局，完成界面设计。在事项页，输入事项的内容，点击保存，执行保存事件，在该事件中进行数据保存操作。该事件方法先获取用户输入的事项内容，把这些数据绑定到事项实体方法中，对事项的信息进行验证，包括是否为空，是否符合规范数据格式等。通过验证后，调用事项的业务逻辑方法，业务逻辑层先执行事项的唯一性验证，通过验证后，调用数据库操作方法。将在线保修的数据使用插入语句，提交到数据库中。数据库操作方法返回操作成功的信息到业务逻辑层，业务逻辑层再把结果返回到在线保修页面，完成插入操作。
5.2.5 事项打卡审核管理
在系统主界面中的导航菜单中，有事项打卡管理按钮，点击按钮，就可以在事项打卡管理界面进行信息审核和管理。
其中，事项打卡管理界面为5.7所示：
