【毕业设计】基于SpingBoot+vue 在线考试系统(论文+源码+ppt+视频)

页面效果
http://mtw。so/pwd/6fSSgK ,将句号换成 .
密码:123456

作品描述

系统系基于 B/S 框架架构,采用SpringBoot和Vue.js实现系统。在此架构下进行系统开发,功能测试和调试Bug都十分方便。客户端只需安装Google Chrome等浏览器,服务端使用MySQL等数据库,通过DOM事件和后端程序实现向数据库中数据的交互。使用ElementUI创建出学生端和管理端的页面并绑定事件,后端使用SpringBoot整合Javaweb开发接口,SpringSercurity做权限管理,最后采用Nginx实现前后端分离系统的部署。这使后端不再需要处理静态资源,减少了请求压力。
视图层使用Vue.js前端框架,绑定接口返回的数据集实现页面的渲染,逻辑层使用SpringBoot框架结合具体业务封装成api接口向视图层提供,数据层使用MybatisPlu实现DAO层向数据库的访问。系统架构如图4-1。
在这里插入图片描述

实现效果

在这里插入图片描述

e5c016e9454e1ebe08bffaa4f6bcd5.png)
在这里插入图片描述在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述在这里插入图片描述

下载

论文

第1章 绪论

1.1 系统开发目的
近年来,组卷应用程序的复杂性越来越高。普通应用程序逐渐达不到当前用户的需求水平。因为在普通的Web框架中,当用户刷新系统界面时,系统会自动丢弃旧的界面数据,获取新的页面信息。这种看起来很简单的动作实际上会增加数据在浏览器与数据服务器间的传输压力,从而造成系统反应迟缓[1]。在线考试具有无可比拟的优越性。它极大减少了教师出题,学生做题,手工批改等环节的工作量,开发一套智能化的试题自动生成系统,可以为考生提供一个便捷的考试环境,并使教师能够更好地完成组卷工作,从而减轻教师的工作压力。
1.2 系统开发意义
在计算机相关技术快速发展的环境下,设计一个高效、性能良好的在线智能试卷生成系统,实现各种考试向无纸化甚至自动化的转变,具有重大的实用价值和意义[2]。教学成果的检测常常依赖于考试,试卷作为教育检测中的有效工具。教考老师一般通过多年的教育工作经验,综合考虑多个知识点,结合教学进度,并参照往届考题,才可以出一份可靠的试卷。命题试卷、集体阅卷、考试安排等又会消耗大量的人力财力,本系统的研究打破了传统考试的弊端,简化考试步骤,提高了组卷工作的效率,有利于实现试卷库的数字化管理[3]。
1.3 国内外研究状况
国外在线考试系统在智能化和数据挖掘方面暂时领先于中国。美国由笔试向网络考试过渡的著名案例是ETS GRE(美国研究生入学考试),系统主要由C语言等编写[4]。英国也促进了远程在线考试的快速发展。最初是在公共部门进行,后来扩展到英国的大型公司,随后欧盟也广泛应用网上考试系统。现在,国际上通用的认证考试大都是 UVE认证中心提供的,主要目的是提供高质量的证书,如 CCSP、 CCIE等。
我国在线考试起步较晚,但发展迅速。上世纪九十年代初期,我国多项考试开始采用计算机进行测验[5]。2000年左右,北京大学、清华大学等高校开始尝试基于局域网的C / S模式在线考试。2000年以后,我国以B / S、C / S为主要结构发展网上教育和在线考试系统。近年来,主要的在线考试系统有“新东方”、“猿题库”、“学习通”等,主要以c#、Java、javascript等语言开发。

第2章 关键技术介绍

2.1 Vue.js技术
Vue.js框架由尤雨溪开发创建,是前端主流的Js框架。Vue主要包括视图层、模型层和视图-模型层。视图层负责显示页面;视图模型层对 DOM事件做出响应,并将模型层返回的数据绑定到视图中;模型层的任务是对交互的请求进行处理[6]。Vue.js相对于其它当前主流的前端框架有如下优势。
语法简单易懂,学习成本低,使用简单。
不用脏检查,运行时性能优越。
数据双向绑定,视图层数据与模型层数据同步变化。
传统前端将页面与业务逻辑进行紧密耦合,使DOM代码维护起来很难,MVVM模式实现了Js逻辑代码和HTML代码的充分解耦。数据的双向自动绑定,使开发更多关注于业务处理,提高了效率。具体模型如图2-1所示。

图2-1 Vue渲染过程
2.2 SpringBoot框架简介
Spring[7]是国内常用的开发框架。然而,随着项目业务的深入和系统功能的复杂性,Spring带来了很多复杂的配置工作。在上述环境下,SpringBoot继承了Spring一贯的优点和特性,基于“习惯优于配置”原则,内置一个“习惯性”的配置,开发者无须手动进行配置,项目可以快速运行起来使用。SpringBoot更容易创建一个独立运行的项目、准生产级别的基Spring 框架的项目,使用 Spring BootSpring 简化配置。SpringBoot有如下优点。
提供启动程序,避免了依赖版本冲突。
需要单独的Web服务器,即不再需要启动Tomcat或其他任何中间件。
提供常见的非功能性特征,如日志、系统运行状态等。
和与云计算、微服务的天然集成。
2.3 B/S结构框架
B / S结构[8](Browser / Server)的优势非常明显。B / S结构的系统使用WEB浏览器作为系统客户端,能有效减少维护系统的工作量。用户可以使用谷歌等浏览器,不需要下载其它的客户端软件,则可以直接使用系统。C/S模式的不足之处是,当许多用户同时浏览时,系统可能会瘫痪或者卡顿,进而系统崩溃的可能性很高。B / S系统的架构如图2-2。

图2-2 B/S系统架构
2.4 MySQL数据库
MySQL数据库[9]可靠,快速且稳定,足以满足数据存储业务的需求。因其性能的优越性,和操作的便捷性,已经成为中小企业广泛使用的数据库软件。MySQL数据库有一下特点。
存储容量大,可满足大多数常规要求。
具有成熟的管理数据库功能。
数据库安全机制是完整的。
MySQL通过将缓存数据临时存储到硬盘,大大减少了IO开销所占的时间。在线事务处理功能开发团队的声誉。因此,本文将从经济、操作、技术三个层面进行分析。
3.1.1经济可行性
经济可行性是综合考虑系统的价值,通过计算整个开发过程的成本以及后期维护的成本和项目收益,总收益是否可以覆盖成本,进而决定项目是否开发。智能试卷生成系统研发团队是本人
3.1.2 操作可行性
系统采用B / S架构。B / S框架最大的优点是系统不需要安装指定的客户端就可以使用,降低了对客户端的配置要求。通过浏览

你可能感兴趣的:(毕业设计,vue.js,java,前端)