【《S职中在线考试系统设计与实现》13000字】

S职中在线考试系统设计与实现摘要 IIABSTRACT 31．绪论 11.1选题背景 11.2课题研究目的 11.3研究内容 21.4主要设计思路 32．开发技术 42.1B/S架构 42.2MySQL 42.3Vue+Redis+SpringBoot快速开发平台 42.3.1SpringBoot框架 52.3.2Vue框架 52.3.3Redis环境 52.4ElementUI平台 62.5网页开发技术 62.5.1HTML 72.5.2CSS 82.5.3JavaScript 83．系统分析 103.1系统可行性分析 103.3.1技术可行性 103.3.2操作可行性 103.3.3经济可行性 103.2功能需求 103.2.1系统分析流程图 123.2.2管理员用例图 123.2.3教师用例图 143.2.4学生用例图 143.3开发运行环境需求 153.4性能需求 154．系统总体设计 164.1概述 164.2设计原则 164.3系统功能介绍 164.3.1系统模块图 164.3.2前台各模块功能介绍 184.3.3后台各模块功能介绍 184.4系统的数据库设计 185．系统的实现 255.1前端界面设计 255.1.1S职中在线考试系统首页 255.1.2注册展示页面 265.1.3学生登录页面 265.1.4学生考试界面 325.1.5学生成绩界面 325.1.6学生错题训练界面 325.2教师和管理员界面 275.2.1管理员界面 275.2.2系统管理界面 285.2.3成绩阅卷界面 296．总结 34参考文献 36附录系统实现程序 37摘要智慧化教育平台是高等教育高质量发展的核心技术支撑，将现代技术高度开发利用，形成全面覆盖、及时反馈、分析学习、动态调整、实时控制的在线考试系统。S职业高级中学坐落于云南省昆明市S区火车北站旁，地处昆明市中心。交通便利，教学资源丰富，经过本人在实习期间的调查了解，学生普遍来自城区范围内，但学校现阶段还没有远程在线考试系统。疫情常态下，学生的教学场景与学习场景都发生了变化。迫切需要新的考试模式，所以设计开发“人人皆学、处处能考、时时可测”的S职中在线考试系统是很有现实意义和实用价值的。本论文结合本人的专业知识和在S职中的实习工作经验，细致深入的了解分析了S职业高级中学的教学模式，提出在线考试系统的开发技术特点，结合了当下WEB平台开发的技术，选择实用性强、具有良好扩展性且高效稳定的SpringBoot+Redis+Shiro+Vue+MySQL框架进行设计开发，S职中在线考试系统是一个多角色在线考试系统,系统集成了S职中学生教师管理、教学部门管理、考题管理、考试权限管理、错题训练等创新功能,考试功能完善。实现一套完整体系的考试系统，方便了S职中学生在日常的错题练习和学习成绩的提高，在考试中不断进步，丰富了S职中课程的考核方式，在疫情期间发挥了重要保障作用，在疫情后会与线下考试方式相结合，全面评价教学效果和提高人才培养质量，适应不同课程的需求。在最终的测试S职中学生成绩的实际情况中，S职中在线考试系统的系统稳定性和各项功能和性能，都基本达到了设定预期水平。关键词：在线考试系统、设计与实现、B/S模式、教学模式、教学管理1．绪论1.1选题背景2020年春节蔓延全球的新型冠状病毒在中国爆发，这次疫情对全国各地学校的教学过程开展造成了严重影响。新冠病毒重大疫情严重影响在校学生的学习进度;极端天气导致停课停学,打乱学生学习计划。疫情爆发后S职业高级中学面对疫情，积极创新教学模式,寻找适合疫情期间的新型教学模式。经过一段时间的实践探索，S职中的教师和学生逐步找到了合适的远程教学的模式，并开展了各具特色的教学活动。远程课程教学离不开考试环节。考试环节的重要性毋庸多言，但是S职中并没有现成的在线考试系统，就这样的一个痛点促使学校急切需要设计开发一个在线考试系统平台。在新型教学模式中信息技术和网络技术给传统教学方式注入了新鲜血液。这样的融合催生出了新型远程教学方式。在整个远程异地教学过程中在线考试是远程教学的最后一环也是重要一环。远程教学中的在线考试有计划的精心筹划细致准备下，远程在线考试可以成为提升课程教学质量的一次重要契机和提高老师教学工作效率的有力帮手。更关键的是，在传统的教学模式中，不利于普通学校异地安排统一的考试，没有办法满足现实需求。为了突破传统的考试模式，新形势的有效发展，缓解S职业高级中学老师们的工作压力，实现多终端互联、多场景互动的在线考试系统，使考试可以在任何时间、地点进行，不受地域约束的进行，设计和实现S职中在线考试系统是很有必要的。现如今比较通用的在线考试系统主要有两类：一种是基于学校或者地区的局域网的在线考试系统，另外一种是基于网络服务器WEB端的在线考试系统。第一种基于学校或者地区的局域网的在线考试系统适用于比较官方严格的考试，涉及到一定的信息安全考试，比如资格证书的等级考试、行业技能考试、职称审核考试等；第二种基于服务器的WEB在线考试系统一般是用于学校或者机构对学员考生进行普通期末测试，单元章节测试。在现代校园基础设施建设中信息化网络建设已经是必不可少，尤其是一些开设有计算机电子信息类科目的学校。学生和教师的日常学习生活越来越离不开信息化的网络建设，信息化校园的建设不仅能提高学习工作的效率还能大大的方便学习生活。所以各级各类学校和教育机构都大力支持学校的信息化的网络建设。S职中在线考试系统的本质是在充分利用学校机构的信息化网络建设的基础上，创新教学模式，优化教学结构，节省人力财力和物力，做到半自动化甚至全自动化无纸化的办公，使得S职业高级中学的教学办公效率得到提高，也更有利于学校的进一步发展和建设。S职中在线考试系统是一个多角色在线培训考试系统，,系统集成了教师学生管理、考试题库管理、考试权限管理、错题训练等功能,考试功能完善。实现一整套完整体系的考试系统，方便了S职中学生在此系统中进行练习并不断提升自己，在考试中不断进步。整个系统的思路创新点有以下几点：（1）改革考试方式的创新：远程在线考试丰富了S职中课程的考核方式，在疫情期间发挥了重要保障作用，在疫情后会与线下考试方式相结合以全面评价教学效果及人才培养质量，适应不同课程的需求。（2）转变考查内容的创新：由于远程在线考试通常采取开卷的方式，在客观上可以促进S职中的教师在考查学习效果的时候更加注重能力培养情况，而不仅仅是知识掌握情况。（3）提升命题质量的创新：由于远程在线考试在监考方面的局限性，在客观上可以促进S职中的教师在命题时注重试题的原创性、开放性、构造性、前沿性等，考查S职中的学生对所学内容的深度理解。（4）实施全过程育人的创新：由于远程在线考试的新特点，在考试设计的过程中充分与学生沟通，发挥民主，制定规则，体现公平，让考试设计也成为全过程育人的一部分。在过去的国内发展情况看来，由于各方面的基础实力薄弱，技术水平和专业人才的欠缺让我国的在线教育系统开始发展滞后，建设速度也相对缓慢，但是近年来在国家政策的支持下和对教育资源的加大投入，以及专业人才的引进使得部分学校和教育机构的在线教学平台已经稍有雏形。部分沿海城市高校和世界顶级高校如清华大学，同济大学，厦门大学，中南大学等高校都已经根据自身学校特色和需求引进信息化的网络教育考试平台。但是大部分系统稳定性较差，针对性不强，使用率不高等问题也渐渐暴露出来。加之大部分欠发达地区还没有建设在线考试平台，所以怎样将在线教育考试平台建设进行推广，提高系统的使用率并结合着学校特色进行建设值得我们深入研究和探讨。近些年来，部分学校为了提高教学效率，创新教学模式，补齐在线教育考试系统的短板，结合自身学校的信息化建设的能力引进人才着手建设在线教育考试平台，还有一部分学校与校外的科技网络公司合作开发建设本校的在线教学系统。伴随着越来越多的学校的信息化教学建设，传统的教学观念逐步融入了新鲜的血液，教学模式也有了更多的选择。在国外，发达国家的在线网络教育的建设正在飞速发展，特别是世界迎来了第四次工业革命，5G网络的快速建设以来，很多国家都在积极颁布实施相应的政策计划支持现代化教育的建设。如美国的多项国家级考试都已经开始试行在线网络考试或者计算机辅助考试。一些欧洲国家已经将计算机列入少儿必修课程，有助于儿童能够更早的适应现代的教学模式，让教育现代化更加普遍。1.2课题研究目的关于S职中在线考试系统设计开发的研究目的，主要根据S职业高级中学的教学模式和考试要求,在学校的教学内容与已有题库的基础上，最大化保证主要功能模块的有效运行，以SpringBoot+Redis+Shiro+Vue+MySQL框架为基础，在B/S环境下建立的系统结构，保证系统的稳定性和创新性。现阶段S职中基础理论知识考试的进行主要是为了以下两个目的:一是检验学生学科知识掌握程度;二是对应试者的某种职业能力和素质进行判断。为了保证考试的公平性和合理性，S职中传统的考试模式都会要求应试者对自己的违纪作弊行为承担法律责任，再对考场安排适量的监考人员来监督考场纪律，除此之外还要安排一个主考官来把控考试全程的纪律，以减少违纪行为的发生。过去S职中的老师是作为考题的选择人，在进行最终题目的决定之前，还要进行大量的研究与反复的计算，这不仅对老师本人造成了很大程度的时间浪费，而且由于选题的工作量较大，会使得老师的工作负担大大增加，而通过运用该系统，原来很多问题都迎刃而解。但是具体操作过程中需要对用户实际的需求进行结合,并有针对性的对题目选择和划分进行调整，以此来保证选出的考题与参加考试的学生类型水平相符合。另外，学生考试试卷必须具有一定的覆盖性，而且试卷选题与实际教育形式以及教育特点应相适应，试卷时效性以及考试结果的准确性也应得到充分的保障,这样考试结果才能够对答题人的真实水平进行充分的反映。1.3研究内容本论文课题研究的主要内容：第一部分绪论，介绍了本论文课题的选题依据和缘由，对本课题国内外的一些相关现状进行简单的介绍以及本课题研究的目的和研究思路创新。第二部分对在线考试系统开发的一些主要相关技术进行介绍，并对技术的主要特点进行简要说明。第三部分设计思路和需求分析，根据S职业高级中学的实际情况，充分了解教学需求和教学过程中存在的问题，提出相对于的功能模块和设计方案。第四部分系统的功能模块设计，结合S职中的教学模式和教学需求对S职中的在线考试系统的主要系统框架、功能模块，数据库关系、网络结构等进行详细的介绍说明。第五部分功能模块的实现，根据功能模块的设计方案，分析介绍S职中在线考试系统的各个模块的功能实现方法和技术特点。第六部分系统完整性的检查，结合预期设计的预期结果，对S职中在线考试系统的功能模块和性能稳定性进行测试，不断的优化系统结构和功能的完善。第七部分总结和展望，总结系统设计开发和研究的经验以及问题的解决方法，并对该系统的未来发展进行展望。1.4主要设计思路S职中在线考试系统是一个多角色在线教育考试系统，本系统包含了用户管理、角色管理、题库管理、试题管理、考试管理、在线考试等功能，考试流程完整。实现一整套体系的考试系统，方便了S职中学生在此系统中进行练习并不断提升自己，在考试中不断进步。本系统采用前后端分离架构，使用SpringBoot构建后端服务，利用Vue框架来实现前端的应用。采用Maven来管理项目依赖。在前端UI构建上选择比较美观种类较多的ElementUI组件。

