毕业设计（论文）用WEB技术设计实现联机考试系统——界面设计

1、摘摘 要要 随着网络和网络技术的飞速发展，网站编程语言也发展了很多，jsp 是最受欢迎的优秀网页程 序设言。本次毕业设计的课题是“用 web 技术设计实现联机考试系统界面设计” 。使用的软 件开发工具有 apache tomcat 6.0 软件，microsoftoffice access 2007 软件，dreamweaver 软件。 本文采用内嵌 html 语言的 jsp 编程技术开发了网上联机考试系统。文中首先论述了网上考 试系统的发展及背景，简要介绍了 jsp 和 tomcat 等相关的理论知识，接着详细阐述了系统的设计 过程以及系统功能的实现。 经过测试，作者设计开发的网上考试系统能

2、够突破时空的限制，让考生在规定的任意时间、任 意地点通过网络参加考试。只要有网络的地方就可以进行考试，有利于节省纸资源和人力资源，并 提高了效率。 关键词关键词： jsp； tomcat； 网络考试； 数据库 abstract with development of internet and web technology, programming languages of web have made a rapid progress. jsp is the most popular language for programming web pages.the subject for my gr

3、aduation project is the design and realization for the on-line test system with the technology of web-interface design . the development tool are apache tomcat 6.0, microsoftoffice access 2007 and dreamweaver. in this project, jsp programming language is used to develop the online examination system

4、, this paper describes the development and background of on-line exam system, as well as the tomcat software development tool. firstly, the jsp, tomcat and their related techniques are introducing briefly. then the design process of the system is described in detail, as well as the implementation of

5、 the system. the test on the system shows that, the on-line exam system is able to break through the the limit to time and space, allowing student to take the exam on network at any time and any where. the system is advantageous in saveing the paper resources and the human resources, as well as rais

6、ing the efficiency. keywords: jsp; tomcat; network exam; database 目目 录录 摘摘 要要.i abstract.ii 第一章第一章概述概述.1 1.1背景.1 1.2意义.1 1.3内容.1 1.4技术特点.1 第二章第二章技术基础技术基础.3 2.1jsp 技术介绍.3 2.1.1jsp 发展背景 .3 2.1.2jsp 技术简介 .3 2.2servelet介绍.4 2.3javabean介绍 .5 2.4javasctip介绍.6 2.5tomcat.7 2.5.1tomcat 简介.7 2.5.2tomcat 服务器接受

7、客户请求并做出响应.7 2.5.3各组件在 tomcat 服务器中的作用.8 2.6html 介绍.9 第三章第三章系统设计方案系统设计方案.10 3.1系统结构.10 3.2联机考试系统的界面功能设计.10 3.2.1考生登录界面.11 3.2.2考生考试界面.11 3.2.3管理员登录界面.12 3.2.4管理员功能选择界面.12 3.3数据库内容 .13 第四章第四章系统详细设计系统详细设计.14 4.1环境配置： .14 4.1.1java： .14 4.1.2tomcat ：.14 4.1.3安装 office：.14 4.1.4数据库设计：.14 4.1.5数据源 .16 4.2具

8、体实现.16 4.2.1常用语句.16 4.2.2界面显示设置：.18 4.2.3考生模块.19 4.2.4管理员模块.30 第五章第五章调试运行调试运行.36 5.1考生功能测试.36 5.2管理员功能测试.37 5.3测试中的问题.39 第六章第六章结论与评价结论与评价.41 6.1系统的优缺点.41 6.2评价.41 结结 束束 语语.42 参考文献参考文献.43 第一章第一章概述概述 1.1背景背景 伴随着科学及信息技术的飞速发展，互联网凭借其强大的功能已经越来越多地渗入到人们的日 常生活中，并且在我国社会的各个领域占据越来越重要的地位。尤其是我国的各大院校也加快了信 息化进程，建立了

9、自己的校园网。这为高校学生管理工作走向数字化、信息化、网络化提供了必备 的物质基础。同时，在技术和需求的推动下，各大院校都准备或已经采用了网上教学或者考试系统。 传统考试工序复杂，它需要老师进行写试卷、印试卷、安排考场、监考、收集试卷、批改试卷、讲 评试卷和分析试卷等等的工作,不仅耗费大量人力、物力，学生还不能及时获得自己的成绩。因此 过去单一的卷面考试已被网络联机考试所取代。 1.2意义意义 互联网在各高校日常管理中的使用为师生间的信息及时交流、反馈建立了新的渠道。而且随着 计算机网络技术的不断发展，教学考试进一步计算机自动化、科学化，促进教学改革、减少教师劳 动强度的途径，可进一步提高学习

