在线考试系统中实时保存技术设计与实现.docVIP

在线考试系统中实时保存技术设计与实现 　　摘 要：本文分析了目前在线考试系统中存在的实时保存考生答案和考试时间的问题。给出了较详细的利用Ajax解决该问题的方案和关键代码，实现了考生在答题时实时保存答案和答题时间等信息的功能。 　　关键词：Ajax 无刷新网页 在线考试系统 　　中图分类号：G40-057 文献标识码：B 文章编号：1673-8454（2008）07-0085-03 　　 　　一、 引言 　　 　　近年来随着高校信息化的快速发展，基于Web的在线考试系统已经有了广泛的应用。其核心功能模块是在线考试过程的控制，包括答案的实时保存和考试时间的准确控制。考生在考试过程中，当遇到意外情况如数据库连接失败、交卷失败、网络中断等情况时，如果不加以处理，一般会造成数据的丢失，很容易造成考生考试失败。因此实时保存考生的答题情况和考试用时是非常必要的。 　　目前的解决方案有很多种，典型的有： 　　一种解决方案是考试开始时把服务器的时间发到客户端，考试进行过程中由客户端脚本来完成倒计时工作。由于客户端脚本安全性低，很容易被修改，所以缺乏计时的准确性，因此，服务器必须每隔一段时间向客户端发送时间，来校正客户端显示的剩余时间。因此服务器为了准确控制考试时间，必须较频繁地刷新客户端考试页面。 　　另外一种解决方案是采用XML技术，把试卷下载到客户端机器上进行答题并实现后台交卷。这在网络状况不好的情况下非常有用，但如果中途需要更换机器，则无法继续考试。如果考生每做一道题，答案都能立即保存到服务器中，即使发生意外导致考试中断，考生也可以重新登录继续考试，原先抽取的试题和已做的答案及考试时间都可以从服务器中重新获得，但这样会导致页面频繁刷新，考生需要等待页面回送后才能做下一道题。另外，为了把剩余的考试时间准确地显示在客户端机器上，服务器需要频繁地刷新客户端的考试页面来显示服务器的时间，而这将导致考生根本无法进行考试。 　　显然，这些解决方案都需要频繁地刷新客户端页面，为了解决这个问题，本文引入Ajax并将此技术应用到在线考试中。 　　 　　二、Ajax概述 　　 　　1. Ajax概述 　　Ajax是Asynchronous JavaScript and XML (以及DHTML等）的缩写。它由几种技术组合而成，包括：基于XHTML和CSS标准的表示；使用Document ObjectModel进行动态显示和交互；使用XMLHttpRequest与服务器进行异步通信；使用JavaScript进行绑定。其核心为 Javascript、XMLHttpRequest和 DOM，可以让开发人员构建基于Ajax 技术的Web应用，让客户端脚本直接与Web 服务器进行异步数据交换, 数据主要以XML 形式进行传输。 　　2. Ajax工作原理 　　如图1，Ajax 在用户和服务器之间加了一个中间层，这个中间层就是Ajax引擎，它引入了XMLHTTP组件中的XMLHttpRequest对象， 使用户操作与服务器响应异步化。 　　 　　图1 传统B/S模式与Ajax模式:左边为传统模式,右边为Ajax模式 　　 　　在传统的Web交互方式中，用户填写表单字段并提交，然后整个表单发送到服务器，服务器将它转发给处理表单的脚本，脚本执行完成后再发送回全新的页面。当然，在服务器上的脚本或程序处理和返回新表单时用户必须等待。屏幕变成一片空白，等到服务器返回数据后再重新绘制。这就是交互性差的原因，用户得不到立即反馈。 　　Ajax引入了中间层，就是把 JavaScript 技术和 XMLHttpRequest 对象放在Web表单和服务器之间。当用户填写表单时，数据发送给一些 JavaScript 代码而不是直接发送给服务器。相反，JavaScript 代码捕获表单数据并向服务器发送请求。同时用户屏幕上的表单也不会闪烁、消失或延迟。也就是说，JavaScript 代码在幕后向服务器发送请求，用户甚至不知道请求的发出。更强大的是，请求是异步发送的，就是说 JavaScript 代码（和用户）不用等待服务器的响应。因此用户可以继续做想做的事情。 　　最后，服务器将数据返回JavaScript代码，后者决定如何处理这些数据。它可以迅速更新表单数据，让人感觉应用程序是立即完成的，表单没有提交或刷新而用户得到了新数据。这就是XMLHttpRequest的强大之处。它可以根据需要自行与服务器进行交互，用户甚至可以完全不知道幕后发生的一切。结果就是一种在互联网上的动态、快速响应、高交互性的体验。 　　 　　三、 设计与实现 　　 　　为了解决在线考试系统实时保存，能够在系统出现死机、考生换机器、网络中断等异常情况后仍能够重新登录