2．开发技术2.1B/S架构B/S架构通常被称为浏览器与服务器模式，是近些年来WEB开发成熟之后比较受开发者喜欢的网络架构，这样的开发模式最大的优势是让客户端的操作变得更加容易简洁。其次是将整个系统的主要核心部分集中在服务器中，让整个系统在后期的功能完善和系统的维护变得更加容易，B/S架构与WEB开发技术相辅相成，使得开发的系统可以在多种操作系统平台上完美运行而并不需要安装客户端，在一定程度上减轻了服务器对数据处理的运载负荷，但同时也存在一定的不足使得它的安全性和二次利用性较差。B/S架构在实用过程中的最大优势在于在这样的架构上设计开发的系统可以在Windows、Linux、MasOS等操作系统上的浏览器上运行，也就是说它可以满足在多数移动终端上运行，大大的增加了人们的使用终端范围，不再受时空的限制。同时相对于其他架构系统后期的维护成本和使用扩展性也更具有优势。2.2MySQLMySQL是Oracle公司旗下运营的主流产品。同时是当下比较流行的关系数据库管理系统之一，所谓关系型数据库就是把数据保存在不同的表中，增加数据库处理速度同时提高了数据库的灵活性。MySQL也可以通过标准SQL数据语言形式进行使用。MySQL可以运行于多个系统上，并且支持多种语言。MySQL可以支持多种应用场景发挥出它强大的性能。MySQL的特点、优势：1．MySQL是开放源代码的数据库2．MySQL的跨平台性3．价格经济实惠4．功能强大且使用方便2.3Vue+SpringBoot快速开发平台页面交互：Vue+ElementUI核心框架：SpringBoot安全框架：ApacheShiro视图框架：SpringMVC持久层框架：MyBatis2.3.1SpringBoot框架近几年开发者越来越倾向于动态语言的使用例如:Ruby、Groovy、Scala、Node.js等，相对于Java语言的使用动态语言的配置更加简单灵活，部署开发环境也相对容易。在这样的大趋势下SpringBoot的开发框架优势逐渐体现出来，开发者在使用SpringBoot框架的时候可以减少在环境配置的工作量，提高开发效率。SpringBoot核心功能：1．独立运行的Spring项目2．内嵌Servlet容器3．提供starter简化Maven配置4．自动配置Spring5．准生产的应用监控6．无代码生成和xml配置2.3.2Vue框架Vue已被广泛地应用于WEB端、移动端及跨平台的应用开发中，Vue的渐进式开发理论和丰富的生态圈为开发者提供了大量的开发条件。Vue的使用场景丰富，市场需求大，因此很多前端开发人员都在学习、使用Vue，Vue开发技术也成为很多高等院校学生学习WEB前端开发技术的必修课程。Vue框架的优点：（1）易用（2）灵活（3）高效每个Vue应用都是通过Vue构造函数来创建一个新的Vue实例开始的。创建Vue实例的配置对象，有多个配置选项，包括el、template、data、methods、watch、生命周期钩子等多个属性选项，每个选项都有不同的功能，根据开发的需求选择配置这些属性选项。组件是Vue最强大的功能之一，组件（Component）是Vue最强大的功能之一。组件可重用性高，可减少重复性的开发。组件是把基础的元素构建更复杂的且可复用的代码单元，把可复用代码封装起来，单独放在一个组件里，要用的时候调用，达到快捷开发、维护便捷的目的。2.4ElementUI平台ElementUI是一套为开发者、设计师和产品经理准备的，方便程序员进行页面快速布局和构建的基于Vue2.0的桌面端元组件库，由饿了么前端团队推出。它并不依赖于Vue，却是一个十分适合Vue项目的框架。可使用ElementUI轻松制作出网页，为前端开发人员大大减轻了代码负担。2.5网页开发技术S职中在线考试系统是依赖于网页交互提供服务，系统是将前后端分开设计的，在实现上，我们采用前后端分离架构，使用SpringBoot构建后端服务，利用Vue框架来实现前端的应用。然后根据S职中理论考试的审核要求,在S职中的教学内容与已有题库建设的基础上，最大化保证主要功能模块的有效运行，以SpringBoot+Redis+Shiro+Vue+MySQL框架为基础，在B/S环境下建立的系统结构，它对于JSP，JavaServlet，JavaBean等技术都结合的很好，Web页面至少由HTML、CSS和JavaScript三个部分构成。2.5.1HTML在做WEB开发时，我们必不可少的要使用到HTML,因为它包含了最基础的网页结构，虽然HTML只能帮助我们构建静态网页，但是却是我们最不能缺少的部分，如果把网页比作一个房子，那么HTML就是地基，也就是第一件要做的事，可见它的重要性。HTML广泛于运用网页的前端开发中，让所有运行浏览器的终端上都能正常显示万维网的页面，促进了人类文明历史的发展，影响着各个领域的技术进步，而现阶段的HTML5以及不仅仅是标记性语言，他还能支持更多的数据交互体验，音视频动画等方面都能更好的为用户提供服务。2.5.2CSSCSS(CascadingStyleSheets)即层叠样式表。对于网页设计而言，HTML语言就像是白板，可以展开想象的操作；CSS就像是一盒颜料，它可以添加上出优美的色彩样式，可以根据开发者的要求对网页的样式、色彩等图文效果进行修饰，在传统的的WEB网页设计里，使用CSS能让单调的HTML更加富有表现能力。CSS的优势点如下：1．简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。2．可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。3．多平台性：CSS可以在多种终端上显示图文与用户进行交互。4．广泛性：CSS的适用面广使得很多软件设计开发都依赖于CSS加工修饰。 3．系统分析3.1系统可行性分析3.1.1技术可行性对于技术可行性本论文是以三个方面来进行分析研究的主要的技术路线、硬件配置环境、软件环境。根据开发者的现实需求以及成本预算，经过资料收集和学习讨论决定选取技术路线比较成熟的前后端分离的设计方案，利用现有的技术系统测试后软件系统的基本性能和系统算法处理能力基本满足预定要求。系统开发采用的技术是SpringBoot+Redis+Shiro+Vue+MySQL。这套技术对硬件配置要求不高，而且具有极强的稳定性和可扩展性，现有条件是完全可行的。3.1.2操作可行性S职中在线考试系统的在线考试通道丰富了S职中课程的考核方式，在疫情期间发挥了重要保障作用，在疫情后会与线下考试方式相结合以全面评价教学效果及人才培养质量，适应不同课程的需求。由于S职中在线考试系统通常采取开卷的方式，在客观上可以促进S职中的教师在考查学习效果的时候更加注重能力培养情况，而不仅仅是知识掌握情况。S职中在线考试系统在监考方面的局限性，在客观上可以促进S职中的教师在命题时注重试题的原创性、开放性、构造性、前沿性等，考查S职中的学生对所学内容的深度理解。在考试设计的过程中充分与学生沟通，发挥民主，制定规则，体现公平，让考试设计也成为全过程育人的一部分。3.1.3经济可行性S职中在线考试系统正式在S职中的教学过程启用后，不仅仅在疫情期间对学校学生的远程教学和教师的批阅审核提供便利和效率的提高，还可以方便学校各个部门和学生教师的沟通交流，S职中在线考试系统的设计开发规模适中难度较小，前期投资属于学校预算当中，后期的维护也可以由在校高年级有能力的同学负责，所以长期使用看来学校节省的人力物力发展趋势远远大于学校的开发维护投入，综上所述S职中在线考试系统在经济上是完全可以满足开发使用要求的。3.2功能需求1.权限控制2.在线考试3.成绩模块4.题库模块5.题库管理6.试题管理7.考试管理8.考卷批阅9.考试统计10.用户管理3.2.1系统分析流程图S职中在线考试系统的设计开发目的是在疫情期间为S职中学生提供一个可以远程考试平台，让教师的教学模式得到补充，提高教学质量。系统的设计开发要讲究一个完整性和稳定性，这就要求设计过程中对整个工作流程要充分的了解用户实际需求，让用户的使用体验感达到预期效果，所以下图3-3所展示的就是系统设计的过程中比较关键和重要的步骤。图3-3系统分析流程图

