基于B/S的教师网上成绩填报平台设计与实现

摘要：基于B/S的教师网上成绩填报系统实现了成绩百分比设置、成绩录入、成绩提交、成绩统计等功能。该系统采用JavaScript技术在网页中仿Excel表格，实现了在一个页面中完成整班所有学生的单科成绩录入与计算，这给教师提供友好的用户界面和人性化的操作方式，提高了学院教务管理的效率。

关键词：； JavaScript； 成绩填报； 仿Excel表格

中图分类号：TP311 文献标识码：A 文章编号：1009-3044（2014）22-5243-04

在高等院校的各项教学活动中，各项工作都是围绕教学管理进行，在教学管理工作中， 学生成绩管理工作是整个教务管理中最重要的一环[1]。学生成绩管理作为高校教学管理工作中的核心，采用传统的管理方法已经无法满足当前学校发展，必须紧跟时代潮流，利用现代化的计算机技术和网络技术，实现科学、高效、精确的管理。网上成绩填报系统充分利用校园网络共享教务管理系统的数据信息，将教务管理人员、教师连为一体共同完成学生成绩管理的各项任务[2]。该系统从设计到实现，一方面要适应高职院校对学生成绩评定的特殊要求，一方面能够在基于浏览器环境下对成绩填报保留原有桌面系统的操作模式。

1 系统功能定义

教师成绩填报平台由成绩录入、成绩打印、成绩查询主要功能构成，除此之外还提供了记分册打印、学生照片浏览等辅助功能。

其中，教师成绩录入包含对所授当前学期班级的考试课、考查课的成绩录入，对本学期所授选修课程的所有学生成绩录入，对指定学期所授同课程同年级的学生补考成绩录入。学生成绩查询为所有教师提供了查询历年任何班级的所有已提交的课程成绩、补考成绩，并且统计所有学生已修课程学分的功能。

2 系统总体设计

教师成绩填报系统是基于B/S模式开发的Web应用系统，通过访问教务系统数据库并依赖原有架构完成了表示层的功能开发，其运行环境如图1所示，主要借助于校园网络及服务器进行数据的传递。

成绩录入作为成绩填报系统的核心功能，需要经过如图2所示步骤。首先教务管理的工作人员通过教务系统安排教师本学期的授课班级及课程；然后教师登录成绩系统后先选择授课班级及课程，设定好平时成绩、期末成绩的百分比，接下来以班级为单位录入学生成绩，录入过程中可以随时保存和修改。教师可以查看成绩统计结果，打印班级课程的成绩单。最后，教师提交班级课程成绩，防止成绩被修改。对于提交后的成绩在校园网上可以公开查询，并且产生学分。

3 教师成绩填报平台的实现

3.1 成绩录入

基于高职院校技能型教学的特点，学生的成绩管理也有其特殊之处。具体来说，学生某一门课程的总评成绩是由考试成绩和平时成绩通过百分比的计算得来。按照课程要求不同，对于总评成绩的构成也有多个方案，提供平时成绩、期中考试成绩和实验成绩等可选项。因此教师在成绩录入之前首先要选定总评成绩的构成项，系统的运行效果如图3所示。

通过以上的设定，点击“进入成绩录入”按钮就进入到成绩录入页面，如图4所示。

成绩录入页面主要由班级课程的成绩录入表格构成，该成绩录入表格模拟了Excel的诸多特性，光标可以在成绩单元格中移动并且自动计算出总评成绩，为实现该功能放弃了提供的GridView数据控件，而采用Table、TableRow、TableCell控件，并且在相应的TableCell控件中插入Html文本框最终实现了成绩录入表格的生成，程序中定义了两个方法：

其中传进来的参数n决定表格列数，表格中的学号、姓名是通过业务层的返回结果填充至表格，对应了该班当前的所有学生，在AddRow方法中将学生成绩查询后逐行添加至表格中。

接下来通过JavaScript客户端脚本控制光标在各个成绩文本框之间移动及总评成绩的计算，同时也根据学院的教务管理的规定，通过期末成绩对总评及格进行限定，例如期末卷面成绩不足50分，即使通过各个成绩项计算的总评成绩及格，也强行给予不及格。

因此，为HTML表格标记中添加键盘事件onKeyDown="navigateKeys（）"，对应该事件的响应则是执行用JavaScript定义的函数navigateKeys（），该函数内部通过语句var nKeyCode=event.keyCode；获取键盘代码，再对键盘代码判断来决定光标的移动方向和总评成绩的计算。在表格文本框添加事件onblur=check（this），当文本框失去焦点时调用check函数对输入的成绩值进行有效性验证，当超过范围或输入非法数据时，发出错误提示。

此外，通过JavaScript脚本实现对成绩定时自动保存，防止因浏览器会话超时或突然断电导致的数据丢失，主要函数定义如下：

3.2 成绩保存

当点击成绩录入页面上方的任意按钮或者整个页面停留时间达到10分钟，均会向服务器发出提交请求，服务器端对成绩数据的接收采用了Request.Form集合，主要实现过程如下：

3.3 成绩统计

3.4 成绩提交功能

当教师对学生的成绩填报结束并已打印，为确保成绩数据的安全，将班级成绩进行提交以防止被修改。

数据库的教师授课表中有一个专门的字段PostStatus标识指定班级课程成绩的提交状况；在浏览器端的成绩录入页面有专门的“提交”按钮，为防止教师误操作，点击后先提示教师成绩提交后不可再修改，通过再一次的“确定”将请求发送服务器完成PostStatus字段的修改，实现成绩提交功能。当教师再次选择录入该班的课程成绩时，成绩的百分比设置已经失效，仅能进入成绩浏览的页面。

4 小结

通过和JavaScript技术实现的教师网上成绩填报平台，目前在学院投入使用一年，不仅与已有的教务管理系统及数据库实现了对接，而且仿Excel的成绩录入表格使广大教师快速适应该系统的使用，获得教职工一致好评，加快学院信息化建设的步伐。

参考文献：

[1] 李颖.高校成绩管理工作实践与研究[J].教学研究，2009，32（5）：35-38.

[2] 叶志娟，刘兵，刘小宁.高职院校学生成绩管理研究[J].教育教学论坛，2014（15）：279-280.

[3] 郝冠军. 本质论[M].北京：机械工业出版社，2011：152-165.

[4] Keith J，SambellsJ.JavaScript DOM编程艺术[M].2版.杨涛，译.北京：人民邮电出版社，2011：69-105.