详解SpringBoot+Vue如何开发考试系统-创新互联-成都快上网建站

详解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

另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


分享文章:详解SpringBoot+Vue如何开发考试系统-创新互联
地址分享:http://kswjz.com/article/dscehd.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流