springboot vue training

Soft exam online training system based on SpringBoot + Vue

Preface

Based on the SpringBoot + Vue soft exam online training system, the website generally consists of two parts, one is the front desk and the other is the backend management; it meets the needs of training institution administrators, training instructors, and students on the management side and the student side. The management system includes modules such as lecturer management, course management, and exam management, which mainly implements the management of lecturer application and review, course setting and review, and imported test papers and question banks. The student-side system includes examination, course, comprehensive and other modules, which respectively realize the functions of students' question training, simulation examination and community discussion.

organizational structure

• Some brief explanations of project structure

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

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

后端  soft - exam - server  

• Some brief explanations of the backend service project structure

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

Technology selection

Backend technology	name	Version
Spring Boot	Spring framework	2.2.13
Redis	Distributed cache database	2.2.7
spring-boot-starter-amqp	RabbitMQ application	2.2.13
tk.mybatis	ORM framework	4.0.3
Maven	Project build management	3.6.0+
alibaba Druid	Database connection pool	1.2.6
MySQL	database	5.6+
com.github.pagehelper	Pagination plugin	1.3.1
com.alibaba.fastjson	Data analysis tools	1.2.76
swagger	Backend api management tool	3.0.0
com.github.penggle	Verification code generation	2.3.2
qiniu-java-sdk	oss storage	[7.7.0, 7.7.99]

Front-end technology	use
Vue2	Front-end js framework
vue-router	vue routing
Vuex	Status management
Element-UI	Front-end UI component library
axios	http request library
echarts,antv/g2,antv/g6	Chart visualization library
stompjs	websocket library
vue-simple-uploader	File breakpoint resume upload, multipart upload
sass	css compiled language
webpack	Front-end build tools

development environment

安装 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

Project screenshots

front desk

Backend management