《WEB架构及其应用开发》大二下学期课程设计论文.docVIP

广州商学院 课 程 论 文 题目：学生信息管理系统 课 程 名 称 WEB架构及其应用开发2016学年 第 2 学期 考 查 方 式 课程论文 姓 名 梁植淋 学 号 201406114142 专 业 商业软件工程 成 绩 指 导 教 师 邹锋  简介 本学生信息管理系统主要面向的使用者为学校内的管理人员如辅导员老师等实现了简单便利且清晰有条理的学生管理功能主要功能包括 本学生信息管理系统采用的主要架构模式为aven3.3.9 +Struts2.5 + Hibeernate4.1 +Spring4.2.6+Bootstrap3。都为目前市场上较为流行的框架版本，大大提高了本系统的性能及用户体验效果。 在本学生信息管理系统中SSH框架的运用均采用注解方式从而减少了各种 在本学生信息管理系统中 登录 (图2.1.1) 如图2-1-1所示，登录界面的背景设计为一张广州商学院落日的照片，登录框的输入栏除账号密码外，还有验证码输入，旨在降低非法登录的可能，提高系统的安全性。 (图2.1.2) 如图2-1-2所示，登录界面在验证码及账号密码输错时会弹出不同的提示框，目的是美化界面，提高用户体验。 学生管理 界面 (图2.2.1) 如图2-2-1所示，学生管理模块界面从上而下分为：导航条、添删改按钮、学生信息表格、上下页信息、尾部文字说明。 添加学生信息 (图2.2.2) 如图图2-2-2所示，点击【添加】按钮时，会弹出一个表单弹框，按提示输入相应信息后点击该弹框内的【添加】按钮，即可实现对数据库添加一条学生信息的数据，并提示“添加成功”。 修改学生信息 (图2.2.3) 在学生信息管理页面，选择一条欲修改的数据，在其前面的选择框打钩，并点击【修改】按钮，即可弹出如图2-2-3的弹框，该弹框的表单会显示原来数据的信息，只需在原来的基础上修改并保存即可。 删除 本系统支持多条数据删除功能只需在想要删除的数据前的多选框打钩点击删除按钮提示删除成功即可 详细信息 由于表格能显示的数据有限，所以并不能显示学生的所有信息，欲要查看某学生的所有信息条目，只需点击该数据最右边的【详细信息】，即可在弹出的弹框中看到完整的学生信息。如图图2-2-4所示。 (图2.2.4) 用户管理 这三个管理模块功能与学生管理功能类似，只是操作的对象及数据库表不同，这里就不再列举了。 功能实现 1.登录 (图3.1.1) 首先2的注解机制找到相应的action类及方法并把用户输入的账号密码类中 (图3.1.2) 然后，在action中调用相应的service类中的方法，查询数据库用户表中有没有账号密码都符合的用户信息，若有，则把用户对象放到session中，以记录当前用户的登录状态。 最后，action类中通过response对象把用户匹配成功的结果返回到jsp页面中，jsp页面中的通过js代码跳转到学生管理的初始化数据的aciton中获取一页学生信息，并跳转到学生管理页面显示出来。致此，登录功能完成。 2.学生管理页面初始化 (图3.2.1) 首先访问stumange的action方法在其中先查看session中是否已有登录用户记录页面并通过struts标签迭代出来迭代代码如下图所示 (图3.2.2) 3.添加学生信息 通过js方法触发弹出添加学生信息的模态框Student的ao层的helper类中的add方法从而实现数据的插入 4.修改学生信息 (图4.1.1) 该功能主要分为两步实现第一步先通过action及service及Dao层Student的中StudentManageService 类中的update 方法，实现对数据的更改并将修改成功的结果返回到jsp页面弹出修改成功的提示 (图4.1.2) 5.查看学生信息详情 (图5.1.1) 如上图代码所示，先通过js方法拿到所点击的数据的id，通过js方法触发异步请求去action