小編這次要給大家分享的是詳解SpringBoot +Vue如何開(kāi)發(fā)考試系統(tǒng)，文章內(nèi)容豐富，感興趣的小伙伴可以來(lái)了解一下，希望大家閱讀完這篇文章之后能夠有所收獲。

波密網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)建站,波密網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為波密上千提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)要多少錢，請(qǐng)找那個(gè)售后服務(wù)好的波密做網(wǎng)站的公司定做！

一、考試系統(tǒng)簡(jiǎn)介

新鮮出爐的一款SpringBoot +Vue的考試系統(tǒng)，支持多種題型：選擇題、多選題、判斷題、填空題、綜合題以及數(shù)學(xué)公式。支持在線考試，教師在線批改試卷。

二、項(xiàng)目架構(gòu)

后端技術(shù)棧

• SpringBoot: SpringBoot是由Pivotal團(tuán)隊(duì)提供的全新框架，其設(shè)計(jì)目的是用來(lái)簡(jiǎn)化Spring應(yīng)用的創(chuàng)建、運(yùn)行、調(diào)試、部署等。
• Mybatis: 一個(gè)持久層的框架,與數(shù)據(jù)庫(kù)進(jìn)行交互,將數(shù)據(jù)持久化到關(guān)系型數(shù)據(jù)庫(kù)中
• Shiro: 一個(gè)功能強(qiáng)大且易于使用的Java安全框架，進(jìn)行身份驗(yàn)證，授權(quán)，加密和會(huì)話管理，可用于保護(hù)任何應(yīng)用程序- 從命令行應(yīng)用程序，移動(dòng)應(yīng)用程序到大型的Web應(yīng)用和企業(yè)應(yīng)用。
• mysql: 一個(gè)輕量級(jí)關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng)，由瑞典MySQL AB公司開(kāi)發(fā)，目前屬于Oracle公司。
• redis: 一個(gè)完全開(kāi)源免費(fèi)的，遵守BSD協(xié)議，是一個(gè)高性能的key-value數(shù)據(jù)庫(kù)。

前端技術(shù)

• Vue: 一套用于構(gòu)建用戶界面的漸進(jìn)式框架。 與其它大型框架不同的是，Vue 被設(shè)計(jì)為可以自底向上逐層應(yīng)用。
• Vuex: 一個(gè)專為Vue.js 應(yīng)用程序開(kāi)發(fā)的狀態(tài)管理模式。 它采用集中式存儲(chǔ)管理應(yīng)用的所有組件的狀態(tài)，并以相應(yīng)的規(guī)則保證狀態(tài)以一種可預(yù)測(cè)的方式發(fā)生變化。
• Element-UI: 一套為開(kāi)發(fā)者、設(shè)計(jì)師和產(chǎn)品經(jīng)理準(zhǔn)備的基于Vue 2.0 的桌面端組件庫(kù)。
• vue-router: Vue.js 官方的路由管理器。
• axios: 一個(gè)基于Promise 的HTTP 庫(kù)，可以用在瀏覽器和node.js 中。

項(xiàng)目說(shuō)明

考試系統(tǒng)整體為前后端分離項(xiàng)目，作者又在這基礎(chǔ)上，將后端拆分成兩個(gè)管理員后端和學(xué)生考試后端，后端的代碼是在一起。前端也做了類似的拆分，所以其實(shí)是兩個(gè)后端項(xiàng)目，兩個(gè)前端項(xiàng)目。本篇先講一下學(xué)生考試部分的前后端環(huán)境搭建。功能包括：學(xué)員在線做課程試題、在線考試、錯(cuò)題本功能記錄、考試記錄、個(gè)人中心。

后端項(xiàng)目地址

后端項(xiàng)目地址: https://gitee.com/zhuimengshaonian/wisdom-education

• 管理員后臺(tái): education-admin-api
• 學(xué)生考試后臺(tái): education-student-api

前端項(xiàng)目地址

• 管理員前端: https://gitee.com/zhuimengshaonian/wisdom-education-admin-front
• 學(xué)生考試前端: https://gitee.com/zhuimengshaonian/wisdom-education-front

三、實(shí)戰(zhàn)

3.1 后端服務(wù)

下載項(xiàng)目

git clone https://gitee.com/zhuimengshaonian/wisdom-education.git

初始化數(shù)據(jù)庫(kù)
創(chuàng)建數(shù)據(jù)庫(kù)education,執(zhí)行數(shù)據(jù)庫(kù)腳本。這里數(shù)據(jù)庫(kù)腳本在項(xiàng)目的db目錄下。

init-data.sql  #初始化數(shù)據(jù)
init-region.sql #初始化system_region
init-table.sql  #初始化表結(jié)構(gòu)

注意:system_log表少一個(gè)字段request_url,類型為varchar(100)。
修改配置
閱讀項(xiàng)目配置文件可知，項(xiàng)目使用的prod的配置文件，所以我們直接看application-prod.yml文件即可。這里主要關(guān)注數(shù)據(jù)庫(kù)連接，再添加一下redis的配置。

server:
 port: 8001 #服務(wù)器端口
 servlet:
 context-path: /
#spring jdbc配置
spring:
#redis相關(guān)配置
 redis:
 jedis:
 pool:
 max-active: 8
 max-wait: 30
 max-idle: 8
 min-idle: 0
 port: 6379
 host: localhost
 password: 123456
#數(shù)據(jù)庫(kù)連接
 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

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

本文標(biāo)題：詳解SpringBoot+Vue如何開(kāi)發(fā)考試系統(tǒng)-創(chuàng)新互聯(lián)
轉(zhuǎn)載來(lái)源：http://weahome.cn/article/dscehd.html