10、质量、提高评分速度及评分质量。如今联机考试系统已实现其功 能，在高校教育教学中占居重要地位。 1.3内容内容 本文所研究的内容是用网络技术实现联机考试系统的界面设计。 联机考试系统综合了题库建设、试卷生成、上机考试、自动评分、等几个部分，它是对传统考 试的发展和补充。本文主要研究系统前台的界面设计，如登录界面、试卷选择界面、试卷界面、成 绩界面等等。系统基于 web 页面，操作简单、数据安全性高，这些优点使系统能很好的胜任联机在 线考试。 该系统主要有以下一些功能。 对于界面设计，用户首先登录网站，所以需要设计登录界面。在登录界面考生输入用户名密码 点击登录进入相连接的试卷选择界面。试卷选择界

11、面选择学生需要的考试试卷，点击确定后进入试 卷界面进行规定时间的考试。最后学生可进入成绩界面查看分数。界面需要简单直观快捷。 为了使网站使用快捷，在页面上都会有界面导航设计，为了方便学生快速链接到需要的界面。 除了界面，还需要有数据的验证与提交。本人需要完成的是界面设计，也就是系统的前台，需 要前台接收到用户所输入的信息，并于界面所设置的内容核对验证，将结果返回给用户。另外，需 要将保存或者数据库处理内容送往后台处理。 1.4技术特点技术特点 联机考试突破了传统考试的时空限制，不仅使考试方式更为灵活，同时充分利用计算机进行题 库管理、智能出卷、机器评分等功能，大大减轻了管理人员和教师的工作量。

12、联机考试系统对硬件 环境和软件环境的要求也不很高，这为联机考试系统的普及提供了坚实的基础。 网络联机考试系统是利用 jsp、servlet 等技术自主开发的一种网上考试系统，该系统具有操作 简单、功能强大、数据安全性高等优点。本文主要研究考试系统的界面设计。 网络联机考试是一种先进的考试方式，经过授权的考生可以通过 web 浏览器登录到系统服务器 端进行在线考试，管理员可以通过 web 浏览器进行考生及试卷管理。 系统前端页面展现使用了 jsp 技术，服务器端使用 servlet 等组件技术，并采用了开源的 tomcat 应用服务器作为服务器端组件容器。同时这种结构也简化了系统的部署任务，不用

13、安装任 何客户端软件，本文在系统的设计和开发过程中考虑了系统的可靠性、高效性、完整性、易使用性。 第二章第二章技术基础技术基础 本章主要介绍用 web 技术设计实现联机考试系统-界面设计所需要了解的技术基础。在这个 系统中，jsp 技术是基础，使用的 web 服务器是 tomcat6.0，利用 javabean 技术，完成了系统的 开发。 2.1jsp 技术介绍技术介绍 jsp 是 java server pages 的简称， jsp 页面由 html 代码和嵌入其中的 java 代码所组成。服 务器在页面被客户端请求以后对这些 java 代码进行处理，然后将生成的 html 页面返回给客户端

14、 的浏览器。java servlet 是 jsp 技术的基础，而且大型的 web 应用程序的开发需要 java servlet 和 jsp 配合才能完成。jsp 具备了 java 技术的简单易用、完全面向对象、具有平台无关性且安全可靠、 主要面向 internet 的所有特点。 与其它网页技术标准相比，jsp 具有很多优势：一次编写，到处运行；系统的多平台支持；强 大的伸缩性；多样化和功能强大的开发工具支持。鉴于这些优势，许多程序员在编写网站程序时优 先选择 jsp 技术。 2.1.1jspjsp 发展背景发展背景 在万维网短暂的历史中，万维网已经从一个大部分显示静态信息的网络演化到对股票进行

15、交易 和进行购书操作的一个基础设施。在各种各样的应用程序中，对于可能使用的基于 web 的客户端， 看上去没有任何限制。 基于浏览器客户端的应用程序比传统的基于客户机/服务器的应用程序有几个好处。这些好处 包括几乎没有限制的客户端访问和极其简化的应用程序部署和管理（要更新一个应用程序，管理人 员只需要更改一个基于服务器的程序，而不是成千上万的安装在客户端的应用程序）。这样，软件 工业正迅速地向建造基于浏览器客户端的多层次应用程序迈进。 这些快速增长的精巧的基于 web 的应用程序要求开发技术上的改进。静态 html 对于显示相 对静态的内容是不错的选择；新的挑战在于创建交互的基于 web 的应

16、用程序，在这些程序中，页 面的内容是基于用户的请求或者系统的状态，而不是预先定义的文字。 对于这个问题的一个早期解决方案是使用 cgi-bin 接口。开发人员编写与接口相关的单独的 程序，以及基于 web 的应用程序，后者通过 web 服务器来调用前者。这个方案有着严重的扩展性 问题每个新的 cgi 要求在服务器上新增一个进程。如果多个用户并发地访问该程序，这些进 程将消耗该 web 服务器所有的可用资源，并且系统性能会降低到极其低下的地步。 2.1.2jspjsp 技术简介技术简介 java 在推向开发人员时出现了重重困难，首先是 java 缺少主流系统的广泛支持，而在所 有的平台和技术上都

