springboot vue training

基於SpringBoot + Vue的軟考線上培訓系統

前言

基於SpringBoot + Vue的軟考線上培訓系統，網站總體包含兩部分，一部分是前台，一部分是後台管理；實現培訓機構管理員、培訓講師、學員三者在管理端和學員端中的需求。管理端系統包括了講師管理、課程管理、考試管理等模組，主要實現講師申請和審核、課程設定和審核、導入試捲和題庫的管理。學員端系統則是包含了考試、課程、綜合等模組，分別實現了學員的題目訓練、模擬考試以及社區討論等功能。

組織結構

• 項目結構的一些簡單說明

前端系统前台 soft - exam - online - learning  

前端系统管理后台  soft - exam - online - learning - admin

后端  soft - exam - server  

• 後端服務項目結構的一些簡單說明

 ├─zeng - business 业务模块服务
│  
├─zeng - common   公共模块服务
│  
├─zeng - framework  开发组件服务
│  
├─zeng - mail - server  邮箱模块服务
│  
├─zeng - system  系统模块服务
│   
└─zeng - web   系统启动服务

技術選型

後端技術	名稱	版本
Spring Boot	Spring框架	2.2.13
Redis	分散式快取資料庫	2.2.7
spring-boot-starter-amqp	RabbitMQ應用	2.2.13
tk.mybatis	ORM框架	4.0.3
Maven	專案建置管理	3.6.0+
alibaba Druid	資料庫連線池	1.2.6
MySQL	資料庫	5.6+
com.github.pagehelper	分頁插件	1.3.1
com.alibaba.fastjson	資料解析工具	1.2.76
swagger	後台api管理工具	3.0.0
com.github.penggle	驗證碼生成	2.3.2
qiniu-java-sdk	oss儲存	[7.7.0, 7.7.99]

前端技術	使用
Vue2	前端js框架
vue-router	vue路由
Vuex	狀態管理
Element-UI	前端UI元件庫
axios	http請求庫
echarts、antv/g2、antv/g6	圖表視覺化庫
stompjs	websocket庫
vue-simple-uploader	文件斷點續傳、分片上傳
sass	css編譯語言
webpack	前端建置工具

開發環境

安装 JDK（1.8+）
安装 Maven (3.6.0+)
安装 Redis 服务 (3.0+)
安装 RabbitMQ （3.9.11）
安装 MySQL (5.6+)
安装 IDEA（2019.3）
安装 Node (16.15.1)
安装 npm (8.13.1)
安装 VS CODE

專案截圖

前台

後台管理