3.2.2管理员用例图系统管理员作为S在线考试系统的主要管理人员，负责系统的考试权限开放和老师学生等用户的管理，是整个系统中最主要的主要负责人。系统管理员有S在线考试系统的最高管理权限，可以管理添加和删除教师和学生用户，以及管理添加删除考试场次、考试题目、题库信息等，同时还可以设置考试的题目和时间范围，所以用图3-4管理员用例图来对管理员的功能进行说明。图3-4管理员用例图3.2.3教师用例图教师的功能是根据教师的教学任务需求为学生组织发布具体考试，设置考试的时间和试题范围和分值，同时老师可以根据自己的需求添加题库和设置考试的参考权限，，具体功能见图3-6教师用例图。图3-6教师用例图3.2.4学生用例图学生用户拥有个人信息修改，参加有权限的在线考试，并查询自己的成绩和考试等信息，最后对考试中的错误试题进行错题训练进一步提高自己。具体功能如图3-7学生用例图所示。图3-7学生用例图3.3开发运行环境需求硬件环境：PC机系统环境：操作系统：Windows10使用软件如下：环境：JDK1.8+Redis3.0+Mysql8.0+平台：VisualStudioCodeMysql8.0NavicatForMysql11.0WebStormx64

4．系统总体设计4.1概述设计开发S职中在线考试系统到可以实际运行使用不仅仅在设计流程上需要符合要求，还要满足系统设计开发的基本原则，这样才能使得学生高效快捷的使用S职中在线考试系统，同时提高教师教学过程中的工作效率4.2设计原则通过对S职中的实习教学过程中的经验分析和调查，对于S职中在线考试系统设计应该满足以下原则：1.稳定性原则，S职中在线考试系统是适用于所有在校学生的一个考试平台，它不仅仅需要满足于同学们日常课程的课后检测还要支持各个科目的阶段性测验，所以这就要求S职中在线考试系统的稳定性和可靠性达到较高标准，能够支持教师和同学们的长时间高强度使用而不发生异常，并且一旦出现无法正常使用的情况的时候能够及时迅速的处理和修复，最重要的一个方面要给学生一个公平公正的考试平台，并设置一定的监考系统，达到稳定安全的要求。2．先进性原则，S职中在线考试系统是基于SpringBoot+Redis+Shiro+Vue+MySQL框架为基础的一款在线考试系统，在设计开发的过程中使用了较为稳定和先进的开发技术使得应用的扩展性很好，在后期可以支持多终端的应用，使得本系统的应用面扩广也使用周期得到一定程度的延长，为后期系统的更新迭代提供了有利的空间和基础。3.实用性原则，任何系统设计开发的基本原则就是保证系统的实用性，S职中在线考试系统本着为同学们提供多功能的考试平台，要让同学们容易上手使用，习惯使用，能够完美配合好老师的教学工作，支持老师顺利的开展各教学任务，要让系统真真切切的为老师和同学提供便利和学习帮助，达到设计开发的预期目标。4.3在线考试系统功能介绍4.3.1系统模块图S职中在线考试系统是根据学生和教师的实际需求功能模块化设计的，它将S职业高级中学的教学管理和班级体制进行有层次的模块化结构，根据功能权限分类成管理员功能、教师功能、学生功能三个不同的功能模块。系统模块图如图4-1所示。各个功能模块在不同的用户权限中的子功能模块也不相同。也就是不同的用户只能在所有权限模块中进行操作。一个完整的在线考试管理系统，需要在设计开发的时候对系统的维护和二次开发留有空间和措施，同时也要对各个模块的功能进行简要的说明。图4-1功能模块图