17、缺少可以直接参照的应用方式。这时 java 就走向了在各个应用层上的积极进取， 在自己擅长的与不擅长的领域都走出了坚定的脚步。其中最让 web 技术人员兴奋的就是 java servlet 的出现和 jsp 的渐渐成熟，这一步步都让 java 正式的走向了 web 开发技术的舞台。java 利 用了它的跨平台技术，使 java 的应用能快速的部署在各个平台上，而真的可以一处编写随处运行。 它有较的利用了这个优势，巧妙的将 java 的通用性、jsp 的易用性、servlet 的速度结合在一起，利 用平台部署上的技巧有效的屏蔽 java 的速度问题，所以 java 迅速的在 web 开发人员的团

18、员中推广 开来。携着 java bean、ejb、java application server、java 事务服务器等这样的强大后台走向了真 正的成熟应用。 jsp 到底是一个什么样的语言呢？jsp(javaserver pages)是由 sun microsystems 公司倡导、许多 公司参与一起建立的一种动态网页技术标准，其网址为 http:/ 术为创建显示动态生成内容的 web 页面提供了一个简捷而快速的方法。jsp 技术的设计目的是使得 构造基于 web 的应用程序更加容易和快捷，而这些应用程序能够与各种 web 服务器，应用服务器， 浏览器和开发工具共同工作。 jsp 规范是 w

19、eb 服务器、应用服务器、交易系统、以及开发工具供 应商间广泛合作的结果。在传统的网页 html 文件(*htm,*.html)中加入 java 程序片段(scriptlet)和 jsp 标记(tag)，就构成了 jsp 网页(*.jsp)。web 服务器在遇到访问 jsp 网页的请求时，首先执行其 中的程序片段，然后将执行结果以 html 格式返回给客户。程序片段可以操作数据库、重新定向 网页以及发送 email 等等，这就是建立动态网站所需要的功能。所有程序操作都在服务器端执行， 网络上传送给客户端的仅是得到的结果，对客户浏览器的要求最低，可以实现无 plugin，无 activex，无

20、java applet，甚至无 frame。 2.2servelet 介绍介绍 servlet（java 服务器小程序）是用 java 编写的服务器端程序，是由服务器端调用和执行的、按 照 servlet 自身规范编写的 java 类。servlet 可以看成是用 java 编写的 cgi，但是它的功能和性能比 cgi 更加强大。 servlet 是使用 java servlet 应用程序设计接口（api）及相关类和方法的 java 程序。除了 java servlet api，servlet 还可以使用用于扩展和添加到 api 的 java 类软件包。 servlet 的功能： （1）产生一

21、个基于请求性质的 web 动态页面，并返还给客户端。 （2）建立多个客户机连接，接收多个客户端请求，并将处理结果返还到客户端浏览器上。 （3）与不同数据库和 java 应用程序进行交互，通信。 （4）建立可嵌入式的 html 代码。 （5）在单连接状态下传送数据，能够在浏览器上建立 applet 与服务器的连接。 servlet 的特点： servlet 基于 java 语言创建，具有良好的可移植性、扩展性、功能强大。它能够与数据库、 applet、java 应用程序等进行通信，并且应用到分布式系统中。 servlet 能够处理基于 http 协议之上的客户端请求信息，同时将响应结果返还给客户

22、端浏览器。 一个 servlet 能够调用其它 servlet，同时也能够在静态 html 文件中被动态的调用。当客户端发出 请求，一个 servlet 被激活时，这个 servlet 将持续运行，等待其它客户机发出请求。每一个客户端 的请求都将生成一个独立的线程，并且在同一个进程中能够提供对多个客户端请求处理的服务。 由于 servlet 是基于 java 技术之上，所以 java 语言能够实现的功能，servlet 几乎都能够实现。 除此之外，servlet 具有以下特点： （1）可扩展特性：servle 是基于特定语法规范编写的 java 类，所以 servle 基本上能够实现 java

23、 技术能够实现的所有功能。它运行在基于 java 的 web 服务器上，通过创建框架扩展了服务 器性能，借以在 web 服务器上进行请求和响应服务。 （2）可移植性：servlet 是基于 java 语言创建，并提供了一定的规范定义与应用程序设计接口 （api），所以它能够在各种系统操作平台或应用程序服务器下运行，具有良好的可移植特性。 （3）功能强大：servlet 可以使用 java api 核心的所有功能，这些功能包括 web 和 url 访问、 图像处理、数据压缩、多线程、jdbc、rmi、序列化对象等。 （4）高效耐久：在 servlet 中，每个来自客户端的请求，都是由一个 jav

