【基于微信小程序的在线考试系统设计12000字】

基于微信小程序的在线考试系统设计目录TOC\o"1-3"\h\u摘要: IAbstracts II1绪论 121.1课题背景 131.2研究意义 141.3研究现状 151.4研究内容 152相关技术介绍 162.1微信小程序技术 162.2MySQL数据库 172.3SpringBoot框架 173系统需求分析 183.1需求分析概述 183.2可行性分析 183.2.1经济可行性 193.2.2技术可行性 193.2.3可操作性 193.3系统功能设计 203.4非功能分析 203.5系统UML用例分析 204系统设计 204.1系统结构设计 204.1.1注册登录流程分析 214.1.2用户管理功能分析 214.1.3学科管理功能分析 224.1.4题库管理功能分析 224.1.5试卷管理功能分析 234.1.6考试管理功能分析 234.2数据处理流程设计 234.2.1总体数据流程 244.2.2添加数据流程 244.2.3修改数据流程 244.2.4删除数据流程 254.3数据库设计 254.3.1实体ER图 254.3.2数据表 255系统的实现 265.1登录界面 275.2前台主页面 285.3在线练习 335.4在线考试 365.5教师功能模块 385.6学科管理 395.7题库管理 405.8试卷管理 465.9考试管理 486系统测试 496.1测试定义 496.2测试方法 491、功能测试 502、性能测试 506.3测试模块 516.4测试结果 51结论 52参考文献 52致谢 52摘要:社会经济的快速发展伴随着科学技术的进步，网络计算机的生活方式逐渐受益于广大人民群众，深受大众的喜爱，也逐渐增加了网络用户的使用量。互联网具有高效率，成本低，便利性等优点。因此，构建符合自己所需的网络操作系统是非常有意义的。网络化模式和标准化的考试已成为现在考试的发展趋向，如今，世界各地的许多专业考试认证都是通过Internet在线完成的。这种新的考试模式为学校以及许多部门创建了新的考试方法，从而提高了工作效率和考试公平性。 该系统使用SpringBoot框架，前端结合WXML，WXSS，JavaScript和其他技术进行开发，数据交互使用Ajax，Servlet技术，主要语言使用Java语言开发。为方便用户浏览采用B/S结构。存储数据使用的是MySQL数据库，开发环境是IDEA和微信开发工具。从学生、老师的功能要求出发，建立了基于微信平台的在线考试系统，将其主要功能与在线考试系统的实际需求相结合，基于微信平台进行在线考试系统的设计与开发。该系统分为教师端（Web端）和学生端（小程序），后台管理由用户管理、学科管理、题库管理、试卷管理和考试管理五大模块组成，实现对试卷信息的增、查、改、删等功能。经过认真细致的研究，精心准备和规划，最后测试成功，系统可以正常使用。 本论文目的是完成一个在线考试的微信小程序，即基于微信平台设计开发的方便快捷的在线考试系统 关键词：在线考试系统；微信小程序；Mysql1绪论1.1课题背景计算机的普及和互联网时代的到来使信息的发布和传播更加方便快捷。人们可以通过计算机上的浏览器访问多个应用系统，从中获取一些时事资讯和先进的知识理论，使人们在生活和娱乐过程中获取很多免费的资源。数据调查显示，网上用户已经过亿，相比过去增长较快，人们通过网络的方式获取自己想要的信息已经成为了一种习惯，不管需要什么信息内容，直接上网搜索[1]。网站、系统和小程序的建立可以查看所需的信息并进行管理工作。鉴于上述优势，我们开始建立基于微信平台的在线考试系统，主要用于在线考试和相关信息的管理等，同时方便查看在线考试内容，学生可以在线互动，在线考试。系统建立的开始对在线考试系统的类型和特点的信息做了详细的了解，让学生对在线考试有了更有针对性的选择，同时给教师对相关考试的后台组织与管理带来了很大的便利。1.2研究意义网络化模式应用在生活中的方方面面，微信已经不仅仅具备打电话、发短信、视频、传输文件的功能。微信的应用范围越来越广，越来越受欢迎。而微信小程序这种网络传播信息的方式逐渐受到广大人民群众的喜爱。微信小程序具有许多优点，例如便利性，高效率和低成本，我们可以在小程序上获得想要的信息及待完成的任务。越来越多的学校建立各种各样的小程序来适应生活与学习的需求，小程序已经逐渐进入各个学校。因此，类似于在线考试系统，不仅可以满足学生的需求，还能提高老师的工作效率，在减少原有不必要的工作量的同时还便于在线维护和管理操作考试内容。本文首先将在线考试系统过程中的基本问题作为研究对象进行了分析。在开发系统之前，我们对现有市场进行了详细的调查和分析。最后，我们利用软件技术开发了一套完整合适的在线考试系统。该系统的实现主要优势是：该系统主要采用小程序技术开发，方便快捷，系统没有牵扯到购买软件或者其他费用支付等，不需要任何费用支出。基于微信平台的在线考试系统的设计与开发的程序是一款便捷、实用的信息服务查询小程序，虽然目前已有很多的管理系统，但在线考试系统的工作需要具备更详细的功能和信息查询。经过具体研究与分析，我们了解到漂亮的界面和简单操作的系统是非常重要的一部分，而完整的规划出应用程序里的各项功能使得系统更加完善才是重中之重。1.3研究现状多年前，校园数据信息已经走向数字化，对我们系统的建立具有重要的指导作用。随着科学技术的飞速发展，许多学校开始建立自己的内部局域网并连接到互联网，努力实现资源和信息的共享[2]。随着硬件设备的不断完善，软件应用已成为各个学校发展的对象，已经出现了基于互联网存在的各种管理系统。对于网络在线考试系统，国内外已经有很多设计。通过微信小程序技术提高管理水平和服务质量，以提高综合水平和管理体制是个相当不错的选择。1.4研究内容系统的实现需要系统的调研、分析、设计、实现、测试五个阶段互相配合，缺一不可。对于这个系统的开发与设计，首先是对整个系统的开发需求进行具体分析，然后根据所探讨出的结果通过多种渠道寻找解决方法，进行开发设计一套完整的基于微信平台的在线考试系统。本项目在“互联网+”的教育背景下，开发了基于微信平台的在线考试平台，将移动考试与微信小程序相结合，为学生提供了移动考试的环境。2相关技术介绍2.1微信小程序技术微信小程序（MiniProgram）简称小程序，与传统APP不同，微信小程序无需安装，只需要用户扫一扫或搜一下即可打开应用，用完后关闭即可，不会占用系统资源。该微信小程序用起来方便，而且设计的合理，功能比较完善，界面也简单易懂。微信小程序不仅可以方便查询的使用，节约手机资源，还让考试系统的管理更加方便，经营模式更加科学立体[3]。微信小程序技术也是我们开发设计的主要组成。2.2MySQL数据库数据库是每个系统开发过程中都不可或缺重要组成。在WEB应用方面，MySQL是一个具有很大优势的关系数据库管理系统[5]。MySQL可以非常灵活的将数据存储在不同的表中，并且还可以提高系统在实际应用中的速度。因此它在兼容性方面是非常强的[6]。MySQL有两个版本，商业版和社区版，不同版本的源代码是开放的，采用双重授权策略，都能满足速度和体积的要求，所以很多的管理系统都青睐于MySQL数据库[7]。MySQL是一种常常被人们用到的数据库，它不但体积很小而运行起来的速度很快，又是低成本，本系统的环境是一个成熟的开发环境，所以在在线考试系统的设计和开发中MySQL可以稳定安全的运行[4]。2.3SpringBoot框架SpringBoot是一种全新框架，由Pivotal团队提供。其设计目的是用来简化新Spring应用的初始搭建及开发过程。SpringBoot框架有利于帮助开发人员快速开发应用，它可以直接快速启动一个内嵌的Web容器，而无需单独安装和配置Web服务器。3系统需求分析3.1需求分析概述系统的分析、市场的调研过程是必须要有的，从实际应用中保证使用者的功能需求，建立明确的开发目标，对整个系统的开发设定更加精准的框架[8]。在这个章节，需要对系统的性能进行分析，主要分析重要的业务流程和数据信息等，在线考试系统的界面需要简洁美化。需求的可行性是分析和讨论成熟的系统应达到什么样的标准，系统的开发和实施是否完成之前设定的功能需求。以下是对于在线考试系统的实际需求的分析：系统在开发和运用过程中，在技术、操作、经济和法律层面上进行了详细阐述说明，证明了这几点是可行的。在技术中主要说明了微信小程序是较为通用和成熟的技术之一，具有较为强大的数据库开发功能和数据库接口设计。在经济可行性中，主要说明了系统从调研时期的费用和后期维护上节约成本。系统的操作方面具有操作简便和上手快的特点。在法律可行性上，符合要求不涉及到侵权等问题，在社会中能起到提高效率的作用。从系统需求分析、系统业务流图，系统数据流程图等，对数据库、数据流图、业务流图等进行了设计和说明[10]。系统需求分析对于在线考试的需求进行了深入分析，证明了系统在管理上的需求。系统的业务流程图则说明了系统的业务流向和用户的关系。系统数据流程图表达了结构化系统分析的必要性，能让非专业者更加明了的看懂数据的流程。说明了数据与处理之间的逻辑关系的为后续的系统详细设计与实现提供了技术基础[11]。系统设计需要从学生，老师的实际需求开始，以了解他们需要实施哪些功能以及他们可以包括哪些管理工作。考虑到互动在线考试系统设计的特点，应满足几个要求：（1）它可以通过网络开展在线考试工作，促进在线考试的统一管理。（2）在线考试分类管理更具备标准化;（3）它为学生提供了一个免费的渠道，确保查看和管理在线考试。3.2可行性分析系统在开发和运用过程中。在技术可行性、操作可行性、经济可行性和法律可行性这几点展开了详细说明，论述了这几点是可行的[12]。在经济可行性中，主要说明了系统从调研时期的费用和后期维护成本。操作可行性主要说明了系统和操作的简便性具有操作简便和上手快的特点。在法律可行性上，符合要求不涉及到侵权等问题在社会中能起到提高效率的作用。可行性分析目的通过可行性分析确定系统的框架和功能模块，所研究的依据是根据所开发系统的用户需求，明确研究方向和目标。其次，分析软件系统的需求，分析软件需求能否满足预先设计的功能需求。讨论系统的操作可行性和经济可行性是可行性分析的最后一步。3.2.1经济可行性在开发任何软件系统之前，它将考虑其后来的经济可行性，即开发和设计软件所需的成本及其在以后运行中的维护费用。本在线考试系统软件的设计中，本文的主要目的是为学生用户和老师提供一个新的交互式平台，系统的建立不需要有经济支出，这在经济上是完全可行的。3.2.2技术可行性在线考试系统技术的功能完全可以胜任系统数据方面的要求，所以在技术层面完全没问题，系统开发在技术上是可行的。3.2.3可操作性在线考试系统要易于操作，主要是随着网络技术发展太快，平台可以支持很多内容，用户在线进行查看在线考试系统等数据内容，这样数据化管理可以更好的提高工作效率，所以系统的操作问题是可行的。3.3系统功能设计在线考试系统的设计基于现有的网络和微信平台，系统分为教师端和学生端，本文的考试系统的实现环境是一个支持在线考试页面服务的本地服务器，可以通过微信开发工具进行本地测试。（1）教师可以通过电脑网页端登录后台管理系统注册账号，修改管理员信息并在线设计编辑考试信息，教师的后台管理系统分为用户管理，试题管理，题库管理，试卷管理。题型分为单选题、多选题、判断题、填空题。后台管理系统的题库管理可以进行题目的信息编辑，如题目的内容、选项、对应的选项内容、正确答案。试卷管理部分可以实现智能组卷，如可以根据自行添加题目的类型以及对应的分值和数量进行系统智能组卷。教师发布的考试将要求学生在规定的时间内进行在线答题。考试结束后，教师还可以查看对学生的成绩分析及对应分数段学生人数的分布图。（2）学生可以通过微信小程序端进行在线账号的注册和登录，可以编辑自己的个人资料，进行在线练习和在线考试，但是需要在规定的时间内进行答题，并且在将自己的答题情况提交成功后，系统能够及时地反馈学生的答题结果级对应的成绩。在线练习的时候也可以参考正确答案。考试结束后可以查看自己的成绩。（3）后台系统可以利用本地服务器，采用Java语言和MySQL数据库建立学生在线考试环节的提交和数据库记录功能，这个服务根据时间进行同步最新数据信息[13]。在线考试系统应用启动后进入到系统首页可以查看在线考试列表的最新信息，同时可以进入个人中心进行个人资料信息的修改并进行在线考试，所有数据都将通过后台服务获得，学生端在小程序端，后台管理与小程序端相互控制和链接，学生可以实现在线考试，并且系统可以自动判断对错从而反馈成绩。实现了在线考试系统是该系统的主要任务，它使用户可以通过指令完成整个在线考试系统的操作。3.4非功能分析对于性能分析，与传统的管理方式相比，传统的管理方式是使用人工通过用纸和笔进行数据信息的统计和管理，并且这种方式对于存储和查找某一数据信息都比较麻烦，随着计算机网络的到来，这种传统的方法很难适应当下社会的发展，不仅降低人们的办事效率，而且还需要很多的人力和物力，对于耗时长，为了提高用户的工作效率，进行开发一套基于计算机和网络技术的在线考试系统。系统的建立主要是为了实现在线考试的相关事宜，进行搭建于在线考试系统平台，这样不仅不会出现传统的管理差异、低效率，而是跟传统的管理信息恰好相反，在线考试系统的实现可以节约资源，并且对于业务的处理速度也提高，速度快、效率高，功能性强大[14]。基于市场研究和实际需要开发出来的此系统，用户界面简洁清晰，符合使用人员的功能需求。当使用太多人时，服务器产生的数据流量会激增，响应时间会有一些延迟。每个程序的开发过程都非常繁琐，在使用用户的过程中，会有很多不完善的地方，需要改进功能，重新添加新功能等等，这就需要程序的可扩展性、各种功能模块的开发以及独立开发的可行性[15]。3.5系统UML用例分析在线考试系统作为对在线考试系统等功能模块的修改维护等操作，能有效促进系统的发展、进步，因此具有比较好的前景。在线考试系统的实现，其中学生的用例图，如图3-1所示，老师的用例图，如图3-2所示：图3-1学生的用例图图3-2老师的用例图4系统设计4.1系统结构设计经过之前的课题背景，研究意义，可行性等系列分析，结合课题指导的预期目标，综合考虑设计了在线考试系统。在线考试系统的设计主要是为了满足在线考试系统的实际需求。因此，它需要通过微信小程序来实现，必须同时具备硬件和软件基础[16]。系统的功能结构图，如下图4-1所示。图4-1功能结构图4.1.1注册登录流程分析注册和登录是系统的第一步骤，完成注册才能登录进入系统。注册和登录流程图，如图4-2所示。图4-2注册登录流程图4.1.2用户管理功能分析用户管理有两个功能分别为编辑用户信息和查看用户信息。我们可以根据自己的身份(学生或老师)首先来进行选择注册账号，并且可以进行设置密码，后台修改重置，还需要添加个人的信息如姓名。查看用户信息（该用户信息删除或者禁用），删除或者被禁用的用户将无法登录该系统。如图4-3所示：图4-3用户管理功能图4.1.3学科管理功能分析科目管理可以增加考试科目，如科目一、科目二等，同时可以编辑科目的信息介绍等，如图4-4示：图4-4科目管理功能图4.1.4题库管理功能分析题库管理可以在题库里增加新的试题，首先我们需要选择科目类型，然后在选择题、填空题、多选题、判断题、简答题中进行选择，将对应的题目类型选中添加且在线设置每个选项的内容，选择题即A、B、C、D四个选项的内容，最后需要添加对应选项的正确答案，选择题和判断题即可以全部自动判断正误，填空题可以设定几个固定答案，答案之内的都算正确，其余答案为错误答案不得分，简答题需要匹配到正确答案中的关键字，出现相同关键字即可得分。同时我们还可以编辑试题，增加科目并编辑科目信息。如图4-5示：图4-5题库管理功能图4.1.5试卷管理功能分析试卷管理可以实现在线智能组卷，首先选择科目然后设置考试时间，依次筛选并添加题型，设置对应题目的分值，如选择题2道，每道10分；填空题2道，每道10分；判断题1道，每道10分；简答题2道，每道25分，只要保证试卷的总分为100分，题目的数量和对应分值不做具体要求。我们还可以编辑试卷信息，对于科目类型，考试时间，题型和对应题目的分值进行修改。如图4-6示：图4-6试卷管理功能图4.1.6考试管理功能分析考试管理即对于小程序端学生在线考试的一个完整呈现，学生端的试卷内容都是在考试管理的后台系统里进行设定和编辑添加的。如科目的选择，智能组卷后试卷的选择如试卷一、试卷二等，以及设置考试总时间的倒计时，学生的成绩分数段统计分析也将在考试管理的界面呈现。如图4-7示：图4-7考试管理功能图4.2数据处理流程设计4.2.1总体数据流程本系统的总体流程为：用户注册登录，老师户则登录后台管理页面，对试卷的信息进行编辑如添加修改删除等，实现后台自动智能组卷其他学生用户即登录学生端小程序端，然后进入个人中心可以进行个人资料的填写和修改，系统对相关数据进行验证，验证成功保存至数据库[17]。完成数据操作后，退出登录。4.2.2添加数据流程用户输入相应的数据，系统会对其输入的数据进行合理的校对，检验失败时会有提示语提醒用户，在用户重新输入修改之后信息，直到验证完全正确后才保存至数据库，然后系统会自动提示添加的信息完成。添加数据时的流程图，如图4-8所示。图4-8添加数据流程图4.2.3修改数据流程当用户需要修改数据时，用户则需填入准确选择修改的数据，在系统数据有效的验证完成时会把数据保存在数据库当中，然后会出现修改成功提示，修改数据流程图，如图4-9所示：图4-9修改数据流程图4.2.4删除数据流程用户在删除数据时，数据库会自动搜索查找相关的记录，当选择删除的一条或者多条数据时，用户提交命令之后，系统会删除其相应的联据，删除完成后系统会做出相应的反应，删除数据流程图如图4-10所示：图4-10删除数据流程图4.3数据库设计4.3.1实体ER图在系统的开发过程中，数据库设计是基于系统功能需要设计的，当建立数据库关系模型时需要用数据存储数据来说话。系统中存在的大量存储数据库，是完美信息表达和输出的重要依据，数据库可以添加，删除，修改和搜索，使系统可以快速的输出用户想要的信息。每个数据库会相互对应一个明确的信息表，用过排列和组合成支撑整体数据库。数据库伴随着系统的开发，二者相辅相成，在线考试系统使用Mysql进行对数据库维护，确保数据的准确，安全和稳定等。而且Mysql数据库是完美设计开发中经常被用到的数据库，下图主要是对数据库实体的E-R图：（1）考试信息实体图，如图4-11所示：图4-11考试信息实体图（2）学科信息实体图，如图4-12所示：图4-12学科信息实体图4.3.2数据表我们根据输入和输出数据的要求进行分析，确定表格与结构之间的关系，可以验证，调整和完善，查询和浏览的数据过程。基于系统使用的数据库的特点，对数据库的概念模型进行了转换和构建。数据库设计如下：表4-1：chapter序号列名数据类型长度小数位标识主键外键允许空默认值说明1idbigint20是是否auto_increment2subject_idbigint20是3unit_idvarchar20是4namebigint45否5codevarchar45是6deletedbit否7school_idbigint20是表4-2：clazz序号列名数据类型长度小数位标识主键外键允许空默认值说明1idbigint20是是否auto_increment2school_idbigint20是3unit_idvarchar45否4teacher_idbigint20否5deletedbit否表4-3：error_question序号列名数据类型长度小数位标识主键外键允许空默认值说明1idbigint20是是否auto_increment2student_idbigint20否3question_idbigint20否4subject_idbigint20是5deletedbit否6timedatetime否7right_timesint11是8exam_question_idbigint20是表4-4：exam序号列名数据类型长度小数位标识主键外键允许空默认值说明1idbigint20是是否auto_increment2namevarchar45否3testpaper_idbigint20否4start_timedatetime是5end_timedatetime否6total_student_qtyint否7exam_student_qtyint11是8finish_student_qtyint11是9total_scoreint11是10avg_scoredecimal182是11typevarchar45否12public_answerbit否13subject_idbigint20是14addressvarchar45是15clazz_idbigint20是16rateint11否17total_rateint11否018rate_qtyint11否019statusvarchar45否未发布20deletedbit否b'0'21school_idbigint20是22minutesint11是23right_ratedecimal182是24teacher_idbigint20是表4-5：grade序号列名数据类型长度小数位标识主键外键允许空默认值说明1idbigint20是是否auto_increment2school_idbigint20是3namevarchar45否4deletedbigint45否表4-5：knowledge序号列名数据类型长度小数位标识主键外键允许空默认值说明1idbigint20是是否auto_increment2subject_idbigint20否3chapter_idvarchar20否4user_idbigint20否5section_idbigint20是6knowledge_point_idbigint20是7titlevarchar2000是8contenttext是9deletedbit否10school_idbigint20是表4-10：news序号列名数据类型长度小数位标识主键外键允许空默认值说明1idbigint20是是否auto_increment2typevarchar45是3titlevarchar45否4contenttext45否5timedatetime否6publishervarchar45是7browse_qtyint11否08deletedbit否9school_idbigint20是表4-12：question_comment序号列名数据类型长度小数位标识主键外键允许空默认值说明1idbigint20是是否auto_increment2question_idvarchar45否3commentvarchar2000否4user_idbigint20否5comment_timedatetime是6rateint45是7like_numberint11是8deletedbit否9check_statusvarchar255否5系统的实现5.1登录界面登录窗口是一个系统功能操作的安全门，用户有自己的管理权限，学生用户可以通过注册按钮填写登录名、密码、姓名的相关信息，注册成功后再次登录自己的登录名和密码进行在线考试系统小程序学生端的登录。此小程序的登录窗口如下图5-1所示。图5-1用户登录界面后台代码：@RequestMapping("/login")publicStringlogin(Modelmodel){model.addAttribute("projectName","在线考试系统");returnPREFIX+"_login";}5.2前台主页面用户主页是微信小程序的页面，我们进入系统就可以看到首页展示的模块，每个模块对应不同的功能。点击每个功能模块就能维护对应的功能。前台页面：首页，资料，退出。首页包含：在线练习，在线考试，成绩查询。如下图5-2所示。图5-2前台主页面界面5.3在线练习学生可以在这个界面进行在线练习，如图5-3所示。图5-3在线练习界面5.4在线考试用户可以在这个界面进行在线考试，需要选择科目进行考试，答题结束后点击提交按钮，会出现考试题正确与否。如图5-4所示。多选题单选题判断题填空题简答题成绩查询图5-4在线考试界面5.5教师功能模块教师功能模块：修改资料，用户管理，学科管理，试题管理，试卷管理，考试管理六个管理功能模块。如图5-5所示。图5-5教师功能界面后台代码：@RequestMapping("/edit/{id}")publicStringedit(@PathVariable("id")Longid,Modelmodel){model.addAttribute("projectName","在线考试系统");model.addAttribute("entityTitle","用户");model.addAttribute("id",id);returnPREFIX+"_edit";}5.6学科管理教师可以对学科进行管理。可以增加，编辑，查询和删除学科。增加时要填写名称和简介。添加完成后数据会自动保存到数据库到系统数据库中。如图5-6所示。图5-6学科管理界面后台代码：@RequestMapping("/list")publicStringlist(Modelmodel){model.addAttribute("projectName","在线考试系统");model.addAttribute("entityTitle","科目");returnPREFIX+"_list";}页面代码：<legend>科目管理</legend></fieldset><divstyle="margin-bottom:15px;"><!--<i-buttontype="info"v-on:click="editItem()">增加</i-button><i-buttontype="error"v-on:click="deleteItems()">删除</i-button>--><!--搜索框开始--><divstyle="padding-top:5px;"><!--<divclass="layui-inline"></div>--><!--用这个DIV包住可以换行--><i-inputplaceholder="名称"v-model=""style="width:200px;"></i-input><i-buttontype="ghost"icon="ios-search"v-on:click="getData()">搜索</i-button><i-buttontype="info"v-on:click="editItem()">增加</i-button></div><!--搜索框结束--></div><i-tableborderref="selection"v-bind:columns="columnsList"v-bind:data="dataList"></i-table><divstyle="float:right;margin-top:15px;"><pagev-bind:total="pager.recordCount"v-bind:size="pager.pageSize"v-bind:size-opts="[10,20,30]"v-on:on-change="getData"v-on:onsize-change="pageSizeChanged"show-totalshow-sizer></page></div><modalv-model="editModel"v-bind:width="800"><iframestyle="width:100%;border-width:0px;height:600px;"id="editFrame"></iframe><script>varENTITY_NAME="subject";varBASE_URL=HOST+API_PREFIX+ENTITY_NAME;varEDIT_URL=HOST+"/pages/"+ENTITY_NAME+"_edit.html";varDISPLAY_URL=HOST+"/pages/"+ENTITY_NAME+"_display.html";varapp;(function(){app=newVue({el:"#app",data:{columnsList:[{type:'selection',width:55,align:'center'},{title:'名称',align:'left',key:'name'},//{title:'任课老师',render:function(h,params){returnparams.row.teacher.displayTitle}},//{title:'年级',render:function(h,params){returnparams.row.grade.displayTitle}},{title:'操作',align:'center',width:300,render:function(h,params){varrow=params.row;vararr=Array();arr.push(h("Button",{props:{type:"ghost"},on:{click:function(){app.displayItem(row);}}},"查看"));arr.push(h("Button",{props:{type:"info"},on:{click:function(){app.editItem(row);}},style:{marginLeft:'5px'}},"编辑"));5.7题库管理教师可以对题库进行管理。可以增加，编辑，查询和删除题库。增加题库时要填写科目，标题，题型，内容，选项A，选项B，选项C，选项D，正确答案。添加完成后数据会自动保存到数据库到系统数据库中。如图5-7所示。图5-7题库管理界面后台代码：@RequestMapping("/list")publicStringlist(Modelmodel){model.addAttribute("projectName","在线考试系统");model.addAttribute("entityTitle","试题");returnPREFIX+"_list";5.8试卷管理教师可以对试卷进行管理。可以查询，修改，增加和删除试卷。增加试卷时要填写科目，名称，分钟数，选择题数量，选择题分数，判断题数量，判断题分数，填空题数量，填空题分数，简答题数量，简答题分数，多选题数量，多选题分数。填写完成后，根据信息框填写对应的信息，填写完成后点击提交按钮进行保存数据。如图5-8所示。图5-8试卷管理界面后台代码：@RequestMapping("/list")publicStringlist(Modelmodel){model.addAttribute("projectName","在线考试系统");model.addAttribute("entityTitle","考试");returnPREFIX+"_list";}页面代码：(function(){app=newVue({el:"#app",data:{columnsList:[{type:'selection',width:55,align:'center'},//{title:'代码',align:'left',key:'code'},{title:'名称',align:'left',key:'name'},{title:'分钟数',align:'right',render:function(h,params){returnrenderNumberWithThousands(h,params.row.minutes);}},{title:'总分数',align:'right',render:function(h,params){returnrenderNumberWithThousands(h,params.row.totalScore);}},{title:'科目',render:function(h,params){returnparams.row.subject.displayTitle}},{title:'操作',align:'center',width:300,render:function(h,params){varrow=params.row;vararr=Array();arr.push(h("Button",{props:{type:"ghost"},on:{click:function(){app.displayItem(row);}}},"查看"));arr.push(h("Button",{props:{type:"info"},on:{click:function(){app.editItem(row);}},style:{marginLeft:'5px'}},"编辑"));arr.push(h("Button",{props:{type:"error"},on:{click:function(){app.deleteItem(row);}},style:{marginLeft:'5px'}},"删除")}5.9考试管理教师可以对考试进行管理。可以增加考试并进行成绩分析。增加考试时要填写科目，试卷，名称，分钟数。填写完成后，根据信息框填写对应的信息，填写完成后点击提交按钮进行保存数据。同时还可以进行学生成绩的分数段的统计。如图5-9所示。图5-9考试管理界面后台代码：@RequestMapping("/showlist")publicStringshowlist(Modelmodel){model.addAttribute("projectName","在线考试系统");model.addAttribute("entityTitle","考试");returnPREFIX+"_showlist";}页面代码：</head><body><divstyle="padding:10px;"id="app"><fieldsetclass="layui-elem-fieldlayui-field-title"style="margin-top:20px;"><legend>考试管理</legend></fieldset><divstyle="margin-bottom:15px;"><!--<i-buttontype="info"v-on:click="editItem()">增加</i-button><i-buttontype="error"v-on:click="deleteItems()">删除</i-button>--><!--搜索框开始--><divstyle="padding-top:5px;"><!--<divclass="layui-inline"></div>--><!--用这个DIV包住可以换行--><i-selectv-model="criteria.testpaperId"placeholder="请选择试卷"style="width:200px;"clearable="true"filterable="true"><i-optionv-for="itemintestpaperIdSuggestDataList"v-bind:value="item.id"v-bind:key="item.id">{{item.displayTitle}}</i-option></i-select><i-selectv-model="criteria.subjectId"placeholder="请选择科目"style="width:200px;"clearable="true"filterable="true"@on-change="onSubjectChanged"><i-optionv-for="iteminsubjectIdSuggestDataList"v-bind:value="item.id"v-bind:key="item.id">{{item.displayTitle}}</i-option></i-select><i-inputplaceholder="名称"v-model=""style="width:200px;"></i-input><i-buttontype="ghost"icon="ios-search"v-on:click="getData()">搜索</i-button><i-buttontype="info"v-on:click="editItem()">增加</i-button></div><!--搜索框结束--></div>(function(){app=newVue({el:"#app",data:{columnsList:[{type:'selection',width:55,align:'center'},{title:'名称',align:'left',key:'name'},{title:'试卷',render:function(h,params){returnparams.row.testpaper.displayTitle}},{title:'科目',render:function(h,params){returnparams.row.subject.displayTitle}},{title:'操作',align:'center',width:300,render:function(h,params){varrow=params.row;vararr=Array();arr.push(h("Button",{props:{type:"ghost"},on:{click:function(){app.displayItem(row);}}},"查看"));arr.push(h("Button",{props:{type:"ghost"},on:{click:function(){app.scoreAnalysis(row);}}6系统测试程序设计是一个开发过程，但并不是完美不或缺的。在错误或错误的过程中难以避免，这是不可避免的，但是无法确保这些错误始终存在于系统上。错误可能会带来无法估量的后果，例如系统崩溃和安全信息。要变通解决这些问题，应该测试程序以查找并修复这些问题。本章的作用是发现这些问题，并对其进行修改，虽然耗时费力，但又是必须要有的环节。以往有很多的管理系统，积累了大量经验和方法，步骤相对成熟，软件测试的效率也越来越高。为了实现在线检查系统，有必要测试系统中功能模块的实现和操作，以确定系统是否可以准确实现。正式使用在线检查系统之前，必须采取的第一步是系统测试。测试中发现的错误会及时进行修改和处理，以便用户可以准确，无错误地使用该系统。系统测试主要是通过测试确定系统的可操作性，规定的时间内纠正系统故障是很有必要的，否则造成严重的经济损失后果将不堪设想。系统安全设计的标准是找到一种使入侵系统更先进的方法。6.1测试定义关于系统实现的测试，简称ST，ST是使用完整其系统的