【基于H5的在线考试系统设计18000字（论文）】

基于H5的在线考试系统设计目录TOC\o"1-3"\h\u28872第一章绪论 3242911.1课题背景、目的及意义 3287711.2研究目标与内容 4194191.3国内外研究现状 4243741.3.1国外的研究现状 4293901.3.2国内的研究现状 5210561.4研究思路与研究方法 570811.5重难点工程问题及解决方案 594401.6项目创新点 6171091.7论文框架 615957第二章可行性分析 713192.1社会可行性 762552.2技术可行性 7113452.3经济可行性 8145072.4操作可行性 8266352.5系统的技术介绍 859682.5.1JavaScript 8249012.5.2jQuery 831402.5.3Bootstrap 9342.5.4Ajax技术 9224452.5.5MySQL 9170332.5.6MVC 9196272.5.7SSM 10124372.6系统开发平台及运行环境 1057882.6.1系统开发平台 1095122.6.2运行环境 1055822.7本章小结 105227第三章需求分析 11303583.1系统功能模块概述和分析 1117983.2系统功能模块设计 11322723.3数据库分析及概念模型设计 12307993.3.1概念模型设计 1287463.3.2数据库表设计 19304063.4本章小结 2328315第四章云测在线考试系统的设计与实现 2385954.1系统流程图分析 2317784.2登陆界面设计 24130344.2.1登陆界面设计思路及分析 24220034.2.2学生登陆界面 2516544.2.3老师（管理员）登陆界面 26155594.3学生界面设计 26174684.3.1学生界面功能设计流程图分析 26268334.3.2我的考试查看界面 27234584.3.3历史考试查看界面 28279534.3.4学生个人密码及信息界面 2859974.4老师（管理员）后台管理系统界面设计 29259024.4.1后台管理系统设计思路 2969054.4.2角色管理 32202574.4.3用户界面管理设计 33230374.4.4学科管理界面设计 3429744.4.5考生管理界面设计 34265134.4.6试题管理界面设计 3527874.4.7考试管理界面设计 3677704.4.8试卷管理界面设计 37171194.4.9答题管理界面设计 38294374.4.10成绩统计界面设计 3867344.5本章小结 392892第五章系统测试 3965785.1测试的目的与目标 39183835.2测试的步骤 39310385.3系统测试分析 3968005.3.1功能测试 3968895.3.2可用性测试 4075145.3.3界面测试 40149165.4测试实例应用 40109485.4.1学生登录模块测试 40101785.4.2学生信息增删改查功能测试 4463335.4.3考试全过程测试 48214035.5系统测试结果 52267555.6本章小结 5219571第六章总结与展望 5279656.1全文总结 52144306.2过程反思 53212006.3未来展望 53171586.4本章小结 547473参考文献 54摘要随着信息技术发展的普及，互联网技术得到了很大的普及和发展，我们可以充分利用这些成熟的技术来帮助我们提升学习工作效率。2020年的疫情虽然使我们待在家里学习，但是在学校领导和老师的积极探索努力下，利用网络平台，力求给学生提供一个健康而又充实的线上课堂，在家里也能保质保量完成学习任务。考试工作是教学的重要环节，是教学质量管理与评价的重要内容，切实做好线上考试工作，了解学校学科线上教学质量及学生掌握情况，才能有效帮助学生掌握知识，顺利完成本学期的教学工作。在线考试系统的实现，可以代替教师的部分工作，减轻了教师的负担，同时提高了工作的效率，学生可以在最快时间内得到考试结果的反馈，而且网上考试这种方式也更加合理与客观，对于推动现代教育的发展有着非常重要的意义。本文所介绍的学生在线考试系统，基于B/S模式运用JSP+MySQL+SSM架构实现。支持学生、老师及管理员的登录及相关操作。学生可自行注册，参加考试、查看考试成绩、查看历史考卷等操作；教师由管理员进行添加，主要完成试卷管理、试题管理等一些与考试相关的操作；管理员具有最高权限，可以管理老师、学生的信息，同时也可以与老师一样进行与考试相关的操作。关键词：在线教学；在线考试系统;JSP;MySQL;SSM 第一章绪论1.1课题背景、目的及意义在传统教学模式中，考试一直是衡量教学效果，学生掌握情况的重要参考。传统考试的流程一般分为如下五步进行，即老师出题，安排学生考试，人工阅卷，然后根据学生们的作答情况进行分析，改进教学方案。显然，随着考试类型的增加，参加考试的学生数量也随之增加，传统考试模式弊端也日益凸显出来，将极大增加老师们的工作量，并且事情繁杂容易出错，学生们也不能快速得到考试结果，不能对考试中存在的问题做到及时反馈。此外，纸质试卷需要大量纸张和印刷工作，一定程度上浪费人力物力，不能做到低碳环保。综上可知，传统考试模式已不能完全适应现代教学的需要。2020年的一场突如其来的疫情，迫使老师和学生们居家学习办公，老师们为了能够让学生们在居家期间也能享受课堂的教学，保质保量完成本学期学习任务，采用线上课堂的方式，通过直播或者录播的方式让学生们学到知识，线上教学在这一过程中得到蓬勃发展。线上考试作为检验学生们学习情况的重要环节，也被得到广泛应用，可以方便老师们及时了解学生们的掌握情况，对于教学有重要参考意义。在信息化迅速发展的时代背景下，各高校采用在线考试系统也是大趋势。通过健全完善的在线考试系统，可以节约纸张，节约大量人力物力，对于老师可以极大减轻工作量，方便统计学生们的作答情况，整体把握学生们易错薄弱环节，更好地提高教学效果；对于学生不仅可以随时随地参加考试，不受时间场地的限制，而且可以快速得到考试反馈，找到薄弱知识点，及时巩固。与传统考试模式进行如下表所示对比分析，从中更容易得出在线考试系统的优势。表1.1传统考试与在线考试对比工作环节传统考试在线考试题目编写教师人工系统自动试卷印刷及保管，运输需大量纸张及人力物力投入无考试场地及监考需要教室和多名老师监考只需电脑即可考试且教师只需线上监考阅卷及成绩汇总，分析需要老师投入大量精力极大减轻老师工作量总成本较大较小1.2研究目标与内容本考试系统是一个基于SSM框架作为后台管理系统，Html5语言进行前端开发的实时在线考试系统，将传统考试以在线的形式呈现给学生，给学生们一种全新体验，激发学习兴趣。论文主要围绕在线考试系统的设计与实现，重点探讨了如下三方面内容：明确考试系统的设计思路，重点学习相关技术。对考试系统的主要功能模块进行详细设计，并进行测试分析。根据需要设计相应数据库，将其与后台管理系统进行连接，实现数据的更新。1.3国内外研究现状1.3.1国外的研究现状国外在线教学及相应的考试测试系统大约出现于1996年。随着互联网的发展及其在教育领域的应用，在线教学平台在发达国家中得到了迅速的发展。而近几年来互联网技术日益发展，经济水平迅速增长，更多高性能、低成本的在线教学系统得以开发推出，诸如TOEFL、GRE（美国研究生入学考试）、MSCE（微软系统工程师认证考试）等，均开始使用应用互联网与计算机技术的在线考试系统，来代替传统的纸质试卷考试模式。国外著名的在线教学平台有美国Blackboard公司开发的Blackboard教学平台、加拿大BritishColumbia计算机科学系开发的异步课程传递及管理系统WEBCT、美国宾夕法尼亚州立大学开发的WISH平台系统、龙德大学开发的LUVIT虚拟交互工具等。1.3.2国内的研究现状国内从1998才开始兴起网络相关的教育，这使得国内在线教学平台起步较晚。而随着近年来各大高校与各大企业招生与招聘规模和考试需求的增加，对在线测评与考试系统的需求也逐步增大。很多大型企业的招聘的笔试是通过在线考试系统进行的，诸如全国计算机等级考试也是通过在线形式进行的。随着国内互联网行业与计算机技术的快速发展，也开始出现越来越多的在线教学平台和在线考试系统。国内比较成熟的在线教学平台包括北京师范大学现代教育技术研究所开发的Vclass网络教学平台、清华大学的新叶教学平台等，以及像牛客网这样集成题库、用户交流互动、在线自测、在线笔试等功能的在线学习系统。与国外的网络教育支撑平台相比，国内开发的网络教育支撑平台相对较少，而且许多教学平台的开发是在引进国外成功的网络教学平台的基础上，它旨在提供一种全面的支持服务系统，缺乏针对性，适合较大的网络教学支撑平台的建设。而国外的网络教学平台做的更加细致，针对性强，能够广泛地开展应用。不过在这一方面，我国的网络教育支撑平台已经向产品化的方向发展，正逐渐形成了一系列针对性较强的产品，如：校园图书馆管理系统、校园/教育局行政管理系统等。随着近些年互联网及相关领域的高速发展，各大高校及私人机构和公司开发的满足特定领域的种类繁多的各类大中小型在线教育教学平台也开始逐年増多，这势必推动了我国在线教育行业的发展，更加完善、丰富在线教学平台的功能。1.4研究思路与研究方法系统在设计过程中，首先明确设计目标和使用对象，然后根据使用对象的需求进行相关功能模块的设计，然后进行功能测试，根据测试过程中出现的问题及时修改完善代码。1.5重难点工程问题及解决方案与传统考试相比，线上考试具有方便学生作答，自动阅卷，方便老师查看学生作答情况等功能，所以在功能实现上会存在一定工程复杂问题。架构模式的选择目前市面上主流的架构模式有B/S和C/S两种，因为考虑到C/S需要用户下载相应软件才能使用，一定程度上对于用户使用不太方便；而B/S则只需用户电脑有浏览器，服务器安装数据库（如MySQL,Oracle等），浏览器通过服务器即可同数据库进行交互，且易于维护，故在开发过程中采用B/S架构。（2）题型和题量的设计在线考试系统中，题型和题量的设置是否合理对于检测学生知识掌握情况起到至关重要的作用。本考试系统设置有单选，多选，判断三种题型，根据学校专业学科特色，设置有通信原理和信号与系统两门学科，题库试题数量充足，保障试卷的科学性。试卷是随机组卷，所以可以保障试卷的公平性。（3）网上答卷功能设计在考试答卷时，考生只需要点击认为正确的选项即可。因为现在信息化广泛普及，大部分学生都可做到人手一台电脑，只需电脑满足基本配置，浏览器能够兼容考试网址，就能正常参加考试。在程序中通过添加“倒计时”插件，即可在页面上实现“倒计时”功能。此外，在页面上还设有答题卡，方便学生及时查看每题的作答情况。考生交卷后，系统会立即给出分数和成绩等级，并同步到后台管理系统中的“学生试卷管理”列表和“考试列表”中。（4）阅卷功能设计考试题型均设置为客观题，所以只需将考生所选答案与正确答案进行字符比较，即可判断考生是否作答正确，并同步到后台管理系统中的“学生试卷管理”列表中。（5）网页前后端交互对于一个网站项目的实现，前后端交互起着重要作用。前端是指在浏览器中执行的程序，主要使用Html5,JavaScript语言进行开发，并用CSS对页面进行美化，采用AJAX前端技术，对页面进行局部刷新，使用JavaScript操作异步对象XMLHttpRequest和服务器交互的json数据格式，即向服务器发出请求，在服务器端则获取相应数据，并将结果翻译成页面语言反映在页面上。通过jdbc实现由程序驱动数据库，可做到及时更改数据库中的信息。1.6项目创新点①在后台通过权限管理和用户管理，可以实现增添超级管理员和普通用户功能。可以适用于以下情况：当管理员甲老师发布完考试之后，但是因为有事情，不方便登录后台了解学生们作答情况。所以他可以事先添加一个普通管理员，仅赋予查看功能，并在考完试之后将用户名和密码告诉乙同学，由他登陆后台查看学生们考试情况，并汇报给老师。②考试前端学生登录时可以查看知识结构，目前设定通信原理和信号与系统两门学科知识点，方便学生及时对知识进行复习巩固。③老师可通过后台发布考试，并在考试完成后通过后台了解学生们考试情况，如：是否参加考试，考试成绩，考试实际用时，每题正误等信息，极大减轻老师的工作量。1.7论文框架本论文将从以下几个章节对项目展开介绍：第一章：绪论部分，主要从课题背景，目的及意义角度出发，明确研究目标和研究方向，并且同传统纸质版考试进行对比，更能感受到在线考试系统的优势和值得推广的原因。通过国内外发展现状，可以对当前在线考试发展过程有了进一步的了解。然后介绍了项目总体的研究思路及方法，对重难点问题进行讨论分析，最后给出了项目实现中自己思考的创新点，更加丰富了考试系统的功能。第二章：可行性分析部分，主要从社会、技术、经济、操作可行性角度出发，论证了“云测在线考试系统”现实可行；还介绍了相关技术和运行开发平台，对“云测在线考试系统”有进一步认识。第三章：需求分析部分，主要介绍了老师，管理员，学生三类不同角色的功能，主要功能模块的设计与实现，数据库的分析，实体所对应属性分析。第四章：云测在线考试系统设计与实现部分，主要对考试系统当中登录界面，学生界面和老师(管理员)后台界面的设计与功能展开介绍。第五章：系统测试，主要围绕系统测试目的及目标，根据产品的测试流程进行测试，然后根据测试结果进行分析，完善修改相关代码，提升用户体验感，为后期面向市场推广奠定基础。第六章：总结与展望，这一部分主要从主要从项目的整体开发过程出发，对项目的各个部分进行了总结，对实践过程中犯过的错误和学到的知识进行反思，同时也对未来展望提出了自己的思考，明确了努力方向。第二章可行性分析2.1社会可行性2020年一场突如其来的疫情，打破了原有的教学模式，教育工作者们逐渐将目光转向在线教学模式，并得到了广泛应用与发展。目前疫情虽已得到控制，高校师生们重返校园，传统线下教学模式得到恢复，但仍可将在线教学作为一种辅助手段，与线下教学相辅相成。采用在线考试系统，对于老师可以减轻工作量，将更多时间投入到教学方案设计与改进，提高课堂教学效果；对于学生则更加方便参加考试，不受时间场地限制，并且可以快速得到考试反馈，找到薄弱知识点，及时巩固提高。在线考试作为新兴的教学手段，一定程度上可以增加学生们的学习兴趣。此外，在线考试系统不需要纸张，低碳环保，符合绿色可持续发展理念。2.2技术可行性（1）软件可行性分析本考试系统采用JSP+MySQL+SSM框架进行开发，Windows10操作系统，前端采用Bootstrap框架进行前台网页界面设计，采用MyBatis与后台数据库进行连接，完成对数据的增删改查操作。SSM框架是一个常用的网站开发项目框架，MySQL是常用的数据库，操作方便，易于维护。因此本项目采用JSP+MySQL+SSM框架是可行合理的。（2）硬件可行性分析本考试系统的使用无需复杂的工作环境，只需要一台能正常上网的电脑即可使用。随着目前互联网的广泛普及，人们对于信息技术的认识不断提高，电脑可以做到几乎人手一台，所以在硬件上是可行的。综上，通过硬件和软件可行性分析，“云测考试系统”是可实现的，所以是一个值得开发和使用的系统。2.3经济可行性“云测考试系统”开发中需要涉及HTML5语言，CSS3进行美化，JAVA语言，JavaScript技术，MySQL数据库和Eclipse软件进行开发，这些软件和开发语言在学习和使用过程中是不需要花费过多财力的，一定程度上可以节约成本；此外，“云测考试平台”在使用过程中是免费的，不会向用户收取费用，所以对于用户的使用是划算的；在系统的日常维护中，因为目前本系统是由个人进行开发维护的，无需像一些大型网站需要团队进行维护运营，所以一定程度上可以节约维护成本。故综上分析，本系统在经济上是可行的。2.4操作可行性本考试系统主要面向老师和学生。对于老师，在上传试题时只需按照页面提示上传指定类型的xls文件，在后台对学生信息，考试管理的操作比较简单；对于学生需要进行前端页面注册登录，参加考试，查看历史试卷，操作起来也比较简单。故本系统操作可行。2.5系统的技术介绍2.5.1JavaScriptJavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。2.5.2jQueryJQuery是一个快速、简洁的JavaScript框架，它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，主要是做优化HTML文档操作、事件处理、动画设计和Ajax交互，2.5.3BootstrapBootstrap是基于HTML、CSS、JavaScript开发的前端开发框架，使得Web开发更加快捷。2.5.4Ajax技术Ajax是指一种创建交互式网页应用的网页开发技术，具体是指异步JavaScript和XML，通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新。2.5.5MySQL数据库就是存储数据的仓库，为了方便数据的存储和管理，将数据按照特定的规律存储在磁盘上，通过数据库管理系统，有效地组织和管理存储在数据库中的数据。MySQL具有开源和跨平台性，广泛应用各大网站项目开发管理中，通过SQL语言来管理数据库中的数据2.5.6MVCMVC是一种设计模式，它强制性的使应用程序的输入、处理和输出分开。使用MVC应用程序被分成三个核心部件：模型、视图、控制器。（1）模型模型表示企业数据和业务规则。在MVC的三个部件中，模型拥有最多的处理任务。被模型返回的数据是中立的，就是说模型与数据格式无关，这样一个模型能为多个视图提供数据。由于应用于模型的代码只需写一次就可以被多个视图重用，所以减少了代码的重复性。（2）视图视图是用户看到并与之交互的界面。MVC一个优点是它能为你的应用程序处理很多不同的视图。在视图中其实没有真正的处理发生，不管这些数据是联机存储的还是一个雇员列表，作为视图来讲，它只是作为一种输出数据并允许用户操纵的方式。（3）控制器控制器接受用户的输入并调用模型和视图去完成用户的需求。所以当单击Web页面中的超链接和发送HTML表单时，控制器本身不输出任何东西和做任何的处理。它只是接收请求并决定调用哪个模型构件去处理请求，然后确定用哪个视图来显示模型处理返回的数据。综上所述，MVC的处理过程是首先控制器接收用户的请求，并决定应该调用哪个模型来进行处理，然后模型用业务逻辑来处理用户的请求并返回数据，最后控制器用相应的视图格式化模型返回的数据，并通过表示层呈现给用户。2.5.7SSMSSM为Spring+SpringMVC+MyBatis的缩写，由Spring、MyBatis两个开源框架整合而成（SpringMVC是Spring中的部分内容）。（1）SpringSpring是一个开源框架，它是为了解决企业应用开发的复杂性而创建的。Spring使用基本的JavaBean来完成以前只可能由EJB完成的事情，Spring是一个轻量级的控制反转（IoC）和面向切面（AOP）的容器框架。（2）SpringMVCSpringMVC分离了控制器、模型对象、分派器以及处理程序对象的角色，这种分离让它们更容易进行定制。（3）MyBatisMyBatis是一个基于Java的持久层框架，消除了几乎所有的JDBC代码和参数的手工设置以及结果集的检索。MyBatis使用简单的XML或注解用于配置和原始映射，将接口和Java的POJOs映射成数据库中的记录。2.6系统开发平台及运行环境2.6.1系统开发平台系统的开发是在Tomcat环境下进行的。Tomcat是一个Servlet容器，实现了对Servlet