24、a 线程进行处理，每个 servlet 都可以执行一个任务，一旦被载入，就驻留内存。 （5）安全：servlet 是基于 java 语言编写，理所当然继承了 java 的安全框架；同时在 servlet 编辑过程中，容器会提供声明性安全管理。 2.3javabean 介绍介绍 javabean 是一种 java 语言写成的可重用组件。javabean 中的类必须是具体的和公共的，并 且具有无参数的构造器。javabean 通过提供符合一致性设计模式的公共方法将内部域暴露称为属 性。众所周知，属性名称符合这种模式，其他 java 类可以通过自省机制发现和操作这些 javabean 属性。 用户可

25、以使用 javabean 将功能、处理、值、数据库访问和其他任何可以用 java 代码创造的对 象进行打包，并且其他的开发者可以通过内部的 jsp 页面、servlet、其他 javabean、applet 程序或 者应用来使用这些对象。用户可以认为 javabean 提供了一种随时随地的复制和粘贴的功能，而不 用关心任何改变。 javabean 是 sun 微系统的一个面向对象的编程接口，它可以让你建可重用应用程序或能在网络 中任何主流操作系统平台上配置的程序块，称作组件。从用户的观点来看，一个组件可以是一个与 你交互的按钮或是一个当你按下按钮它便开始的小计算程序。从一个开发者的观点来看，那

26、个按钮 组件和计算器组件是分别被创建的，并且他们可以一起使用或是在不同的应用程序或情况下和不同 的组件产生不同的组合来使用。 javabean 的任务就是：“write once, run anywhere, reuse everywhere”，即“一次性编写，任何 地方执行，任何地方重用”。这个任何实际上就是要解决困扰软件工业的日益增加的复杂性，提供 一个简单的、紧凑的和优秀的问题解决方案。 （1）一个开发良好的软件组件应该是一次性地编写，而不需要再重新编写代码以增强或完善 功能。因此，javabean 应该提供一个实际的方法来增强现有代码的利用率，而不再需要在原有代码 上重新进行编程。除了

27、在节约开发资源方面的意义外，一次性地编写 javabean 组件也可以在版本 控制方面起到非常好的作用。开发者可以不断地对组件进行改进，而不必从头开始编写代码。这样 就可以在原有基础上不断提高组件功能，而不会犯相同的错误。 （2）javabean 组件在任意地方运行是指组件可以在任何环境和平台上使用，这可以满足各种 交互式平台的需求。由于 javabean 是基于 java 的，所以它可以很容易地得到交互式平台的支持。 javabean 组件在任意地方执行不仅是指组件可以在不同的操作平台上运行，还包括在分布式网络环 境中运行。 （3）javabean 组件在任意地方的重用说的是它能够在包括应用

28、程序、其他组件、文档、web 站点和应用程序构造器工具的多种方案中再利用。这也许是 javabean 组件的最为重要的任务了， 因为它正是 javabean 组件区别于 java 程序的特点之一。java 程序的任务就是 javabean 组件所具有 的前两个任务，而这第 3 个任务却是 javabean 组件独有的。 2.4javasctip 介绍介绍 javascript 是一种基于对象(object)和事件驱动(event driven)，并具有安全性能的脚本语言。使 用它的目的是与 html 超文本标记语言、java 脚本语言（java 小程序）一起实现在一个 web 页面 中链接多个

29、对象，与 web 客户交互的作用。从而可以开发客户端的应用程序等。它是通过嵌入或 调入在标准的 html 语言中实现的。它的出现弥补了 html 语言的缺陷，它是 java 与 html 折 衷的选择，具有以下几个基本特点： （1）脚本编写语言 javascript 是一种脚本语言，它采用小程序段的方式实现编程。像其它脚本语言一样,javascript 同样也是一种解释性语言，它提供了一个简易的开发过程。它的基本结构形式与 c、c+、vb、delphi 十分类似。但它不像这些语言一样，需要先编译，而是在程序运行过程中被 逐行地解释。它与 html 标识结合在一起，从而方便用户的使用操作。 （2

30、）基于对象的语言 javascript 是一种基于对象的语言，同时也可以看作一种面向对象的。这意味着它能运用自己已 经创建的对象。因此，许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。 （3）简单性 javascript 的简单性主要体现在：首先它是一种基于 java 基本语句和控制流之上的简单而紧凑 的设计, 从而对于学习 java 是一种非常好的过渡。其次它的变量类型是采用弱类型，并未使用严格 的数据类型。 （4）安全性 javascript 是一种安全性语言，它不允许访问本地的硬盘，并不能将数据存入到服务器上，不允 许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互

31、。从而有效地防止数据的 丢失。 （5）动态性 javascript 是动态的，它可以直接对用户或客户输入做出响应，无须经过 web 服务程序。它对 用户的反映响应，是采用以事件驱动的方式进行的。所谓事件驱动，就是指在主页(home page)中 执行了某种操作所产生的动作，就称为“事件”(event)。比如按下鼠标、移动窗口、选择菜单等都 可以视为事件。当事件发生后，可能会引起相应的事件响应。 （6）跨平台性 javascript 是依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机，并支持 javascript 的浏览器就可正确执行。从而实现了“编写一次，走遍天下”的梦想。 实际上

