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

Abstract摘要PAGEIIPAGEIIPAGE1摘要随着网络和网络技术的飞速发展，网站编程语言也发展了很多，JSP是最受欢迎的优秀网页程序设言。本次毕业设计的课题是“用WEB技术设计实现联机考试系统——界面设计”。使用的软件开发工具有ApacheTomcat6.0软件，MicrosoftOfficeAccess2007软件，Dreamweaver软件。本文采用内嵌HTML语言的JSP编程技术开发了网上联机考试系统。文中首先论述了网上考试系统的发展及背景，简要介绍了JSP和tomcat等相关的理论知识，接着详细阐述了系统的设计过程以及系统功能的实现。经过测试，作者设计开发的网上考试系统能够突破时空的限制，让考生在规定的任意时间、任意地点通过网络参加考试。只要有网络的地方就可以进行考试，有利于节省纸资源和人力资源，并提高了效率。关键词：JSP；Tomcat；网络考试；数据库AbstractAbstractWithdevelopmentofInternetandwebtechnology,programminglanguagesofwebhavemadearapidprogress.JSPisthemostpopularlanguageforprogrammingwebpages.Thesubjectformygraduationprojectis"Thedesignandrealizationfortheon-linetestsystemwiththetechnologyofWEBinterfacedesign".ThedevelopmenttoolareApacheTomcat6.0,MicrosoftOfficeAccess2007andDreamweaver.Inthisproject,JSPprogramminglanguageisusedtodeveloptheonlineexaminationsystem,Thispaperdescribesthedevelopmentandbackgroundofon-lineexamsystem,aswellastheTomcatsoftwaredevelopmenttool.Firstly,theJSP,tomcatandtheirrelatedtechniquesareintroducingbriefly.Thenthedesignprocessofthesystemisdescribedindetail,aswellastheimplementationofthesystem.Thetestonthesystemshowsthat,theon-lineexamsystemisabletobreakthroughthethelimittotimeandspace,allowingstudenttotaketheexamonnetworkatanytimeandanywhere.Thesystemisadvantageousinsaveingthepaperresourcesandthehumanresources,aswellasraisingtheefficiency.Keywords:JSP;Tomcat;networkexam;database目录PAGEIV目录目录目录摘要 IAbstract II第一章 概述 11.1 背景 11.2 意义 11.3 内容 11.4 技术特点 1第二章 技术基础 32.1 JSP技术介绍 32.1.1 JSP发展背景 32.1.2 JSP技术简介 32.2 Servelet介绍 42.3 JavaBean介绍 52.4 Javasctip介绍 62.5 Tomcat 72.5.1 Tomcat简介 72.5.2 Tomcat服务器接受客户请求并做出响应 72.5.3 各组件在Tomcat服务器中的作用 82.6 HTML介绍 9第三章 系统设计方案 103.1 系统结构 103.2 联机考试系统的界面功能设计 103.2.1 考生登录界面 113.2.2 考生考试界面 113.2.3 管理员登录界面 123.2.4 管理员功能选择界面 123.3 数据库内容 13第四章 系统详细设计 144.1 环境配置： 144.1.1 JAVA： 144.1.2 TOMCAT： 144.1.3 安装OFFICE： 144.1.4 数据库设计： 144.1.5 数据源 164.2 具体实现 164.2.1 常用语句 164.2.2 界面显示设置： 184.2.3 考生模块 194.2.4 管理员模块 30第五章 调试运行 365.1 考生功能测试 365.2 管理员功能测试 375.3 测试中的问题 39第六章 结论与评价 416.1 系统的优缺点 416.2 评价 41结束语 42参考文献 43论文名称用WEB技术设计实现联机考试系统——界面设计PAGE14PAGE1概述背景伴随着科学及信息技术的飞速发展，互联网凭借其强大的功能已经越来越多地渗入到人们的日常生活中，并且在我国社会的各个领域占据越来越重要的地位。尤其是我国的各大院校也加快了信息化进程，建立了自己的校园网。这为高校学生管理工作走向数字化、信息化、网络化提供了必备的物质基础。同时，在技术和需求的推动下，各大院校都准备或已经采用了网上教学或者考试系统。传统考试工序复杂，它需要老师进行写试卷、印试卷、安排考场、监考、收集试卷、批改试卷、讲评试卷和分析试卷等等的工作,不仅耗费大量人力、物力，学生还不能及时获得自己的成绩。因此过去单一的卷面考试已被网络联机考试所取代。意义互联网在各高校日常管理中的使用为师生间的信息及时交流、反馈建立了新的渠道。而且随着计算机网络技术的不断发展，教学考试进一步计算机自动化、科学化，促进教学改革、减少教师劳动强度的途径，可进一步提高学习质量、提高评分速度及评分质量。如今联机考试系统已实现其功能，在高校教育教学中占居重要地位。内容本文所研究的内容是用网络技术实现联机考试系统的界面设计。联机考试系统综合了题库建设、试卷生成、上机考试、自动评分、等几个部分，它是对传统考试的发展和补充。本文主要研究系统前台的界面设计，如登录界面、试卷选择界面、试卷界面、成绩界面等等。系统基于web页面，操作简单、数据安全性高，这些优点使系统能很好的胜任联机在线考试。该系统主要有以下一些功能。对于界面设计，用户首先登录网站，所以需要设计登录界面。在登录界面考生输入用户名密码点击登录进入相连接的试卷选择界面。试卷选择界面选择学生需要的考试试卷，点击确定后进入试卷界面进行规定时间的考试。最后学生可进入成绩界面查看分数。界面需要简单直观快捷。为了使网站使用快捷，在页面上都会有界面导航设计，为了方便学生快速链接到需要的界面。除了界面，还需要有数据的验证与提交。本人需要完成的是界面设计，也就是系统的前台，需要前台接收到用户所输入的信息，并于界面所设置的内容核对验证，将结果返回给用户。另外，需要将保存或者数据库处理内容送往后台处理。技术特点联机考试突破了传统考试的时空限制，不仅使考试方式更为灵活，同时充分利用计算机进行题库管理、智能出卷、机器评分等功能，大大减轻了管理人员和教师的工作量。联机考试系统对硬件环境和软件环境的要求也不很高，这为联机考试系统的普及提供了坚实的基础。网络联机考试系统是利用JSP、Servlet等技术自主开发的一种网上考试系统，该系统具有操作简单、功能强大、数据安全性高等优点。本文主要研究考试系统的界面设计。网络联机考试是一种先进的考试方式，经过授权的考生可以通过web浏览器登录到系统服务器端进行在线考试，管理员可以通过web浏览器进行考生及试卷管理。系统前端页面展现使用了JSP技术，服务器端使用Servlet等组件技术，并采用了开源的Tomcat应用服务器作为服务器端组件容器。同时这种结构也简化了系统的部署任务，不用安装任何客户端软件，本文在系统的设计和开发过程中考虑了系统的可靠性、高效性、完整性、易使用性。论文名称技术基础本章主要介绍用WEB技术设计实现联机考试系统界面设计所需要了解的技术基础。在这个系统中，JSP技术是基础，使用的WEB服务器是Tomcat6.0，利用JavaBean技术，完成了系统的开发。JSP技术介绍JSP是JavaServerPages的简称，JSP页面由HTML代码和嵌入其中的Java代码所组成。服务器在页面被客户端请求以后对这些Java代码进行处理，然后将生成的HTML页面返回给客户端的浏览器。JavaServlet是JSP技术的基础，而且大型的Web应用程序的开发需要JavaServlet和JSP配合才能完成。JSP具备了Java技术的简单易用、完全面向对象、具有平台无关性且安全可靠、主要面向Internet的所有特点。与其它网页技术标准相比，JSP具有很多优势：一次编写，到处运行；系统的多平台支持；强大的伸缩性；多样化和功能强大的开发工具支持。鉴于这些优势，许多程序员在编写网站程序时优先选择JSP技术。JSP发展背景在万维网短暂的历史中，万维网已经从一个大部分显示静态信息的网络演化到对股票进行交易和进行购书操作的一个基础设施。在各种各样的应用程序中，对于可能使用的基于Web的客户端，看上去没有任何限制。基于浏览器客户端的应用程序比传统的基于客户机/服务器的应用程序有几个好处。这些好处包括几乎没有限制的客户端访问和极其简化的应用程序部署和管理（要更新一个应用程序，管理人员只需要更改一个基于服务器的程序，而不是成千上万的安装在客户端的应用程序）。这样，软件工业正迅速地向建造基于浏览器客户端的多层次应用程序迈进。这些快速增长的精巧的基于Web的应用程序要求开发技术上的改进。静态HTML对于显示相对静态的内容是不错的选择；新的挑战在于创建交互的基于Web的应用程序，在这些程序中，页面的内容是基于用户的请求或者系统的状态，而不是预先定义的文字。对于这个问题的一个早期解决方案是使用CGI-BIN接口。开发人员编写与接口相关的单独的程序，以及基于Web的应用程序，后者通过Web服务器来调用前者。这个方案有着严重的扩展性问题——每个新的CGI要求在服务器上新增一个进程。如果多个用户并发地访问该程序，这些进程将消耗该Web服务器所有的可用资源，并且系统性能会降低到极其低下的地步。JSP技术简介Java在推向开发人员时出现了重重困难，首先是Java缺少主流系统的广泛支持，而在所有的平台和技术上都缺少可以直接参照的应用方式。这时java就走向了在各个应用层上的积极进取，在自己擅长的与不擅长的领域都走出了坚定的脚步。其中最让Web技术人员兴奋的就是JavaServlet的出现和JSP的渐渐成熟，这一步步都让Java正式的走向了Web开发技术的舞台。Java利用了它的跨平台技术，使java的应用能快速的部署在各个平台上，而真的可以一处编写随处运行。它有较的利用了这个优势，巧妙的将java的通用性、jsp的易用性、servlet的速度结合在一起，利用平台部署上的技巧有效的屏蔽java的速度问题，所以Java迅速的在Web开发人员的团员中推广开来。携着JavaBean、EJB、JavaApplicationServer、Java事务服务器等这样的强大后台走向了真正的成熟应用。JSP到底是一个什么样的语言呢？JSP(JavaServerPages)是由SunMicrosystems公司倡导、许多公司参与一起建立的一种动态网页技术标准，其网址为/products/jsp。该技术为创建显示动态生成内容的Web页面提供了一个简捷而快速的方法。JSP技术的设计目的是使得构造基于Web的应用程序更加容易和快捷，而这些应用程序能够与各种Web服务器，应用服务器，浏览器和开发工具共同工作。JSP规范是Web服务器、应用服务器、交易系统、以及开发工具供应商间广泛合作的结果。在传统的网页HTML文件(*htm,*.html)中加入Java程序片段(Scriptlet)和JSP标记(tag)，就构成了JSP网页(*.jsp)。Web服务器在遇到访问JSP网页的请求时，首先执行其中的程序片段，然后将执行结果以HTML格式返回给客户。程序片段可以操作数据库、重新定向网页以及发送email等等，这就是建立动态网站所需要的功能。所有程序操作都在服务器端执行，网络上传送给客户端的仅是得到的结果，对客户浏览器的要求最低，可以实现无Plugin，无ActiveX，无JavaApplet，甚至无Frame。Servelet介绍Servlet（Java服务器小程序）是用Java编写的服务器端程序，是由服务器端调用和执行的、按照Servlet自身规范编写的Java类。Servlet可以看成是用Java编写的CGI，但是它的功能和性能比CGI更加强大。Servlet是使用JavaServlet应用程序设计接口（API）及相关类和方法的Java程序。除了JavaServletAPI，Servlet还可以使用用于扩展和添加到API的Java类软件包。Servlet的功能：（1）产生一个基于请求性质的Web动态页面，并返还给客户端。（2）建立多个客户机连接，接收多个客户端请求，并将处理结果返还到客户端浏览器上。（3）与不同数据库和Java应用程序进行交互，通信。（4）建立可嵌入式的HTML代码。（5）在单连接状态下传送数据，能够在浏览器上建立applet与服务器的连接。Servlet的特点：Servlet基于Java语言创建，具有良好的可移植性、扩展性、功能强大。它能够与数据库、Applet、Java应用程序等进行通信，并且应用到分布式系统中。Servlet能够处理基于HTTP协议之上的客户端请求信息，同时将响应结果返还给客户端浏览器。一个Servlet能够调用其它Servlet，同时也能够在静态HTML文件中被动态的调用。当客户端发出请求，一个Servlet被激活时，这个Servlet将持续运行，等待其它客户机发出请求。每一个客户端的请求都将生成一个独立的线程，并且在同一个进程中能够提供对多个客户端请求处理的服务。由于Servlet是基于Java技术之上，所以Java语言能够实现的功能，Servlet几乎都能够实现。除此之外，Servlet具有以下特点：（1）可扩展特性：Servle是基于特定语法规范编写的java类，所以Servle基本上能够实现java技术能够实现的所有功能。它运行在基于Java的Web服务器上，通过创建框架扩展了服务器性能，借以在Web服务器上进行请求和响应服务。（2）可移植性：Servlet是基于java语言创建，并提供了一定的规范定义与应用程序设计接口（API），所以它能够在各种系统操作平台或应用程序服务器下运行，具有良好的可移植特性。（3）功能强大：Servlet可以使用JavaAPI核心的所有功能，这些功能包括Web和URL访问、图像处理、数据压缩、多线程、JDBC、RMI、序列化对象等。（4）高效耐久：在Servlet中，每个来自客户端的请求，都是由一个java线程进行处理，每个Servlet都可以执行一个任务，一旦被载入，就驻留内存。（5）安全：Servlet是基于java语言编写，理所当然继承了java的安全框架；同时在Servlet编辑过程中，容器会提供声明性安全管理。JavaBean介绍JavaBean是一种JAVA语言写成的可重用组件。JavaBean中的类必须是具体的和公共的，并且具有无参数的构造器。JavaBean通过提供符合一致性设计模式的公共方法将内部域暴露称为属性。众所周知，属性名称符合这种模式，其他Java类可以通过自省机制发现和操作这些JavaBean属性。用户可以使用JavaBean将功能、处理、值、数据库访问和其他任何可以用java代码创造的对象进行打包，并且其他的开发者可以通过内部的JSP页面、Servlet、其他JavaBean、applet程序或者应用来使用这些对象。用户可以认为JavaBean提供了一种随时随地的复制和粘贴的功能，而不用关心任何改变。JavaBean是Sun微系统的一个面向对象的编程接口，它可以让你建可重用应用程序或能在网络中任何主流操作系统平台上配置的程序块，称作组件。从用户的观点来看，一个组件可以是一个与你交互的按钮或是一个当你按下按钮它便开始的小计算程序。从一个开发者的观点来看，那个按钮组件和计算器组件是分别被创建的，并且他们可以一起使用或是在不同的应用程序或情况下和不同的组件产生不同的组合来使用。JavaBean的任务就是：“Writeonce,runanywhere,reuseeverywhere”，即“一次性编写，任何地方执行，任何地方重用”。这个任何实际上就是要解决困扰软件工业的日益增加的复杂性，提供一个简单的、紧凑的和优秀的问题解决方案。（1）一个开发良好的软件组件应该是一次性地编写，而不需要再重新编写代码以增强或完善功能。因此，JavaBean应该提供一个实际的方法来增强现有代码的利用率，而不再需要在原有代码上重新进行编程。除了在节约开发资源方面的意义外，一次性地编写JavaBean组件也可以在版本控制方面起到非常好的作用。开发者可以不断地对组件进行改进，而不必从头开始编写代码。这样就可以在原有基础上不断提高组件功能，而不会犯相同的错误。（2）JavaBean组件在任意地方运行是指组件可以在任何环境和平台上使用，这可以满足各种交互式平台的需求。由于JavaBean是基于Java的，所以它可以很容易地得到交互式平台的支持。JavaBean组件在任意地方执行不仅是指组件可以在不同的操作平台上运行，还包括在分布式网络环境中运行。（3）JavaBean组件在任意地方的重用说的是它能够在包括应用程序、其他组件、文档、Web站点和应用程序构造器工具的多种方案中再利用。这也许是JavaBean组件的最为重要的任务了，因为它正是JavaBean组件区别于Java程序的特点之一。Java程序的任务就是JavaBean组件所具有的前两个任务，而这第3个任务却是JavaBean组件独有的。Javasctip介绍javascript是一种基于对象(Object)和事件驱动(EventDriven)，并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java脚本语言（Java小程序）一起实现在一个Web页面中链接多个对象，与Web客户交互的作用。从而可以开发客户端的应用程序等。它是通过嵌入或调入在标准的HTML语言中实现的。它的出现弥补了HTML语言的缺陷，它是Java与HTML折衷的选择，具有以下几个基本特点：（1）脚本编写语言javascript是一种脚本语言，它采用小程序段的方式实现编程。像其它脚本语言一样,javascript同样也是一种解释性语言，它提供了一个简易的开发过程。它的基本结构形式与C、C++、VB、Delphi十分类似。但它不像这些语言一样，需要先编译，而是在程序运行过程中被逐行地解释。它与HTML标识结合在一起，从而方便用户的使用操作。（2）基于对象的语言javascript是一种基于对象的语言，同时也可以看作一种面向对象的。这意味着它能运用自己已经创建的对象。因此，许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。（3）简单性javascript的简单性主要体现在：首先它是一种基于Java基本语句和控制流之上的简单而紧凑的设计,从而对于学习Java是一种非常好的过渡。其次它的变量类型是采用弱类型，并未使用严格的数据类型。（4）安全性javascript是一种安全性语言，它不允许访问本地的硬盘，并不能将数据存入到服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失。（5）动态性javascript是动态的，它可以直接对用户或客户输入做出响应，无须经过Web服务程序。它对用户的反映响应，是采用以事件驱动的方式进行的。所谓事件驱动，就是指在主页(HomePage)中执行了某种操作所产生的动作，就称为“事件”(Event)。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后，可能会引起相应的事件响应。（6）跨平台性javascript是依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机，并支持javascript的浏览器就可正确执行。从而实现了“编写一次，走遍天下”的梦想。实际上javascript最杰出之处在于可以用很小的程序做大量的事。无须有高性能的电脑，软件仅需一个字处理软件及一浏览器，无须WEB服务器通道，通过自己的电脑即可完成所有的事情。综合所述javascript是一种新的描述语言，它可以被嵌入到HTML的文件之中。javascript语言可以做到回应使用者的需求事件(如：form的输入)，而不用任何的网路来回传输资料，所以当一位使用者输入一项资料时，它不用经过传给伺服端(server)处理，再传回来的过程，而直接可以被客户端(client)的应用程式所处理。TomcatTomcat简介学习Servlet技术，首先需要有一个Servlet运行环境，也就是需要有一个Servlet容器，本文采用的是Tomcat。Tomcat是一个免费的开放源代码的Servlet容器，它是Apache软件基金会（ApacheSoftwareFoundation）的一个顶级项目，由Apache、Sun和其他一些公司及个人共同开发而成。由于有了Sun的参与和支持，最新的Servlet和JSP规范总是能在Tomcat中得到体现，Tomcat6.0支持最新的Servlet2.5和JSP2.1规范。因为Tomcat技术先进、性能稳定，而且免费，因而深受Java爱好者的喜爱，并得到了部分软件开发商的认可，成为目前比较流行的Web服务器。提示：Tomcat和IIS、Apache等Web服务器一样，具有处理HTML页面的功能，另外它还是一个Servlet和JSP容器，独立的Servlet容器是Tomcat的默认模式。不过，Tomcat处理静态HTML的能力不如Apache，我们可以将Apache和Tomcat集成在一起使用，Apache作为HTTPWeb服务器，Tomcat作为Web容器。Tomcat服务器接受客户请求并做出响应图2-1Tomcat服务器接受客户请求并做出响应的过程①客户端（通常都是浏览器）访问Web服务器，发送HTTP请求。②Web服务器接收到请求后，传递给Servlet容器。③Servlet容器加载Servlet，产生Servlet实例后，向其传递表示请求和响应的对象。④Servlet实例使用请求对象得到客户端的请求信息，然后进行相应的处理。⑤Servlet实例将处理结果通过响应对象发送回客户端，容器负责确保响应正确送出，同时将控制返回给Web服务器。各组件在Tomcat服务器中的作用（1）ServerServer表示整个的CatalinaServlet容器。Tomcat提供了Server接口的一个默认实现，这通常不需要用户自己去实现。在Server容器中，可以包含一个或多个Service组件。（2）ServiceService是存活在Server内部的中间组件，它将一个或多个连接器（Connector）组件绑定到一个单独的引擎（Engine）上。在Server中，可以包含一个或多个Service组件。Service也很少由用户定制，Tomcat提供了Service接口的默认实现，而这种实现既简单又能满足应用。（3）Connector连接器（Connector）处理与客户端的通信，它负责接收客户请求，以及向客户返回响应结果。在Tomcat中，有多个连接器可以使用。（4）Engine在Tomcat中，每个Service只能包含一个Servlet引擎（Engine）。引擎表示一个特定的Service的请求处理流水线。作为一个Service可以有多个连接器，引擎从连接器接收和处理所有的请求，将响应返回给适合的连接器，通过连接器传输给用户。用户允许通过实现Engine接口提供自定义的引擎，但通常不需要这么做。（5）HostHost表示一个虚拟主机，一个引擎可以包含多个Host。用户通常不需要创建自定义的Host，因为Tomcat给出的Host接口的实现（类StandardHost）提供了重要的附加功能。（6）Context一个Context表示了一个Web应用程序，运行在特定的虚拟主机中。什么是Web应用程序呢？在Sun公司发布的JavaServlet规范中，对Web应用程序做出了如下的定义：“一个Web应用程序是由一组Servlet、HTML页面、类，以及其他的资源组成的运行在Web服务器上的完整的应用程序。它可以在多个供应商提供的实现了Servlet规范的Web容器中运行”。一个Host可以包含多个Context（代表Web应用程序），每一个Context都有一个唯一的路径。用户通常不需要创建自定义的Context，因为Tomcat给出的Context接口的实现（类StandardContext）提供了重要的附加功能。HTML介绍HTML（HyperTextMark-upLanguage）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标，Internet就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台电脑中。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。另外，HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。HTML的特点和好处HTML文档制作不是很复杂，且功能强大，支持不同数据格式的文件镶入，这也是WWW盛行的原因之一，其主要特点如下：（1）简易性，HTML版本升级采用超集方式，从而更加灵活方便。（2）可扩展性，HTML语言的广泛应用带来了加强功能，增加标识符等要求，HTML采取子类元素的方式，为系统扩展带来保证。（3）平台无关性。虽然PC机大行其道，但使用MAC等其他机器的大有人在，HTML可以使用在广泛的平台上，这也是WWW盛行的另一个原因。用什么可以编辑HTML？论文名称系统设计方案本文设计的联机考试系统是基于JSP技术的网上考试系统，使用Tomcat服务器和MicrosoftOfficeAccess2007数据库，完成了系统的开发。本章从系统的总体设计起步，讲述网上考试系统界面设计的设计方案和数据库设计。考虑到系统中的主要操作界面是考生的答题页面，所以尽量力求它简洁,明快。布局要合理、考生阅读试题及答题操作要方便、清楚。系统结构本考试系统主要用来进行网上考试和网上评分。作为一个系统，应该由一些相对独立的模块耦合而成。本系统主要包括如下几个大的模块，每个大的模块下又细分为几个小的功能模块。考试系统考试系统更改考试信息更新题库修正题库用户违规确认管理员考生选择试卷考生参加考试成绩显示考生图3-1系统结构图系统采用JSP+Access+Tomcat实现，有系统管理员和学生两种用户权限，不同的身份管理界面和使用权限完全不同。整个系统结构见图3-1。联机考试系统的界面功能设计以下主要介绍用WEB技术设计实现联机考试系统——界面设计的主要功能模块，分别从管理员和学生两大模块简单描述。考试界面设计图如图3-2。管理员功能界面管理员功能界面登录界面考生选择试卷界面答题界面成绩界面更改考试信息界面增加试卷界面考生注册界面更新题库界面修改题库界面用户违规确定界面修改考试信息界面修改考题界面提交退出退出注册考试管理员登录进入系统返回管理员界面返回管理员界面增加试卷增加试题修改试题违规用户图3-2考试界面设计图考生登录界面考虑到系统的安全性，设置了登录模块，系统的用户必须通过登录验证后才能转入相应的使用页面。（1）登录界面界面功能：当用户进入登录界面后，已经注册的可以直接登录。考生在进入系统时必须输人考生的用户名与密码，系统会检查该用户的权限与合法性，如果合法，则赋予此考生一切学生权限。界面主要元素：在此界面上有姓名、密码文本输入框，注册超链接，登录、重置按钮。（2）注册界面界面功能：考生进入考生登录界面后已经注册的可以直接登录，没有注册的单击“注册”进入考生注册界面。在该模块中考生填写基本信息，如真实姓名、密码、身份证号等，然后提交给系统。如果系统内没有与该考生相同的学生记录，系统则接受此考生为合法考生，赋予此考生一切考生权限。界面主要元素：姓名、密码、确认密码、身份证号四个文本输入框，注册、重置按钮，返回到登录页面的“返回”连接。考生考试界面考试是本系统的主要功能，用户进入页面后选择考试试卷。所以此模块的功能是选择试卷并在考试时间固定下考试，而且可以在考试之后现实考试成绩。本系统只有选择题型。（1）选择试卷界面界面功能：考生进入选择试卷页面，在该页显示出准备考试的试卷目录，点击即可进入考试界面。界面主要元素：表格中包括开始考试按钮，考试名称、考试时长文本。（2）考试界面界面功能：进入考试界面后，系统会自动随即生成试卷，试题显示在同一页上。当考试试题时间结束时，系统自动交卷，考生也可提前交卷。考题都是选择题，考生点击选项前的选项即可。本页设置防作弊代码，如果考生刷新页面、后退或者更改页面网址都被按照作弊处理。界面主要元素：考试题目、选项，考试时间，提交试卷按钮。（3）交卷界面界面功能：该部分程序基本上采用JSP程序直接访问外部数据库，完成对客户的请求服务的模型。考生完成答卷后要执行交卷功能，执行时系统按各答题组件中的答题信息形成相应的记录，对答卷库中各考生的答题信息进行判分与汇总，界面显示得分、考试用时、答错或者没有回答的题目的正确答案。界面主要元素：考试得分，考试用时，做错或没做试题的题目、选项及答案，退出到登录页面的“退出”超链接。管理员登录界面界面功能：系统识别管理员权限，系统会检查该用户的权限与合法性，如果合法，则赋予管理员一切管理员权限。管理员在数据库中由系统工作人员添加。界面主要元素：在此界面上有姓名、密码文本输入框，注册超链接，登录、重置按钮。管理员功能选择界面管理员的作用是管理考试系统，可以增减或者修改考试题目，可以选择考试题数与时间，可以管理作弊考生。（1）增改考试界面功能：管理员成功登录之后，可进入功能选择界面，第一项既为更改考试信息。此功能可以增加删除试卷或者修改考试信息，如可以设置或修改考试时长或者考试题数。界面主要元素：表格其中包括更正本次考试超链接、考试名称、考试时长、题目数量，增加新的考试超链接。在修改考试界面包括，考试名称、考试时长、题目题量，考试状态选项，确定、重置按钮，可以返回到功能界面的“返回”超链接。在增加新新考试界面包括，考试名称、考试时长、题目题量，确定、重置按钮，可以返回到功能界面的“返回”超链接。（2）更新修正题库界面功能：在更新题库界面，管理员可以增加新题，题目、选项、正确答案。在修正题库界面，管理员可以删除不要的题目，或者修改题目及选项答案。界面主要元素：更新题库包括，题号、题目内容、ABCD选项、正确选项的本文框，确定、重置按钮，可以返回到功能界面的“返回”超链接。修正题库包括删除超链接，题号、题目、ABCD选项、答案，返回到功能界面的“返回”超链接。（3）管理被封帐户界面功能：在此界面显示出作弊考生的用户名身份证及相关原因，管理员可以恢复被封账号。界面主要元素：恢复账号超链接，序号、用户名、身份证号、错误类别，返回到功能界面的“返回”超链接。数据库内容在考试时，答卷数据必须满足在短短的时间里会频繁的更改和保存，本系统使用的数据库是MicrosoftOfficeAccess2007。本系统共涉及四类数据库表，有用户注册信息表、试卷类型表、考生分数表和题库表。设计思路如下：表3-1用户注册信息表—login考生序号姓名密码是否参加过考试考生分数考生身份证号作弊序号用户权限自动编号文本文本文本数字文本文本文本表3-2试卷类型—exam_type试卷序号考试时间试题数量试卷名称考试状态自动编号文本文本文本数字表3-3考生分数表—score自动编号考生序号考生得分试卷序号自动编号数字数字数字表3-4题库表--question题号题目ABCD答案自动编号文本文本文本文本文本文本系统详细设计本章主要介绍所用到软件的环境配置、包含的专业技术说明、考试系统的详细设计过程及实现方法。其中，实现方法主要从考生模块和管理员模块详细介绍。环境配置：本次毕业设计我涉及到WINDOWSXP，JDK6.0.03,JRE6.0.03，TOMCAT虚拟服务器端和OFFICEACCESS小型数据库等工具，下面说明环境配置过程：JAVA：上网下载JDK6.0.03，之后进行默认安装。TOMCAT：上网下载TOMCAT6.0进行默认安装，端口使用80端口，使得调试过程中较容易输入地址。安装好后，需要对环境变量进行配置，基于我使用的WINDOWSXP系统，在“我的电脑上”单击鼠标右键“属性→高级→环境变量”进行配置：CLASSPATH=.;C:\ProgramFiles\Java\jdk1.6.0_03\lib\dt.jar;C:\ProgramFiles\Java\jdk1.6.0_03\lib\tools.jar;C:\ProgramFiles\Java\jre6\lib\ext\QTJava.zip;C:\ProgramFiles\ApacheSoftwareFoundation\Tomcat6.0\lib\servlet-api.jar;PATH=;C:\ProgramFiles\ApacheSoftwareFoundation\Tomcat6.0\lib **以上变量如果存在，则直接在该变量值的后面增加上述内容安装OFFICE：为了更方便的使用/设计数据库ACCESS文件，还需要安装OFFICE。因为2003版和2007版的数据库格式不同设计数据源的步骤也不同，所以需要特殊声明的是，我在这次毕业设计中使用的是OFFICE2007版的数据库数据库设计：图4-1数据库四个表之间的关系示意图本系统数据库共有以上四个表组成，（1）Login表：记录所有人员的信息，包括管理员和考生，其中：log_id主键，该列是人物对应的ID，每个人注册后都会按顺序产生一个唯一标识的ID，与score表中的log_id_score关联，用于确定考生的成绩；log_name，记录注册用户的用户名，有两个作用：确认考生人名；和密码、身份证组成唯一确认考生身份的信息；log_psw，注册用户的密码；can_join，标记注册用户是否可以参加考试，新注册的用户此列为0，如果有违规操作，比如作弊：刷新考试页面，在考试中途返回选考界面，或者随意更改页面地址标志位，都会将此列设置为0。防作弊程序和方法在后面有详细介绍。body_id，记录考生身份证号，程序规定所有人员只能拥有一个用户，也就是说，本列通过使用程序，规定其唯一性；error_no，记录被禁止考试的考生的违规代码；log_right，记录本注册用户的权限，其中通过页面注册的用户，其权限为考生权限。（2）exam_type表：记录本次考试的基本信息。exam_id主键，自动顺序编号的考试标识。确定每场考试的代号唯一；exam_timeout，确定本考试的考试时长，以分钟为单位；exam_q_num，确定本考试的考试题目总数；exam_name，本次考试的名称，方便考生选择考试；exam_status，考试状态，为了更方便的保留有意义的考试信息，故设置此列，规定为0，则本次考试暂时作废，规定为1则允许参加本次考试。使管理员不必每次都录入相同的考试，当然，如果确认本考试信息无用，则可删除本条考试数据。（3）score表：记录考生参加考试的结果ID：顺序编号，为本表的所有行确定唯一的标志。；log_id_score：确定获得本成绩的考生ID；its_score：本考生的考试成绩；exam_id：本考生所参加的考试对应的ID。（4）question表：本次考试系统设计中只涉及到选择题，所有题目内容保存在本表中。数据源数据库设计完毕后需要配置数据源，步骤如下：（1）控制面板→管理工具→数据源（ODBC）→系统DSN（2）选择添加，选中其中的MicrosoftAccessDriver(*.mdb,*.accdb)（3）找到对应的文件，完成配置数据源并且给它起名为myexam_access到此，平台搭建完毕。具体实现环境配置成功后，就可以开始设计考试系统了，上章已经说明本系统分为考生、管理员两大模块，所以根据本人所制作的网页，按流程分成两大部分几小部分介绍主要用到的技术。常用语句（1）页面头部<%@pagecontentType="text/html;charset=gb2312"language="java"%>这定义了一个页面的头部，pagelanguage="Java"说明这个页面的scriptlet是java语言；contentType="text/html;charset=gb2312"中，text/html说明这个页面作为html解释，charset=gb2312说明页面的编码为gb2312。（2）输入语言标签<%@pageimport="java.sql.*"%>；<%@pageimport="java.util.*"%>等等是将页面中需要的JAVA包，包含，有效范围为本页面，似的JAVA语言的强大功能得以使用。（3）转换编码<%! publicStringcodeString(Strings){ Stringstr=s;try{ byteb[]=str.getBytes("ISO-8859-1"); str=newString(b); returnstr; }catch(Exceptione) {returnstr;} }%> 数据库(iso-8859-1)-->Java获得已iso-8859-1形式理解的GBK编码(即:1个字符2个字节一个汉字，理解成了2个字符,2个字节的2个iso8859-1字符)，而后，已iso8859-1形式存储的gbk编码转为Java内部的unicode编码，(也就是，把N个iso8859-1的字符转为N个unicode字符)然后，再通过str.getBytes("ISO-8859-1");获得原始字节码(iso-8859-1二进制码，逻辑上的GBK编码)（4）CSS<linkhref="main-of.css"rel="stylesheet"/>linkhref="main-of.css”意思就是调用css这个文件夹下的css文档，也就是main-of.css这个文件。rel="stylesheet"指链接的元素是一个样式表，一般不需要修改（5）背景<body bgproperties="fixed" TOPMARGIN=5LEFTMARGIN=0MARGINWIDTH=0MARGINHEIGHT=0 background="pic/bg2.gif">参数topmargin=5表示与浏览器顶部距离为5；参数leftmargin=0表示与浏览器左部距离为0；参数marginwidth=0表示与左右边边界为0；参数marginheight=0表示与上下边边界为0；Background属性设置本页面的背景图片；Bgproperties属性设置本页面的背景图片不跟随页面的滚动而滚动。（6）设置数据源，链接数据库，并且返回结果集的语句Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");//链接数据源的驱动程序Connectioncon=DriverManager.getConnection("jdbc:odbc:myexam_access","","");//配置数据源的基础信息Statementsql=con.createStatement();//创建一个连接ResultSetrs=sql.executeQuery(mysql);//执行SQL语句，用RS返回结果集界面显示设置：所有界面采用如下图4-2风格。图4-2登录界面实现方法为：使用嵌套的TABLE，用外层TABLE规定米黄色的背景，突出页面主体，主体内容再细分为多个TABLE，用来显示不同的内容。诸如<tableheight="300"bgcolor="#fff7e6"width="90%"> <trheight="67"><tdbackground="pic/biti.jpg"align="left"> <imgsrc="pic/biti2.jpg"height="67"></td></tr> <tr> <td> <table align="center" border="0" width="90%" bgcolor="#fef9ef" cellspacing="0"cellpadding="0" height="132"> <tr> <tdalign="left"colspan="2"><b>欢迎来到本考试系统</b> </td></tr>其中table的属性功能如下：Height规定TABLE的最小高度；Bgcolor规定TBALE的背景颜色；Width规定TABLE的宽度，可是是占屏幕的百分比，也可以是具体像素，考虑到本系统的使用方面，这里我选择了百分比，目的是使其在各个显示器上能正常的显示，增加本系统的可移植性；Border规定TABLE表格的边框宽度，0为无边框；cellSpacing可设置或返回在表格中的单元格之间的空白量（以像素为单位）；cellpadding在原有小格的基础上沿四边各加上设定数值的像素数宽度，也就是把原来的小格变大，但原来写的内容占的大小范围不变；Td的属性colspan和rowspan比较常用，他们分别是横向合并表格，和竖向合并表格。考生模块登录注册（1）index.jsp登录页面考虑到系统的安全性，设置了登录模块，系统的用户必须通过登录验证后才能转入相应的使用页面。实现方法：本页面设置了一个form用于将来访用户的姓名和密码传递给下一个页面进行相应的处理。使用到了TEXT格式的input控件来对应用户输入的用户名，password格式的input控件来处理用户输入的密码，使之呈现不显示内容的状态。在用户提交FORM表单的同时使用Javascript判定用户的输入是否合法functioncheck(){ if(document.login.id.value==""){ alert("没有输入用户名"); returnfalse; } elseif(document.login.psw.value==""){ alert("没有输入密码"); returnfalse; } else returntrue;}如果合法，则check()函数返回true将用户输入的信息传递到登录处理的页面，如图4-3。否则给予用户相应的提示,并且返回false给表单，使得页面提交失败。如图4-4。图4-3没有出入用户名图4-4没有输入密码（2）AdminLogin.jsp登录处理页面本页面对刚才在index.jsp页面中输入内容的用户信息进行处理和判定。实现方法：首先，通过诸如Stringmypsw=request.getParameter("psw");的语句，得到上一个页面传递过来的参数，然后设置&执行SQL语句：Stringmysql="select*fromloginwherelog_name='"+myname+"'andlog_psw='"+mypsw+"'";其结果是：如果数据库中有符合该用户名密码的用户则执行的结果集RS不会为空，则mycount变量的值为1，否则mycount的值为0，这样就标志了用户是否已经注册。如果存在结果集，则通过myid=rs.getString("log_id");myright=rs.getString("log_right");语句，获得该用户的顺序编号和权限，并且对权限进行处理。权限为考生的，则通过<metahttp-equiv=refreshcontent=3;url=AdminJoinExam.jsp>语句导向考生界面，否则导向管理员界面。前面在数据库设计中介绍过login表中的log_right列，其值为1是在用户直接从页面上注册的结果产生的，也就是说，正常使用本系统的用户皆为考生。如果想更改用户权限为管理员，则需要将该值设置为非1的情况。如果登录成功，则通过session.setAttribute("myname",myname);session.setAttribute("myid",myid);session.setAttribute("myright","");系列语句将登录用户的对应ID，用户名和权限，记录入SESSION，使之后的程序能更方便的进行下去，不用再次执行SQL语句来读取出这些内容。若登录成功如图4-5，不成功如图4-6。图4-5成功登录后自动跳转图4-6没有注册或者密码不对（3）AdminNewUser.jsp；AdminNewUserInsert.jsp注册处理页面考生进入考生登录界面后已经注册的可以直接登录，没有注册的单击“注册”进入考生注册界面。在该模块中考生填写基本信息，如真实姓名、密码、身份证号等，然后提交给系统。如果系统内没有与该考生相同的学生记录，系统则接受此考生为合法考生，赋予此考生一切考生权限。注册页面如图4-7。图4-7注册信息填写具体设计如下：AdminNewUser.jsp页面：使用index.jsp页面中的设计方法，对用户输入的合法性进行判断。程序如下：functioncheck(){ if(document.login.id.value==""){ alert("用户名必须填写"); returnfalse; } elseif(document.login.psw.value==""){ alert("第一次的密码没有输入"); returnfalse; } elseif(document.login.psw2.value==""){ alert("第二次的密码没有输入"); returnfalse; } elseif(document.login.psw2.value!=document.login.psw.value){ alert("两次密码不同"); returnfalse; } elseif(document.login.body_id.value==""){ alert("请输入身份证"); returnfalse; } elseif(document.login.body_id.value.length!=15&&document.login.body_id.value.length!=18){ alert("身份证号输入有误"); returnfalse; } else returntrue;}其区别在于两个密码的比对和身份证号的特殊处理，如果两次输入的密码不相同，那么容易造成用户的困扰，所以这里要讲两次输入的密码进行比对。而我国现有的身份证号位数皆为15/18所以这里对身份证号的限制为15/18位。两次密码是否相同如图4-8。图4-8两次密码要相等AdminNewUserInsert.jsp页面：获取前一个页面的录入内容，并且判断其合法性，将之存储入数据库。这里，我们规定，用户名可以相同，但是密码不能相同。原因在于同名的人太多，尽管他们的身份证号一定不同，但是登录系统的时候只判断用户名和密码，如果需要用户再次输入身份证号的话，会给使用者造成一定的困扰。所以这里我们要先判断其用户名和密码是否在表中唯一。于是，我们定义SQL语句如下：Stringmysql="select*fromloginwherelog_name='"+myname+"'andlog_psw='"+mypsw+"'";如果结果集RS不为空，那么说明该账号已经存在，故不能完成用户注册的请求，否则，进行身份证号的判断：mysql="select*fromloginwherebody_id='"+mybody_id+"'";如果该身份证号已经注册过，那么执行上面SQL语句的结果集就不会为空，那么就需要告诉用户，他已经注册过了。这样操作，比起从数据库中读出所有数据内容再进行比对而对服务器产生的压力来说，要小很多。用户已注册如图4-9，注册失败如图4-10。图4-9注册成功图4-10注册失败考生考试考试是本系统的主要功能，用户进入页面后选择考试试卷。所以此模块的功能是选择试卷并在考试时间固定下考试，而且可以在考试之后现实考试成绩。本系统只有选择题型。（1）AdminJoinExam.jsp选择试卷界面考生进入选择试卷页面，在该页显示出准备考试的试卷目录，点击即可进入考试界面。如图4-11。图4-11选择试卷界面本页面中通过执行Stringmysql="select*fromexam_typewhereexam_status=1";将所有可以参加的考试列给考生看，以供考生选择，考生只要点击相应的参加考试按钮就能进入该考试。在这个页面上，我们也做了一些防作弊处理，设计思路是：每个考生每次登录只能参加一个考试，如果要连续参加两次考试，那么需要登录两次才能完成。尽管这样做会略显麻烦，但是能更加严格的限制考生，防止出现刷题、刷时间等作弊问题。具体的设计方案如下if(session.getAttribute("myname")!=null) { myname=session.getAttribute("myname").toString();//如果登录，显示出来用户名 } else { out.println("<metahttp-equiv=refreshcontent=0;url=error.jsp?id=00911009>"); }这段代码是判断用户是否非法访问本页面。比如，在没有登录的情况下就直接访问本页面，如果不记录参加考试的考生信息，系统是无法进行下去的，所以在这里我们要得知参加考试的考生姓名，如果得不到，则返回给系统一个00911009的错误代码。 Stringmychoose_once="x"; if(session.getAttribute("mychoose_once")!=null) { mychoose_once=session.getAttribute("mychoose_once").toString(); } if(mychoose_once.equals("0")) { mychoose_once=String.valueOf(Integer.parseInt(mychoose_once)+1); …… } else { out.println("<metahttp-equiv=refreshcontent=0;url=error.jsp?id=82890394>"); }这段代码的含义是本页面只允许访问一次，如果刷新本页面的话则进行作弊处理。因为考生一次登录只能参加一次考试，所以如果发现第二次访问则处理。这样做有两点好处：①防止考生刷新考试。②防止考生进入考试后再点击后退按钮从新进入该考试达到刷题刷时间的目的。（具体的防作弊程序在下面有介绍）。在本页面中，它的作用只有防止考生刷新页面，所以如果刷新，则提交错误代码82890394.如图4-12。图4-12刷新页面考生选择参加哪场考试之后，导向AdminSet.jsp页面，session.setAttribute("myrefresh","0");session.setAttribute("mytype",mytype);通过执行上面语句，将考生新的次数归零，将考生参加的考试顺序号存入session在参加考试的途中进行比对。（2）AdminExamStart.jsp考试界面进入考试界面后，系统会自动随即生成试卷，试题显示在同一页上。当考试试题时间结束时，系统自动交卷，考生也可提前交卷。考题都是选择题，考生点击选项前的选项即可。本页设置防作弊代码，如果考生刷新页面、后退或者更改页面网址都被按照作弊处理。如图4-13。图4-13考试界面本页面是这个系统的核心页面，首先介绍下刷新和更改网址的防作弊处理：防刷新 if(session.getAttribute("myrefresh")==null) { session.setAttribute("myrefresh","0"); } else { Stringmytempid="-1";//-10正常，其他作弊 mytempid=session.getAttribute("myrefresh").toString(); if(mytempid.equals("-1")||mytempid.equals("0")) { session.setAttribute("myrefresh","1"); } else out.println("<metahttp-equiv=refreshcontent=0;url=error.jsp?id=70000912>"); }这里，读取AdminSet.jsp设置在session中的值，如果是第一次访问此页面，那么我们myrefresh的值应该是0，判断之后，将myrefresh的值变为1，也就是说，再次刷新的时候，myrefresh的值已经是1了，那么我们就可以得到“用户已经刷新了此页面”的结论，那么就会产生一个错误代码70000912，也就是说“考生作弊了”。不仅如此，我们还是用了javascript限制了按键f5和back的使用，代码如下：document.onkeydown=function(){ if(event.keyCode==116)//F5没反应 { event.keyCode=0; event.returnValue=false; }}document.oncontextmenu=function(){event.returnValue=false;}//backspace没反应其原理就是，当用户按下F5和BACK键的时候，javascript返回一个错误的值，以达到系统不响应的效果。防止更改网址作弊 ：if(session.getAttribute("mytype")!=null) { mytype=session.getAttribute("mytype").toString(); } else {out.println("<metahttp-equiv=refreshcontent=0;url=error.jsp?id=81090092>"); mytimeout=9999; } //如果类型不同则返回错误代码 if(mytype.equals(myexam_type)) {} else { out.println("<metahttp-equiv=refreshcontent=0;url=error.jsp?id=90810092>"); mytimeout=9999; }这里也是读取上一个页面设置的mytype的值，和通过网址传递过来的type值进行比对，如果相同，则证明考生没有试图去更改网址，否则以作弊论处，传递错误代码90810092。防作弊处理通过之后，则进入考试阶段。考试阶段是通过以下方式实现的：首先执行SQL语句，mysql="select*fromexam_typewhereexam_id="+myexam_type;得到考试的基本信息（时长、题量等等）。然后通过执行，question_id[i]=(int)(Math.random()*myq_id)+1;语句，从题库中随机选出题目对应的题号。最后读取题库中题号内容为question_id[i]的题目内容，通过radio类型的input控件显示给考生。题目显示出来了，为了方便考生我们还需要一个计时系统。于是，通过下面的程序，我们得到了当前时间和考试结束的时间：java.util.Datethisday=newjava.util.Date();intmyyear=thisday.getYear()+1900;intmymonth=thisday.getMonth()+1;intmydate