SpringBoot +Vue开发考试系统的教程
48 浏览量
2020-08-19
03:45:04
上传
评论 9
收藏 205KB PDF 举报
SpringBoot +Vue开发考试系统的教程开发考试系统的教程
主要介绍了SpringBoot +Vue开发考试系统,支持多种题型：选择题、多选题、判断题、填空题、综合题以及数学公式。支持在线考试，教师在线批改试卷。本文通过实例代码给大
家介绍的非常详细，需要的朋友可以参考下
一、考试系统简介一、考试系统简介
新鲜出炉的一款SpringBoot +Vue的考试系统，支持多种题型：选择题、多选题、判断题、填空题、综合题以及数学公式。支持在线考试，教师在线批改试卷。
二、项目架构二、项目架构
后端技术栈后端技术栈
SpringBoot: SpringBoot是由Pivotal团队提供的全新框架，其设计目的是用来简化Spring应用的创建、运行、调试、部署等。
Mybatis: 一个持久层的框架,与数据库进行交互,将数据持久化到关系型数据库中
Shiro: 一个功能强大且易于使用的Java安全框架，进行身份验证，授权，加密和会话管理，可用于保护任何应用程序- 从命令行应用程序，移动应用程序到大型的Web应用和企业应用。
mysql: 一个轻量级关系型数据库管理系统，由瑞典MySQL AB公司开发，目前属于Oracle公司。
redis: 一个完全开源免费的，遵守BSD协议，是一个高性能的key-value数据库。
前端技术前端技术
Vue: 一套用于构建用户界面的渐进式框架。 与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。
Vuex: 一个专为Vue.js 应用程序开发的状态管理模式。 它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
Element-UI: 一套为开发者、设计师和产品经理准备的基于Vue 2.0 的桌面端组件库。
vue-router: Vue.js 官方的路由管理器。
axios: 一个基于Promise 的HTTP 库，可以用在浏览器和node.js 中。
项目说明项目说明
考试系统整体为前后端分离项目，作者又在这基础上，将后端拆分成两个管理员后端和学生考试后端，后端的代码是在一起。前端也做了类似的拆分，所以其实是两个后端项目，两个前端项目。本篇先
讲一下学生考试部分的前后端环境搭建。功能包括：学员在线做课程试题、在线考试、错题本功能记录、考试记录、个人中心。
后端项目地址后端项目地址
后端项目地址: https://gitee.com/zhuimengshaonian/wisdom-education
管理员后台: education-admin-api
学生考试后台: education-student-api
前端项目地址前端项目地址
管理员前端: https://gitee.com/zhuimengshaonian/wisdom-education-admin-front
学生考试前端: https://gitee.com/zhuimengshaonian/wisdom-education-front
三、实战三、实战
3.1 后端服务
下载项目下载项目
git clone https://gitee.com/zhuimengshaonian/wisdom-education.git
初始化数据库初始化数据库
创建数据库education,执行数据库脚本。这里数据库脚本在项目的db目录下。
init-data.sql #初始化数据
init-region.sql #初始化system_region
init-table.sql #初始化表结构
注意:system_log表少一个字段request_url,类型为varchar(100)。
修改配置修改配置
阅读项目配置文件可知，项目使用的prod的配置文件，所以我们直接看application-prod.yml文件即可。这里主要关注数据库连接，再添加一下redis的配置。
server:
port: 8001 #服务器端口
servlet:
context-path: /
#spring jdbc配置
spring:
#redis相关配置
redis:
jedis:
pool:
max-active: 8
max-wait: 30
max-idle: 8
min-idle: 0
port: 6379
host: localhost
password: 123456
#数据库连接
datasource:
url: jdbc:mysql://localhost:3306/education?serverTimezone=GMT%2B8&useSSL=true&useUnicode=true&characterEncoding=utf8
username: root
password: 123456
driver-class-name: com.mysql.cj.jdbc.Driver
运行运行Application
运行EducationStudentApiApplication类，即可本地启动后端服务。
3.2 前端服务
资源评论