32、javascript 最杰出之处在于可以用很小的程序做大量的事。无须有高性能的电脑，软件 仅需一个字处理软件及一浏览器，无须 web 服务器通道，通过自己的电脑即可完成所有的事情。 综合所述 javascript 是一种新的描述语言，它可以被嵌入到 html 的文件之中。 javascript 语 言可以做到回应使用者的需求事件 (如：form 的输入) ，而不用任何的网路来回传输资料，所以当 一位使用者输入一项资料时，它不用经过传给伺服端 (server)处理，再传回来的过程，而直接可以 被客户端 (client) 的应用程式所处理。 2.5tomcat 2.5.1tomcat 简介简介 学

33、习 servlet 技术，首先需要有一个 servlet 运行环境，也就是需要有一个 servlet 容器，本文采 用的是 tomcat。 tomcat 是一个免费的开放源代码的 servlet 容器，它是 apache 软件基金会（apache software foundation）的一个顶级项目，由 apache、sun 和其他一些公司及个人共同开发而成。由于有了 sun 的参与和支持，最新的 servlet 和 jsp 规范总是能在 tomcat 中得到体现，tomcat 6.0 支持最新 的 servlet 2.5 和 jsp 2.1 规范。因为 tomcat 技术先进、性能稳定，而

34、且免费，因而深受 java 爱好者 的喜爱，并得到了部分软件开发商的认可，成为目前比较流行的 web 服务器。 提示：tomcat 和 iis、apache 等 web 服务器一样，具有处理 html 页面的功能，另外它还是 一个 servlet 和 jsp 容器，独立的 servlet 容器是 tomcat 的默认模式。不过，tomcat 处理静态 html 的能力不如 apache，我们可以将 apache 和 tomcat 集成在一起使用，apache 作为 http web 服务器，tomcat 作为 web 容器。 2.5.2tomcat 服务器接受客户请求并做出响应服务器接受客户请

35、求并做出响应 图 2-1 tomcat 服务器接受客户请求并做出响应的过程 客户端（通常都是浏览器）访问 web 服务器，发送 http 请求。 web 服务器接收到请求后，传递给 servlet 容器。 servlet 容器加载 servlet，产生 servlet 实例后，向其传递表示请求和响应的对象。 servlet 实例使用请求对象得到客户端的请求信息，然后进行相应的处理。 servlet 实例将处理结果通过响应对象发送回客户端，容器负责确保响应正确送出，同时将 控制返回给 web 服务器。 2.5.3各组件在各组件在 tomcat 服务器中的作用服务器中的作用 （1）server s

36、erver 表示整个的 catalina servlet 容器。tomcat 提供了 server 接口的一个默认实现，这通常 不需要用户自己去实现。在 server 容器中，可以包含一个或多个 service 组件。 （2）service service 是存活在 server 内部的中间组件，它将一个或多个连接器（connector）组件绑定到一 个单独的引擎（engine）上。在 server 中，可以包含一个或多个 service 组件。service 也很少由用 户定制，tomcat 提供了 service 接口的默认实现，而这种实现既简单又能满足应用。 （3）connector 连

37、接器（connector）处理与客户端的通信，它负责接收客户请求，以及向客户返回响应结果。 在 tomcat 中，有多个连接器可以使用。 （4）engine 在 tomcat 中，每个 service 只能包含一个 servlet 引擎（engine） 。引擎表示一个特定的 service 的请求处理流水线。作为一个 service 可以有多个连接器，引擎从连接器接收和处理所有的请求， 将响应返回给适合的连接器，通过连接器传输给用户。用户允许通过实现 engine 接口提供自定义 的引擎，但通常不需要这么做。 （5）host host 表示一个虚拟主机，一个引擎可以包含多个 host。用户通常

38、不需要创建自定义的 host， 因为 tomcat 给出的 host 接口的实现（类 standardhost）提供了重要的附加功能。 （6）context 一个 context 表示了一个 web 应用程序，运行在特定的虚拟主机中。什么是 web 应用程序呢？ 在 sun 公司发布的 java servlet 规范中，对 web 应用程序做出了如下的定义：“一个 web 应用程序 是由一组 servlet、html 页面、类，以及其他的资源组成的运行在 web 服务器上的完整的应用程 序。它可以在多个供应商提供的实现了 servlet 规范的 web 容器中运行”。一个 host 可以包含多

