在网上报名系统完成的的生命周期中，经过需求分析、系统设计的阶段之后，就开始了系统实施阶段既系统实现阶段。系统分析和设计阶段的主要工作集中在逻辑、功能和技术的设计上，系统实现阶段的任务继承了前面各个阶段的工作成果，并将技术设计转化为物理实现，所以说系统实现的工作成果是系统分析和系统设计阶段的结晶。
人机交互子系统是用户所能直接看到的，是给用户的第一感觉，他现在已经成为判断一个软件好坏的重要标准。一个易用、低错、适应、美观的界面，能够使用户自如的完成操作。
为了保证系统的安全性，管理员要使用本系统必须先登陆到系统中。管理员登录采用AJAX方式进行验证，先是在前台获取管理员输入的登录账号、密码，点击登录后，通过AJAX方式，后台异步进行验证，实现页面无刷新的管理员登录。程序运行效果图如图3.1所示：
图3.1管理员登陆页面设计
在登陆页面后，输入用户名和用户密码，点击提交按钮，就会跳转到登陆的service中，在该service中对用户名及密码进行判断，如果输入正确会提示“通过验证”，进入到管理员操作界面，如果输入错误则提示“用户名和密码不正确”，“用户名不能为空”，“密码不能为空”等提示信息，然后页面又会跳转回到登陆页面。
管理员主页面的左方页面展示了管理员可操作的功能菜单，进入相关的管理页面可以链接到子菜单，每个管理模块下面都有相应的子菜单。程序运行效果图如图3.2所示。
图3.2管理员主页面
在系统中必要的jsp页面将会对用户进行拦截操作，这样可以提高安全性，防止用户不经过登陆页面而进入任何子菜单页面：
该管理模块实现管理员对报名信息的管理操作。点击报名信息管理菜单，系统调用后台对应的报名Action类查询出所有的报名信息，并把这些信息封装到数据集合List中，绑定到request对象，然后页面跳转到相应的jsp，通过el表达式显示出来。在报名信息管理功能中，页面通过列表列出当前用户所有的报名信息，包括等级、科目、姓名、性别、身份证号等信息。点击列表的删除按钮，实现报名信息的删除操作。程序效果图如图3.3所示：
图3.3 报名信息管理页面
用户可以在首页浏览考生须知，点击“考生须知”菜单，系统跳转到考生须知详细信息的页面，在这里系统将考生报名考试需要注意的事项列举出来，以便避免不必要的麻烦,让考生能够顺利的参加考试。程序效果图如下图3.4所示。
图3.4考生须知页面
用户点击添加在线报名菜单，系统跳转到填写报名信息的页面。在此页面主要是添加报名考试的相关信息，包括填写或选择考试等级、考试科目、姓名、性别以及身份证号等，点击确定按钮完成报名，在这里是通过下拉框的形式将考试等级和考试科目呈现出来。如果是没有输入完整的报名信息，比如没有输入身份证号，系统都会给出相应的错误提示，不能录入成功。是否为空是通过form表单中的οnsubmit=return checkForm()来检查。程序效果图如图3.5所示：
图3.5在线报名页面
用户可以对自己的报名信息进行管理，用户点击“我的报名”菜单，页面跳转到报名信息管理界面，系统将调用后台的报名信息Action类查询出所有的报名信息，并把这些信息封转到数据集合List中，绑定到request对象，然后页面跳转到相应的jsp，显示出报名信息。包括考试等级、考试科目、姓名、性别以及身份证号等信息。点击删除按钮，可以将对应的报名信息删除。程序效果图如下图3.6所示。
图3.6我的报名信息管理页面
照片上传
图3.7文件上传
该功能模块实现用户对系统进行留言的操作。用户点击菜单栏的“ 留言板块”菜单，页面跳转到留言界面，系统将调用后台的留言Action类查询出所有的留言信息，并把这些信息封转到数据集合List中，绑定到request对象，然后页面跳转到相应的jsp，显示出留言信息。点击我要留言咨询链接，可以输入留言内容进行留言。程序效果图如下图3.8所示。
图3.8留言板块页面
学生留言界面：
图3.9留言板块页面