4.3.2前台各模块功能介绍在线考试简介模块：在线考试模块是S职中在线考试系统的主要功能模块，它包含了学生考试的主要功能，例如：选这题、多选题、判断题等考试功能，同时它也满足题目的跳序作答，和题目检查答案更改。最重要的是还支持考试记时和在线监控等丰富的功能。消息通知模块：消息通知模块是由管理员控制和每日动态更新，它的目的给S职中在线考试系统对同学们发布考试的重要信息考试安排以及考试的注意事项。同时它也可以成为校园网址的导航栏和发布学校重要通知的窗口。成绩模块：成绩模块主要是为了给教师和学生提供一个成绩查询的窗口，对于普通学生的成绩查询仅可以查询到自己的成绩以及考试详情，教师可以查询由自己开设的考试参考的学生的所有成绩。题库管理模块：题库管理模块是教师和管理员根据学生考试需要自行添加相应题目，插入题目可以是选择题、多选题、判断题，同时也可以添加题目对应的选项答案解析，以满足学生后期错题训练的巩固提高。考卷批阅模块：考试批阅模块分为电脑算法批阅和人工批阅，电脑批阅是根据预定算法，系统参考数据库答案判别正确与否再进行最终的分值计算，人工阅卷主要教师对主观题系统无法比较准确给出公平的给分而提供的批阅方式。电脑阅卷大大提高了教师批阅的效率。4.3.3后台各模块功能介绍权限控制模块：权限控制模块是为超级管理员提供的系统管理模块，可以拥有学生和教师的所有权限以及管理消息通知页面的管理权限，最主要的是它控制了系统的部门职能分配和管理权限。考试管理模块：考试管理模块是通过管理教师所添加的计划科目考试的开考权限的功能模块考试统计模块：考试成绩统计模块是用于辅助教师分析学生学习情况的重要工具。