39、个 context（代表 web 应用程序） ，每一个 context 都有一个唯一的路径。用户通常不需要创建自定义 的 context，因为 tomcat 给出的 context 接口的实现（类 standardcontext）提供了重要的附加功能。 2.6html 介绍介绍 html（hypertext mark-up language）即超文本标记语言或超文本链接标示语言，是目前网络 上应用最为广泛的语言，也是构成网页文档的主要语言。设计 html 语言的目的是为了能把存放 在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人 们不用考虑具体信息是在当前

40、电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点 取一个图标，internet 就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一 台电脑中。 html 文本是由 html 命令组成的描述性文本，html 命令可以说明文字、图形、动 画、声音、表格、链接等。html 的结构包括头部（head） 、主体（body）两大部分，其中头部描 述浏览器所需的信息，而主体则包含所要说明的具体内容。 另外，html 是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文 本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电 脑或浏

41、览器。 html 的特点和好处 html 文档制作不是很复杂，且功能强大，支持不同数据格式的文件镶入，这也是 www 盛 行的原因之一，其主要特点如下： （1）简易性，html 版本升级采用超集方式，从而更加灵活方便。 （2）可扩展性，html 语言的广泛应用带来了加强功能，增加标识符等要求，html 采取子 类元素的方式，为系统扩展带来保证。 （3）平台无关性。虽然 pc 机大行其道，但使用 mac 等其他机器的大有人在，html 可以使 用在广泛的平台上，这也是 www 盛行的另一个原因。用什么可以编辑 html？ 第三章第三章系统设计方案系统设计方案 本文设计的联机考试系统是基于 jsp

42、 技术的网上考试系统，使用 tomcat 服务器和 microsoftoffice access 2007 数据库，完成了系统的开发。本章从系统的总体设计起步，讲述网上考 试系统界面设计的设计方案和数据库设计。 考虑到系统中的主要操作界面是考生的答题页面，所以尽量力求它简洁,明快。布局要合理、 考生阅读试题及答题操作要方便、清楚。 3.1系统结构系统结构 本考试系统主要用来进行网上考试和网上评分。作为一个系统，应该由一些相对独立的模块耦 合而成。本系统主要包括如下几个大的模块，每个大的模块下又细分为几个小的功能模块。 考试系统 更改考试信息 更新题库 修正题库 用户违规确认 管理员 考生选择试

43、卷 考生参加考试 成绩显示 考生 图 3-1 系统结构图 系统采用 jsp+access+tomcat 实现，有系统管理员和学生两种用户权限，不同的身份管理界面 和使用权限完全不同。整个系统结构见图 3-1。 3.2联机考试系统的界面功能设计联机考试系统的界面功能设计 以下主要介绍用 web 技术设计实现联机考试系统界面设计的主要功能模块，分别从管理 员和学生两大模块简单描述。考试界面设计图如图 3-2。 管理员功能界面 登录界面考生选择试卷界面答题界面成绩界面 更改考试信息界面增加试卷界面 考生注册界面 更新题库界面 修改题库界面 用户违规确定界面 修改考试信息界面 修改考题界面 提交 退出

44、 退 出 注册 考试 管 理 员 登 录 进入系统 返回管理员界面 返回管理员界面 增加 试卷 增 加 试 题 修 改 试 题 违 规 用 户 图 3-2 考试界面设计图 3.2.1考生登录界面考生登录界面 考虑到系统的安全性，设置了登录模块，系统的用户必须通过登录验证后才能转入相应的使用 页面。 （1）登录界面 界面功能：当用户进入登录界面后，已经注册的可以直接登录。考生在进入系统时必须输人考 生的用户名与密码，系统会检查该用户的权限与合法性，如果合法，则赋予此考生一切学生权限。 界面主要元素：在此界面上有姓名、密码文本输入框，注册超链接，登录、重置按钮。 （2）注册界面 界面功能：考生进入

45、考生登录界面后已经注册的可以直接登录，没有注册的单击“注册”进入 考生注册界面。在该模块中考生填写基本信息，如真实姓名、密码、身份证号等，然后提交给系统。 如果系统内没有与该考生相同的学生记录，系统则接受此考生为合法考生，赋予此考生一切考生权 限。 界面主要元素：姓名、密码、确认密码、身份证号四个文本输入框，注册、重置按钮，返回到 登录页面的“返回”连接。 3.2.2考生考试界面考生考试界面 考试是本系统的主要功能，用户进入页面后选择考试试卷。所以此模块的功能是选择试卷并在 考试时间固定下考试，而且可以在考试之后现实考试成绩。本系统只有选择题型。 （1）选择试卷界面 界面功能：考生进入选择试卷

