基于web的学生成绩管理系统-毕业论文

由天下分享时间：2024/12/16 10:41:01 加入收藏我要投稿点赞

图 5-1登录界面图

登录采用的是目前最流行的JS[6]框架jequery[7]的Ajax验证，实现了页面的局部刷新。具体JS代码如下:

$.post(

\，{username:$(\).val()，password:$(\).val()，

);

if (data == \){ }

document.logfrom.submit();

alert(\用户名或者密码错误\);

userType:typeValue}，function(data){

} else {

}，'html'

5.1.2 系统首页

如果登录成功则进入系统，此时不同角色的用户进入不同的界面。以管理员为例，登录成功之后可以看到如图5-2所示。

图5-2管理员系统首页图

5.2 菜单模块

本系统菜单采用的是JS加载方式实现。实现了由JS控制的三级菜单。如图5-3所示：

图5-3管理员管理界面图

最上一层是第一级菜单（基本设置，用户管理，成绩管理，报表管理）。通过第一级菜单可以通过点击事件触发第二级菜单的生成。如图左边所示（课程信息，教师信息，学生信息，班级信息）。通过第二级菜单可以触发第三级菜单。如图5-3左侧增加课程，查看课程等等。具体JS代码如下：

var test = document.getElementById(\).value; var outlookbar=new outlook(); var t;

t=outlookbar.addtitle('个人信息'，'基本设置'，1);

outlookbar.additem('查看个人资料'，t，'login!personalMessage'); outlookbar.additem('修改个人资料'，t，'login!changeUserMsg'); outlookbar.additem('更改登录密码'，t，'login!passwordPage');

if (test == '管理员') {

t=outlookbar.addtitle('课程信息'，'用户管理'，1);

outlookbar.additem('增加课程'，t，'course!addCourse'); outlookbar.additem('查看课程'，t，'course!listCourse');

t=outlookbar.addtitle('教师信息'，'用户管理'，1);

outlookbar.additem('增加教师'，t，'teacher!addTeacher'); outlookbar.additem('查看教师'，t，'listTeacher');

t=outlookbar.addtitle('学生信息'，'用户管理'，1);

outlookbar.additem('增加学生'，t，'student!addStudent'); outlookbar.additem('查看学生'，t，'listStudent');

t=outlookbar.addtitle('班级信息'，'用户管理'，1);

outlookbar.additem('增加班级'，t，'classmessage!addClass'); outlookbar.additem('查看班级'，t，'listClass'); }

t=outlookbar.addtitle('成绩信息'，'成绩管理'，1); outlookbar.additem('成绩查询'，t，'listScore'); if (test != '学生') {

outlookbar.additem('成绩录入'，t，'score!addScore'); }

if (test == '管理员') {

t=outlookbar.addtitle('报表信息'，'报表管理'，1); outlookbar.additem('班级信息'，t，'manframe.jsp'); outlookbar.additem('课程成绩信息'，t，'manframe.jsp'); outlookbar.additem('补考信息'，t，'manframe.jsp'); }

t=outlookbar.addtitle('退出系统'，'基本设置'，1); outlookbar.additem('点击退出登录'，t，'login!logout');

这种菜单的实现风格是采用js对象实例化的形式，加载页面的时候，把js菜单动态加载到页面。

5.3 用户信息模块

5.3.1 公共信息

这部分为各个角色的公共信息，主要由个人信息和退出系统两个大功能，个人信息包括修改个人信息，查看个人信息，修改密码和联系方式。退出系统直接退出系统，清空登录缓存，以免非法登录。如图5-4所示。

图5-4个人信息图

其中退出系统时是需要清空session中的对象值的，以免用户非法登录，具体代码如下所示：

public String logout() throws Exception{

}

HttpServletRequest request = ServletActionContext.getRequest(); HttpSession session1 = request.getSession(); session1.invalidate(); return \;

5.3.2 课程信息

只有管理员用户才可以拥有此功能的操作权限，可以添加，查看并修改课程信息。如图5-5所示。