4.4系统的数据库设计数据库的设计，S职中在线考试系统的开发中有着不可替代的作用。数据库设计优秀是系统完整实现的先决条件。该数据库的E-R模型如图4-2所示：1111111MMMNNNN1111111MMMNNNN图4-2S职中在线考试系统E-R模型

报名该数据库的数据表结构如下：报名el_paper（答案信息表）表结构如表4-2所示：表4-2el_paper（答案信息表）列名数据类型大小主键否允许空功能描述idint50是否答案表主键user_idlongtext0否否答案的信息exam_idlongtext0否是答案的图片analysislongtext0否是答案解析question_idint50否否题目的idtrue_optionvarchar25否否正确的选项el_exam（考试信息表）具体结构如表4-3所示：表4-3el_exam（考试信息表）列名数据类型大小主键否允许空功能描述idint15是否考试idtitlevarchar100否否考试名称contentvarchar100否否考试描述openint15否否是否公开passwordvarchar50否否考试的密码durationint50否否考试时长start_timedata0否否开考时间end_timedata0否否停考时间total_scoreint30否否考试总分pass_scoreint30否是考试通过线statusint15否是是否有效el_exam_person（考试人员连接表）具体结构如表4-4所示：表4-43) el_exam_person（考试人员连接表）列名数据类型大小主键否允许空功能描述idvarchar50是否IDuser_namevarchar100否否用户名exam_idint50否否考试IDmax_scorevarchar50否否最高分数is_passvarchar100否否是否合格exam_countint50否否考试次数create_timevarchar100否否考试时间update_timevarchar100否否更新时间user_idvarchar50否否用户IDel_paper（试卷信息表）具体结构如表4-5所示：表4-54)el_paper（题目信息表）列名数据类型大小主键否允许空功能描述idint50是否试卷IDuser_idlongtext200否否用户IDexam_iddatatime0否否规则IDtitlevarchar50否否考试标题total_timeint10否否考试时长user_timeint10否否用户时长total_scorelongtext200否否试卷总分qualify_scorevarchar40否否及格分obj_scorevarchar255否否客观分subj_scorevarchar255否是主观分user_scorevarchar255否否用户得分has_saqvarchar255否是是否包含简答题statevarchar255否否试卷状态create_timedatetime0否否创建时间update_timedatetime0否否更新时间el_paper_qu（试卷考题信息表）具体结构如表4-6所示：表4-65)el_paper_qu（试卷考题信息表）列名数据类型大小主键否允许空功能描述idint10是否IDpaper_idint10否否试卷IDqu_idvarchar64否否题目IDqu_typevarchar15否否题目类型answeredlongtext200否否是否已答answerint10否否主观答案sortint10否否问题排序scorevarchar15否否单题分分值actual_scorelongtext200否否实际得分is_rightint10否否是否答对el_paper_qu_answer（试卷考题备选答案表）具体结构如表4-7所示：表4-7)el_paper_qu_answer（试卷考题备选答案表）列名数据类型大小主键否允许空功能描述idint50是否自增IDpaper_idint10否是试卷IDanswer_idvarchar100否是回答项IDqu_idvarchar50否是题目IDis_rightvarchar100否是是否正确项checkedvarchar30否是是否选中sortint10否是排序abcdatatime0否是选项标签el_paper_rule（考试信息表）具体结构如表4-8所示：表4-8el_exam（考试信息表）列名数据类型大小主键否允许空功能描述idint15是否规则编号titlevarchar100否否规则名称subj_scorevarchar100否否主观题分数obj_scoreint15否否客观题分数total_scorevarchar50否否总分total_timeint50否否时长(分钟)Remarkvarchar255否否备注信息codedata0否否规则编号statedata0否否状态qualify_scoreint30否否合格分数线el_paper_rule_repo（规则题库表）具体结构如表4-9所示：表4-9el_paper_rule_repo（规则题库表）列名数据类型大小主键否允许空功能描述idint15是否IDrule_idvarchar100否否规则IDrepo_idvarchar100否否题库IDradio_countint15否否单选题数量radio_scorevarchar50否否单选题分数multi_countint50否否多选题数量multi_scoredata0否否多选题分数judge_countdata0否否判断题数量judge_scoreint30否否判断题分数saq_countint30否是简答题数量saq_scoreint15否是简答题分数