46、页面，在该页显示出准备考试的试卷目录，点击即可进入考试界 面。 界面主要元素：表格中包括开始考试按钮，考试名称、考试时长文本。 （2）考试界面 界面功能：进入考试界面后，系统会自动随即生成试卷，试题显示在同一页上。当考试试题时 间结束时，系统自动交卷，考生也可提前交卷。考题都是选择题，考生点击选项前的选项即可。本 页设置防作弊代码，如果考生刷新页面、后退或者更改页面网址都被按照作弊处理。 界面主要元素：考试题目、选项，考试时间，提交试卷按钮。 （3）交卷界面 界面功能：该部分程序基本上采用 jsp 程序直接访问外部数据库，完成对客户的请求服务的 模型。考生完成答卷后要执行交卷功能，执行时系统按

47、各答题组件中的答题信息形成相应的记录， 对答卷库中各考生的答题信息进行判分与汇总，界面显示得分、考试用时、答错或者没有回答的题 目的正确答案。 界面主要元素：考试得分，考试用时，做错或没做试题的题目、选项及答案，退出到登录页面 的“退出”超链接。 3.2.3管理员登录界面管理员登录界面 界面功能：系统识别管理员权限，系统会检查该用户的权限与合法性，如果合法，则赋予管理 员一切管理员权限。管理员在数据库中由系统工作人员添加。 界面主要元素：在此界面上有姓名、密码文本输入框，注册超链接，登录、重置按钮。 3.2.4管理员功能选择界面管理员功能选择界面 管理员的作用是管理考试系统，可以增减或者修改考

48、试题目，可以选择考试题数与时间，可以 管理作弊考生。 （1）增改考试 界面功能：管理员成功登录之后，可进入功能选择界面，第一项既为更改考试信息。此功能可 以增加删除试卷或者修改考试信息，如可以设置或修改考试时长或者考试题数。 界面主要元素：表格其中包括更正本次考试超链接、考试名称、考试时长、题目数量，增加新 的考试超链接。在修改考试界面包括，考试名称、考试时长、题目题量，考试状态选项，确定、重 置按钮，可以返回到功能界面的“返回”超链接。在增加新新考试界面包括，考试名称、考试时长、 题目题量，确定、重置按钮，可以返回到功能界面的“返回”超链接。 （2）更新修正题库 界面功能：在更新题库界面，管

49、理员可以增加新题，题目、选项、正确答案。在修正题库界面， 管理员可以删除不要的题目，或者修改题目及选项答案。 界面主要元素：更新题库包括，题号、题目内容、abcd 选项、正确选项的本文框，确定、重 置按钮，可以返回到功能界面的“返回”超链接。修正题库包括删除超链接，题号、题目、abcd 选项、答案，返回到功能界面的“返回”超链接。 （3）管理被封帐户 界面功能：在此界面显示出作弊考生的用户名身份证及相关原因，管理员可以恢复被封账号。 界面主要元素：恢复账号超链接，序号、用户名、身份证号、错误类别，返回到功能界面的 “返回”超链接。 3.3数据库内容数据库内容 在考试时，答卷数据必须满足在短短的

50、时间里会频繁的更改和保存，本系统使用的数据库是 microsoftoffice access2007。 本系统共涉及四类数据库表，有用户注册信息表、试卷类型表、考生分数表和题库表。设计思 路如下： 表 3-1 用户注册信息表login 考生序号姓名密码是否参加过考试考生分数考生身份证号作弊序号用户权限 自动编号文本文本文本数字文本文本文本 表 3-2 试卷类型exam_type 试卷序号考试时间试题数量试卷名称考试状态 自动编号文本文本文本数字 表 3-3 考生分数表score 自动编号考生序号考生得分试卷序号 自动编号数字数字数字 表 3-4 题库表-question 题号题目abcd答案

51、自动编号文本文本文本文本文本文本 第四章第四章系统详细设计系统详细设计 本章主要介绍所用到软件的环境配置、包含的专业技术说明、考试系统的详细设计过程及实现 方法。其中，实现方法主要从考生模块和管理员模块详细介绍。 4.1环境配置：环境配置： 本次毕业设计我涉及到 windows xp，jdk6.0.03,jre6.0.03，tomcat 虚拟服务器端和 office access 小型数据库等工具，下面说明环境配置过程： 4.1.1java： 上网下载 jdk6.0.03，之后进行默认安装。 4.1.2tomcat ： 上网下载 tomcat6.0 进行默认安装，端口使用 80 端口，使得调试

52、过程中较容易输入地址。 安装好后，需要对环境变量进行配置，基于我使用的 windows xp 系统，在“我的电脑上” 单击鼠标右键“属性高级环境变量”进行配置： classpath=.;c:program filesjavajdk1.6.0_03libdt.jar; c:program filesjavajdk1.6.0_03libtools.jar; c:program filesjavajre6libextqtjava.zip; c:program filesapache software foundationtomcat 6.0libservlet-api.jar; path=;c:pr