和JSP的支持，并提供了作为Web服务器的一些特有功能，如Tomcat管理和控制平台、安全域管理和Tomcat阀等。由于Tomcat本身也内含了一个HTTP服务器，它也可以被视作一个单独的Web服务器。2.6.2运行环境开发工具：eclipse操作系统：Windows10服务器软件：Tomcat5.7浏览器：IE、FireFox、搜狗浏览器2.7本章小结本章节首先从社会、技术、经济、操作可行性角度展开分析，得出“云测在线考试系统”从理论到现实都是可行的；然后介绍了实现这个系统所需要的关键技术：JavaScript,Jquery,Bootstrap,MySQL,MVC,SSM。最后介绍了实现本系统所需要的开发平台和运行环境。第三章需求分析3.1系统功能模块概述和分析云测在线考试系统采用B/S架构，按照网站开发的基本流程，面向老师，学生，管理员三类不同角色，对应不同功能。管理员包括超级管理员和普通管理员，其中超级管理员拥有一切权限，普通管理员仅能拥有部分权限。在实际操作过程中，老师可以被视作管理员，拥有管理员的功能。（1）学生：学生注册：通过姓名，学号，考试科目进行系统账号的注册参与考试：学生登陆系统后可参加规定时间范围内的考试查询历史考试：学生可查看之前考试作答情况，对错的题目及时反思，查阅相应知识点查询知识结构：学生在登录时和考完试后可以查看知识结构，目前设定通信原理和信号与系统两门学科知识结构，可方便学生及时对知识进行复习巩固。（2）教师：查看信息：教师可对学生的基本信息进行查阅试题管理：对考试题目进行增删改查，并按照学科分类考试管理：老师可根据实际情况设置题目数量，考试时长和及格线划定考试安排：发布考试开始时间和结束时间试卷管理：查阅已考试卷信息，掌握同学们易错点（3）管理员：教师的基本功能：老师可以担任管理员，故可实现老师的全部功能学生信息管理：对学生信息进行增删改查3.2系统功能模块设计根据前面系统模块功能分析，可将系统各模块的功能用下面框图表示：图3.1系统功能模块图3.3数据库分析及概念模型设计3.3.1概念模型设计信息系统的管理需要大量数据的存储和数据管理，MySQL数据库操作起来相对简单，灵活，且易于维护管理，故选用MySQL数据库进行开发。相关概念模型设计如下：(1)实体(entity)客观存在并可相互区别的事物称为实体。实体可以是具体的人、事、物，也可以是抽象的概念或联系。在本项目中，教师（管理员）、学生、试卷、考试科目均可看作实体。(2)联系(relationship)在现实世界中，事物内部以及事物之间是有联系的，这些联系在信息世界中反映为实体内部的联系和实体之间的联系。实体内部的联系通常是组成实体的各属性之间的联系。在本项目中，教师对试卷和科目以及学生的管理是1对多关系，考试科目和考试试卷是多对多关系，考试试卷对考试试题是一对多关系，考试跟考试试卷是1对1关系，学生跟考试是1对多的关系。基于以上分析，可画成如下E-R模型图表示：图3.2E-R模型图本项目中各个实体具体的描述属性图如下：①教师/管理员实体图3.3教师/管理员实体图②学生实体图3.4学生实体图③试题实体图3.5试题实体图④科目实体图3.6科目实体图⑤试卷实体图3.7试卷实体图⑥考试实体图3.8考试实体图3.3.2数据库表设计基于以上E-R图分析，可以把实体与其所对应属性的关系通过建立数据库，便于数据之间增删改查。具体数据表如下所示：①exam表这个表是对考试信息进行管理，通过这个表，可以得到考试名称，学科，起止时间，考试设定用时，试题数量，总分，（优秀，良好，及格）分数线，（单选，多选，判断）题型数目，生成试卷数量，考试人数，（优秀，良好，及格）人数，试题创建时间等数据信息。表3.1exam表字段名称数据类型（长度）主键是否为空说明idint(11)YN主键，ID号namevarchar(255)NN考试名称subjectIdInt(11)NN学科ID号startTimedatetimeNN考试开始时间endTimedatetimeNN考试结束时间avaliableTimeint(8)NN考试规定用时questionNumInt(5)NN试题总数totalScoreInt(5)NN试卷总分excellentScoreInt(5)NN考试优秀分数线goodScoreInt(5)NN考试良好分数线passScoreInt(5)NN考试及格分数线singleQuestionNumInt(5)NN考试单选题数目muiltQuestionNumInt(5)NN考试多选题数目chargeQuestionNumInt(5)NN考试判断题数目paperNumInt(5)NN生成试卷数量examedNumInt(5)NN已考人数excellentNumInt(5)NN优秀人数goodNumInt(5)NN良好人数passNumInt(5)NN及格人数createTimedatetimeNN创建时间②exampaper表这个表是对考试试卷进行管理，通过这个表，可以得到试卷id,学生id,考试状态，总分，学生实际得分，考生实际作答起止时间，实际用时等数据信息表3.2exampaper表字段名称数据类型（长度）主键是否空说明idint(11)YN主键，ID号examIdInt(11)NN考试ID号studentIdInt(11)NN学生ID号statusInt（2）NN考试状态totalScoreInt(5)NN考试总分scoreint(5)NN考试实际得分startExamTimedatetimeNN开始作答时间endExamTimedatetimeNN结束作答时间useTimeInt(8)NN实际用时createTimedatetimeNN创建时间③exampaperanswer表这个表是对考生作答的答案进行管理，通过这个表，可以得到试卷id号，学生id号，题目id号，学生所选答案，作答是否正确等数据信息。表3.3exampaperanswer表字段名称数据类型（长度）主键是否为空说明idint(11)YN主键，ID号examIdInt(11)NN考试ID号examPaperIdInt(11)NN试卷ID号studentIdInt（2）NN考生ID号questionIdInt(11)NN试题ID号answerVarchar（32）NN试题答案isCorrectInt（2）NN判断作答是否正确④question表这个表是对试题题目进行管理，通过这个表，可以得到题目对应学科，题目内容及各个选项，答案等数据信息。 表3.4question表字段名称数据类型（长度）主键是否为空说明idint(11)YN主键，ID号subjectIdInt(11)NN学科ID号questionTypeInt(2)NN试题类型titleVarchar(256)NN题目内容scoreInt(3)NN每题分值attrAVarchar(256)NN选项A及内容attrBVarchar(256)NN选项B及内容attrCVarchar(256)NY选项C及内容，可以为空attrDVarchar(256)NY选项D及内容，可以为空answerVarchar(16)NN题目答案createTimedatetimeNN创建时间⑤role表这个表主要是对角色进行管理，通过这个表，可以得到这个角色的id号，角色姓名，对角色的备注等信息。表3.5role表字段名称数据类型（长度）主键是否为空说明idint(11)YN主键，ID号nameVarchar(32)NN角色名称remarkVarchar(128)NN角色备注⑥Student表这个表主要是对学生信息进行管理，通过这个表，我们可以得到前台学生注册的相关信息，如：所选学科，用户名，密码，真实姓名，电话，创建时间等信息。表3.6Student表字段名称数据类型（长度）主键是否为空说明idint(11)YN主键，ID号subjectIdint(11)NN学科ID号nameVarchar(32)NN用户名passwordVarchar(32)NN密码trueNameVarchar(32)NN姓名telVarchar(32)NY学生电话，可以为空createTimedatetimeNN创建时间⑦Subject表这个表是对学科进行管理，通过这个表，我们可以得到学科的id号，学科名称，备注等信息。表3.7Subject表字段名称数据类型（长度）主键是否为空说明idint(11)YN主键，ID号nameVarchar(64)NN学科名称RemarkVarchar(256)NY学科备注，允许为空⑧user表这个表是对后台管理者信息进行管理，通过这个表，我们可以得到管理者的id号，用户名，密码，角色权限，头像，性别，年龄，住址等信息。表3.8user表字段名称数据类型（长度）主键是否为空说明idint(11)YN主键，ID号usernameVarchar(32)NN用户名passwordVarchar(32)NN密码roleIdint(11)NN角色ID号photoVarchar(128)NY用户头像，允许为空sexint(1)NY用户性别，允许为空ageint(3)NY用户年龄，允许为空addressVarchar(12)NY用户住址，允许为空3.4本章小结本部分主要介绍了考试系统所面向的三类不同群体对应的功能，以及各自功能的实现；通过对主要功能进行流程图分析，明确设计思路和方法，对后面代码的编写和功能的实现奠定了基础；然后对系统数据库进行分析，通过E-R模型图从整体上对系统实体间的关系进行了表示；然后对系统的主要实体进行分析，并表示相应的E-R图，然后基于此分析设计数据表，并对每个数据表进行详细介绍。第四章云测在线考试系统的设计与实现云测在线考试系统主要针对学生、老师以及管理员三类不同角色，但是由于在系统的设计中管理员为有特定权限的老师，所以本质上管理员也是老师，也可以完成老师的相关操作，所以在整个系统中分为学生界面与老师界面两种。下面就从登录界面、学生界面和老师界面三个部分来展示说明。4.1系统流程图分析对于一个比较复杂的系统，可以用一个流程图来进行直观地表示，从中更方便了解各功能模块之间相互联系。系统流程首先从判断用户身份开始，当用户是老师（管理员）时方可登录后台管理系统，进行试题导入题库，发布考试，统计学生成绩及作答情况等主要功能，而学生无权登录。；当学生登录考试系统后，可以进行参加考试，查看历史试卷，查阅知识点等操作。图4.1系统流程图4.2登陆界面设计4.2.1登陆界面设计思路及分析不管是学生还是老师（管理员），在登陆系统的时候都需要进行信息验证操作。在输入完用户名和密码后，系统通过与数据库信息进行检验，若一致方可进入系统；否则需要重新输入，直到输入正确为止。具体设计流程图如下所示：图4.2登录流程图4.2.2学生登陆界面当学生打开考试系统后所看到的页面，在这里学生可进行登陆注册，查看使用须知等功能。在对学生登录信息进行检测时，通过前端js与后端java对表单进行验证，学生通过输入正确的账号信息与密码方可登陆学生考试系统。具体展示见下图：图4.3学生登录界面图4.4学生注册界面4.2.3老师（管理员）登陆界面当老师（管理员）打开后台登陆界面，通过前端js与后端java对表单进行验证，老师（管理员）通过输入正确的账号信息与密码方可登陆后台管理系统，保证后台数据安全性。具体展示如下图所示：图4.5老师（管理员）登陆界面4.3学生界面设计4.3.1学生界面功能设计流程图分析这一部分主要功能是学生查看考试安排，获取考试试卷并参加考试。考生在作答过程中，系统有倒计时功能和答题卡显示，提交完试卷后系统自动评分并且考生可立即查看分数，查阅相关知识点，做到查漏补缺。此外，学生界面还设有个人密码及信息修改功能，方便学生及时修改密码，保护个人隐私。具体设计流程图如图所示：图4.6学生界面功能设计流程图具体页面展示如下图所示：图4.7学生成功登录后页面4.3.2我的考试查看界面当学生打开我的考试界面后，可以查阅到考试安排信息，得知考试的分数线划定，及时参加考试。具体展示如下图所示：图4.8我的考试查看界面4.3.3历史考试查看界面当学生打开历史考试查看界面，可以看到考试成绩，考试用时，分数等级等信息，点击“查看历史试卷”可进一步了解到错题信息，及时对知识进行反思。具体展示如下图所示：图4.9历史考试查看界面4.3.4学生个人密码及信息界面当学生点开“密码修改”界面，可以对原密码进行修改，提升个人信息安全性；点开“账户信息”界面，可以看到注册时的信息已经展示在页面上，需要对自己信息再进行检查，如果信息有误，需要及时联系老师（管理员）进行后台修改。具体界面展示如下图所示：图4.10学生个人密码修改界面图4.11学生个人用户信息修改界面4.4老师（管理员）后台管理系统界面设计4.4.1后台管理系统设计思路 当老师（管理员）登录后台管理系统后，可以进行角色管理，学科管理，试题管理，试卷管理，考试管理，学生信息管理，答题管理，学生成绩统计等主要功能。具体流程图设计如图所示：图4.12后台管理系统设计思路后台管理系统页面效果展示如下图所示：图4.13后台管理系统页面展示因为在后台管理系统中，最主要的操作就是信息的增删改查，故对此功能的实现进行详细分析。（1）信息添加在对信息进行添加时，点开信息添加页面，输入待添加的信息，然后进行判断：所添加的信息是否合法并且必填项是否填写完整，只有当两者均满足时信息方可添加成功，否则需要重新输入。具体设计流程图如下所示：图4.14信息添加流程图信息删除在实际操作过程中，如果需要对数据进行删除，首先选中待删除的数据记录，点击“删除”按钮。为了防止数据误删，需要弹出提示框确认是否删除数据。若点击“确认”按钮，则数据删除成功；否则，数据未删除。具体设计流程如下所示：图4.15信息删除流程图信息修改在实际操作过程中，如果需要对数据进行修改，首先点击需要修改的数据记录，然后点击“编辑”按钮，会弹出信息框，然后修改数据，最后点击确定，则信息修改成功。具体设计流程如下所示：图4.16信息修改流程图信息查询在实际操作过程中，如果需要对数据进行查询，首先输入要查询的信息，然后点击“查询”按钮，即可实现查询功能。具体设计流程如下所示：图4.17信息查询流程图4.4.2角色管理角色管理包括增添管理员或者普通用户，添加备注信息，并赋予相应权限。对于超级管理员可以赋予全部权限；对于普通用户，可以赋予部分权限，例如只赋予查看权限。此外，还可以对角色进行编辑和删除操作。具体流程图如下图所示：图4.18角色管理设计思路具体页面展示如下图所示：图4.19角色管理页面此外，在这个界面中还可以对管理员密码进行修改，保证后台数据安全性。具体展示如下图所示：图4.20管理员密码修改页面4.4.3用户界面管理设计在这个界面，可以实现对后台管理用户基本信息的增删改查，如修改用户名，更改所属角色，修改年龄，性别，住址，查询信息等。具体流程图如下图所示：图4.21用户界面管理设计思路具体页面展示如下图所示：图4.22用户界面管理页面4.4.4学科管理界面设计在这个界面当中，可以实现对学科信息的增删改查，添加学科备注。结合学校专业学科特色，先设置两门学科：通信原理和信号与系统。具体流程图如下图所示：图4.23学科管理设计思路具体页面展示如下图所示：图4.24学科管理页面4.4.5考生管理界面设计在这个界面当中，可以对前台学生注册的信息进行增删改查，便于老师统计信息，比如可以知道学生所选的学科，姓名和注册时间等信息，具体流程图如下图所示：图4.25考生管理设计思路具体页面展示如下图所示：图4.26考生管理页面展示4.4.6试题管理界面设计在这个界面当中，可以根据老师的需要对考试试题进行增删改查，在实际操作中可通过导入试题功能快速批量导入试题，提高工作效率，并且方便试题管理。具体流程图如下图所示：图4.27试题管理设计思路具体页面展示如下图所示：图4.28试题管理页面展示4.4.7考试管理界面设计这一部分是后台管理系统当中最重要的一部分，通过这个页面，可以实现考试的发布，试题的设置，总分的设定，分数线的划定，并且也可以方便老师通过后台了解到学生们的考试成绩情况，各分数段的人数，具体流程图如下图所示：图4.29考试管理设计思路具体页面展示如下图所示：图4.30考试管理页面展示4.4.8试卷管理界面设计通过这个页面，老师可以更具体了解到每一个学生实际作答情况，如参加考试和交卷时间，考试实际用时，考生得分情况。具体流程图如下图所示：图4.31试卷管理设计思路具体页面展示如下图所示：图4.32试卷管理页面展示4.4.9答题管理界面设计通过这个页面，老师可以更具体了解到每一个学生每一道题目正误情况，从而更好地发现学生集中错误点。具体页面展示如下图所示：图4.33答题管理页面展示4.4.10成绩统计界面设计通过这个页面，可以用统计中的柱状图直观表示每一名考生。图4.34成绩统计页面展示4.5本章小结这部分主要分析了考试系统的整体流程，重点对考试系统当中登录界面，学生界面和老师(管理员)后台界面的设计与功能展开介绍。登陆界面主要包括学生和老师(管理员)的登录；学生界面主要功能有查看考试安排，查看历史试卷，对个人账户信息进行检查和密码修改；老师(管理员)后台界面主要功能有对角色的管理及管理员密码修改，用户管理，考试管理，试题管理，试卷管理，学生信息管理等。第五章系统测试5.1测试的目的与目标系统测试对于每一个网站开发都是十分重要乃至起了决定性作用的关键一步，它不仅可以检测我们开发的项目与预期目标是否接近，发现其中的漏洞和安全隐患，还可以完善开发的项目，提升用户体验感。“云测在线考试系统”平台之所以可以正常运行，就是经过了一系列严格的测试，虽然在测试过程中发现了一些问题，如：有些页面无法正常跳转，部分数据不能正常同步到后台，在经过重新检查设计思路和系统优化之后，一些设计过程中存在漏洞的地方得到改善，考试系统在功能上进一步完善，用户体验上也更加流场，为系统的推广奠定了基础。5.2测试的步骤根据考试系统的设计思路和功能模块，在测试过程中可以分为如下4步：①单元测试：根据第四章的分析，考试系统的功能在实现上可分为若干个模块，通过对每个模块进行单独测试，发现其中的问题，及时修改并完善代码。②集成测试：在单元测试检测通过之后，可以把所有模块按照设计要求组装成为子系统，进行集成测试。因为可能存在个别模块在单独作用时表现正常，但是在组合为整体后会存在一定问题，因此集成测试能更好地从整体上把握模块之间的关联，把握系统的性能。③系统测试：在经过上述两步测试之后，可以将“云测考试系统”从前端用户到后台管理员及数据库进行全部测试，找出存在的漏洞及使用上不方便的地方，进一步修改完善代码。④验收测试：最后通过邀请用户参与产品测评，听取改进建议，进一步修改完善代码。5.3系统测试分析5.3.1功能测试在进行功能测试时可以运用Alpha测试方法，通过让用户在开发环境下进行并完成测试，从中了解用户们的感受，发现设计过程中的漏洞和不足之处，及时修改。具体操作可以让一部分用户作为学生，登录网页前端，进行考试；另一部分用户以管理员的身份访问后端，进行测试，待测试结束后去除其管理员身份，以保证后台数据安全性。通过测试人员反馈回来的建议进行功能完善。5.3.2可用性测试可用性测试方法可以运用Beta测试方法，该方法是由用户在用户环境下进行并完成的测试，主要内容包括：整体操作是否流畅，按钮点击是否灵敏，页面是否卡顿等内容，通过用户们的反馈，及时修改不完善之处，力求做到让用户使用起来方便快捷。5.3.3界面测试在系统功能完善且达到基本需求的前提条件下，能够做到页面美观大方将会极大提高用户们的体验感，激发更多人对系统的使用兴趣，有利于市场推广。在这个过程中可以使用Beta测试方法和Alpha测试方法相结合使用，因为在Beta测试过程中可以让用户直观体验到页面，对于页面的精美化可以提供直接有效的建议；在测试后台页面时，通过Alpha测试，可以让特定人群以管理员身份运行后台，对页面美化提出建议。所以在界面测试过程中采用两种测试相结合的方法，能获取更有效的反馈建议。5.4测试实例应用在这一部分中以学生登录模块，学生信息后台数据增删改查功能和考试全过程为例进行测试分析。5.4.1学生登录模块测试表5.1学生信息登陆验证测试描述功能特性学生信息登陆验证测试目的验证学生登录模块能否正常实现测试数据用户名称：GJYbistu密码：2017010868（1）表5.2测试仅输入用户名时结果操作描述数据期望结果实际结果测试状态仅输入用户名，按“登陆”按钮。用户名：GJYbistu，密码为空显示警告信息“用户名或密码误!”显示警告信息“没有填写密码”与期望结果相同图5.1仅输入用户名图5.2弹出没有填写登陆密码异常（2）表5.3测试仅输入密码时的结果操作描述数据期望结果实际结果测试状态仅输入密码，按“登陆”按钮。用户名为空，密码：2017010868显示警告信息“用户名或密码误!”显示警告信息“没有填写用户名”与期望结果相同图5.3仅输入密码图5.4弹出没有填写用户名提示（3）表5.4测试输入错误的用户名和密码结果操作描述数据期望结果实际结果测试状态输入错误的用户名和密码，按“登陆”按钮。用户姓名：GGGbistu，密码：010868显示警告信息“用户名或密码误!”显示警告信息“用户名不存在”与期望结果相同图5.5输入错误的用户名和密码图5.6弹出用户名不存在提示框（4）表5.5测试输入正确的用户名和密码结果操作描述数据期望结果实际结果测试状态输入正确的用户名和密码，按“登陆”按钮。用户名：GJYbistu，密码：2017010868正确登陆到考试系统欢迎页面正确登陆到考试系统欢迎页面与期望结果相同图5.7输入正确的用户名和密码图5.8成功登录页面5.4.2学生信息增删改查功能测试表5.6学生信息增删改查功能测试描述功能特性学生信息增删改查测试目的验证学生信息增删改查功能是否正常实现测试数据用户名，所属学科，密码，姓名（1）表5.7测试添加考生信息结果操作描述数据期望结果实际结果测试状态添加考生信息用户名：GJYbistu所属学科：通信原理密码：2017010868姓名：郭小元信息能够显示在后台页面信息成功添加至考生管理列表中与期望结果相同图5.9添加考生信息图5.10考生信息成功添加（2）表5.8测试修改考生信息结果操作描述数据期望结果实际结果测试状态修改考生信息用户名：GJYbistu所属学科：信号与系统密码：2017010868姓名：郭晋元修改后的信息能显示在页面上所属学科和姓名修改成功，能成功显示在页面上与期望结果相同图5.11修改考生信息图5.12考生信息修改成功（3）表5.9测试查询考生信息结果操作描述数据期望结果实际结果测试状态查看考生信息用户名：GJYbistu所属学科：信号与系统能够查到该考生相关信息查到该考生相关信息，并显示在页面上与期望结果相同图5.13查询考生信息图5.14考生信息查询成功（4）表5.10测试删除考生信息结果操作描述数据期望结果实际结果测试状态删除考生信息能够将该考生全部信息删除该考生全部信息已被删除与期望结果相同图5.15删除考生信息图5.16考生信息删除成功5.4.3考试全过程测试表5.11考试全过程测试描述功能特性针对老师发布考试，学生作答，学生查看成绩，老师后台统计功能进行测试测试目的验证考试全过程的功能是否正常实现测试数据用户名，所属学科，密码，姓名等（1）表5.12测试老师发布考试和学生查看考试安排结果操作描述数据期望结果实际结果测试状态老师发布考试学生查看考试安排老师发布考试“信号与系统测验一”，共设5题（其中单选题3道，多选题1道，判断题1道，总分12分，优秀线10分，良好线8分，及格线6分，考试时长10分钟）学生端以用户名为GJYbistu进行登录考试安排出现在学生页面上“信号与系统模考一”考试安排及信息出现在学生页面上与期望结果相同图5.17老师发布考试信息图5.18考试发布成功图5.19学生界面显示考试信息图5.20学生准备参加考试（2）表5.13测试学生答卷，交卷，查看成绩结果操作描述数据期望结果实际结果测试状态学生作答试卷，交卷后查看成绩学生能够作答并查看成绩学生作答试卷，答完后点击交卷，查看考试成绩与期望结果相同图5.21学生考试页面图5.22点击“提交”图5.23查看考试成绩（3）表5.14测试学生查看考过试卷结果操作描述数据期望结果实际结果测试状态学生查阅历史试卷，查看作答情况学生能够查阅到作答情况学生点击“回顾试卷”，能够查看到作答情况与期望结果相同图5.24学生回顾试卷（4）表5.15测试老师后台统计学生考试情况结果操作描述数据期望结果实际结果测试状态老师打开后台管理系统，先点击“考试管理”，然后点击“试卷管理”。在“考试管理”页面中，得到学生成绩各分数段人数；在“试卷管理”页面中，得到学生考试状态，学生所用时间，成绩信息在“考试管理”页面中，“良好数”为1；在“试卷管理”页面中，显示考生分数8分，状态“已考”，所用时间“1分钟”与期望结果相同图5.25考试管理页面图5.26试卷管理页面5.5系统测试结果通过对“云测考试系统”进行以上测试，可以得到如下结论：考试系统各个功能模块均可正常实现；用户前端使用及管理员后台管理各项功能均可正常操作且操作流畅；鼠标键盘等电脑外部设备均支持系统的使用；页面反应灵敏且无卡顿现象；界面设计合理简洁大方，满足各类群体的需要。“云测考试系统”平台主要通过Alpha测试方法和Beta测试方法结合的方式进行了每一步的详细测试，并得到了良好的反馈结果。综上所述，“云测考试系统”平台测试结果各项良好，并且均满足预期要求，可以为未来向市场推广奠定基础。5.6本章小结这一部分主要围绕系统测试，首先明确测试目的与目标，然后按照测试步骤进行每一步测试，再对测试进行分析，根据用户体验的反馈和建议及时修改完善代码。接下来以学生登陆模块，学生信息增删改查功能和考试全过程为例进行系统测试步骤展示，其他模块也是按同样方法进行测试。通过测试结果分析，可以得出“云测考试系统”功能使用上满足预期需求，可以为面向市场推广打下基础。第六章总结与展望6.1全文总结早在去年疫情居家学习期间，每当老师通过课堂派或者学习通发布测验时，我便萌生了想设计一个考试系统，