el_qu（问题题目表）具体结构如表4-10所示：表4-10el_qu（问题题目表）列名数据类型大小主键否允许空功能描述idint15是否题目IDqu_typevarchar100否否题目类型contentvarchar100否否题目内容imageint15否否题目图片videovarchar50否否题目视频create_timeint50否否创建时间update_timedata0否否更新时间remarkdata0否否题目备注analysisint30否否整题解析el_qu_answer（候选答案表）具体结构如表4-11所示：表4-311el_qu_answer（候选答案表）列名数据类型大小主键否允许空功能描述idint15是否答案IDqu_idvarchar100否否问题IDis_rightvarchar100否否是否正确contentint15否否答案内容imagevarchar50否否图片地址analysisint50否否答案分析el_qu_repo（题库表）具体结构如表4-12所示：表4-12el_qu_repo（题库表）列名数据类型大小主键否允许空功能描述idint15是否题库IDcodevarchar100否否题库编号titlevarchar100否否题库名称remarkint15否否题库备注create_timevarchar50否否创建时间update_timeint50否否更新时间el_qu_tag（标签表）具体结构如表4-13所示：表4-13el_qu_repo（标签表）列名数据类型大小主键否允许空功能描述idint15是否IDtag_typevarchar100否否标签类型tag_namevarchar100否否标签名称el_qu_tag_ref（题目标签表）具体结构如表4-14所示：表4-14el_qu_tag_ref（题目标签表）列名数据类型大小主键否允许空功能描述idint15是否IDqu_idvarchar100否否问题tag_idvarchar100否否标签el_user_course（用户课程状态表）具体结构如表4-15所示：表4-15el_qu（用户课程状态表）列名数据类型大小主键否允许空功能描述idint15是否自然IDuser_idvarchar100否否用户IDcourse_idvarchar100否否课程IDstudy_stateint15否否学习状态exam_statevarchar50否否考试状态exam_resultint50否否考试结果exam_scoredata0否否最高分数create_timedata0否否创建时间update_timeint30否否更新时间el_user_ware（课件阅读记录表）具体结构如表4-16所示：表4-16el_user_ware（课件阅读记录表）列名数据类型大小主键否允许空功能描述idint15是否IDuser_idvarchar100否否用户IDcourse_idvarchar100否否课程IDware_idint15否否课件IDneed_minvarchar50否否需要分钟learn_secint50否否已读秒数create_timedata0否否创建时间update_timedata0否否更新时间el_user_wrong_book（错题本表）具体结构如表4-17所示：表4-17el_user_wrong_book（错题本表）列名数据类型大小主键否允许空功能描述idint15是否IDuser_idvarchar100否否用户IDqu_idvarchar100否否题目IDcreate_timeint15否否加入时间update_timevarchar50否否最近错误时wrong_countint50否否错误时间sys_config（通用配置表）具体结构如表4-18所示：表4-18sys_config（通用配置表）列名数据类型大小主键否允许空功能描述idint15是否IDpreparevarchar100否否预热时长rest_startvarchar100否否休市开始时间rest_endint15否否休市结束时间sys_log（系统日志表）具体结构如表4-19所示：表4-19sys_log系统日志表）列名数据类型大小主键否允许空功能描述idint15是否IDtitlevarchar100否否日志名称user_idvarchar100否否用户IDuser_nameint15否否用户名称ipvarchar50否否IP地址ip_regionint50否否IP归属地create_timedata0否否创建时间datadata0否否日志明细sys_role（角色表）具体结构如表4-20所示：表4-20sys_role（角色表）列名数据类型大小主键否允许空功能描述idint15是否角色IDrole_namvarchar100否否角色名称sys_user（管理用户表）具体结构如表4-21所示：表4-21sys_user（管理用户表）列名数据类型大小主键否允许空功能描述idint15是否IDuser_namevarchar100否否用户名avatarvarchar100否否头像real_nameint15否否真实姓名passwordvarchar100否否密码salt`varchar100否否密码盐role_idsvarchar100否否角色列表create_timeint15否否创建时间update_timevarchar100否否更新时间stateint15否否状态sys_user_role（用户角色表）具体结构如表4-22所示：表4-22sys_user_role（用户角色表）列名数据类型大小主键否允许空功能描述idint15是否IDuser_idvarchar100否否用户IDrole_idvarchar100否否角色ID5．系统的实现5.1前端界面设计5.1.1S职中在线考试系统首页S职中在线考试系统首页主要是为了给用户提供简洁美观的登录页面，同时给学生提供了注册通道。运行结果如下图5-1所示，具体程序见附录home.vue：图5-1S职中在线考试系统网站首页5.1.2注册展示页面注册页面是为学生自主提供注册的见面，学生可以填写自己相关信息进行注册。该界面运行结果如图5-2所示。具体程序见附录register.vue。图5-2注册展示页面5.1.3学生登录主页面学生登录后的主界面，可以看到系统的介绍使用说明，后期可以由管理员发布学校的重要通知。该界面运行结果如图5-3所示。具体程序见附录dashboard.vue。图5-3学生登录页面5.1.4学生考试页面学生在线考试的主要页面，分别有记录时间、选择题型、提交试卷等功能。该界面运行结果如图5-4所示。图5-4学生考试页面5.1.5学生成绩主页面 学生查询成绩的显示页面，可以查询学生考试所有记录，该界面运行结果如图5-5所示。图5-5学生成绩页面5.1.6学生错题训练主页面学生可以根据系统检测的考试错题进行错题训练，该界面运行结果如图5-6所示。图5-6学错题训练页面

5.2教师和管理员界面5.2.1教师管理页面教师登录后的界面，具体功能有题库管理、试题管理、考试管理，教师可以根据自己的需要进行考试的安排。图5-7为题库管理界面，图5-8为登录后的试题管理界面。图5-9为登录后的考试管理界面具体程序见附录qu.vue。图5-7题库管理界面图5-8试题管理界面图5-9考试管理界面5.2.2系统管理界面系统管理员登录后的界面，包含了考试的管理功能和系统管理功能，可以对系统配置和人员部门进行管理。其中图5-10为系统用户管理界面，图5-11为系统部门的管理界面，图5-12为系统角色管理界面，图5-13为系统用户管理界面。具体程序见附录sys.vue。图5-10系统管理界面图5-11部门管理界面图5-12角色管理界面图5-13用户管理界面5.2.3成绩阅卷管理界面如下图所示，图5-14为阅卷管理界面，图