53、ogram filesapache software foundationtomcat 6.0lib *以上变量如果存在，则直接在该变量值的后面增加上述内容 4.1.3安装安装 office： 为了更方便的使用/设计数据库 access 文件，还需要安装 office。因为 2003 版和 2007 版 的数据库格式不同设计数据源的步骤也不同，所以需要特殊声明的是，我在这次毕业设计中使用的 是 office2007 版的数据库 4.1.4数据库设计：数据库设计： 图 4-1 数据库四个表之间的关系示意图 本系统数据库共有以上四个表组成， （1）login 表：记录所有人员的信息，包括管理员和考

54、生，其中： log_id 主键，该列是人物对应的 id，每个人注册后都会按顺序产生一个唯一标识的 id，与 score 表 中的 log_id_score 关联，用于确定考生的成绩； log_name，记录注册用户的用户名，有两个作用：确认考生人名；和密码、身份证组成唯一确 认考生身份的信息； log_psw，注册用户的密码； can_join，标记注册用户是否可以参加考试，新注册的用户此列为 0，如果有违规操作，比如 作弊：刷新考试页面，在考试中途返回选考界面，或者随意更改页面地址标志位，都会将此列设置 为 0。防作弊程序和方法在后面有详细介绍。 body_id，记录考生身份证号，程序规定所

55、有人员只能拥有一个用户，也就是说，本列通过使 用程序，规定其唯一性； error_no，记录被禁止考试的考生的违规代码； log_right，记录本注册用户的权限，其中通过页面注册的用户，其权限为考生权限。 （2）exam_type 表：记录本次考试的基本信息。 exam_id 主键，自动顺序编号的考试标识。确定每场考试的代号唯一； exam_timeout，确定本考试的考试时长，以分钟为单位； exam_q_num，确定本考试的考试题目总数； exam_name，本次考试的名称，方便考生选择考试； exam_status，考试状态，为了更方便的保留有意义的考试信息，故设置此列，规定为 0，则

56、本 次考试暂时作废，规定为 1 则允许参加本次考试。使管理员不必每次都录入相同的考试，当然，如 果确认本考试信息无用，则可删除本条考试数据。 （3）score 表：记录考生参加考试的结果 id：顺序编号，为本表的所有行确定唯一的标志。 ； log_id_score：确定获得本成绩的考生 id； its_score：本考生的考试成绩； exam_id：本考生所参加的考试对应的 id。 （4）question 表：本次考试系统设计中只涉及到选择题，所有题目内容保存在本表中。 4.1.5数据源数据源 数据库设计完毕后需要配置数据源，步骤如下： （1）控制面板管理工具数据源（odbc）系统 dsn （

57、2）选择添加，选中其中的 microsoft access driver(*.mdb,*.accdb) （3）找到对应的文件，完成配置数据源并且给它起名为 myexam_access 到此，平台搭建完毕。 4.2具体实现具体实现 环境配置成功后，就可以开始设计考试系统了，上章已经说明本系统分为考生、管理员两大模 块，所以根据本人所制作的网页，按流程分成两大部分几小部分介绍主要用到的技术。 4.2.1常用语句常用语句 （1）页面头部 这定义了一个页面的头 部， page language=java 说明这个页面的 scriptlet 是 java 语言； contenttype=text/htm

58、l;charset=gb2312中，text/html 说明这个页面作为 html 解释， charset=gb2312 说明页面的编码为 gb2312。 （2）输入语言标签 ； 等等是将页面中需要的 java 包，包含，有效范围为本页面，似的 java 语言的强大功能得以使用。 （3）转换编码 数据库(iso-8859-1)- java 获得已 iso-8859-1 形式理解的 gbk 编码 (即:1 个字符 2 个字节 一个汉字，理解成了 2 个字符,2 个字节的 2 个 iso8859-1 字符) ，而后，已 iso8859-1 形式存储的 gbk 编码转为 java 内部的 unico

59、de 编码，(也就是，把 n 个 iso8859-1 的字符转为 n 个 unicode 字符) 然后，再通过 str.getbytes(iso-8859-1);获得原始字节码(iso-8859-1 二进制码，逻辑上的 gbk 编码) （4）css link href= main-of-page.css”意思就是调用 css 这个文件夹下的 css 文档，也就是 main-of- page.css 这个文件。 rel=stylesheet指链接的元素是一个样式表，一般不需要修改 （5）背景 参数 topmargin=5 表示与浏览器顶部距离为 5； 参数 leftmargin=0 表示与浏览器

60、左部距离为 0； 参数 marginwidth=0 表示与左右边边界为 0； 参数 marginheight=0 表示与上下边边界为 0； background 属性设置本页面的背景图片； bgproperties 属性设置本页面的背景图片不跟随页面的滚动而滚动。 （6）设置数据源，链接数据库，并且返回结果集的语句 class.forname(sun.jdbc.odbc.jdbcodbcdriver); /链接数据源的驱动程序 connection con=drivermanager.getconnection(jdbc:odbc:myexam_access,); /配置数据源的基础信息 st