点击上方「蓝字」关注我们

今天推荐一款非常不错的，基于Spring Boot与Vue的前后端分离的在线考试系统。仓库地址：

https://github.com/19920625lsg/spring-boot-online-exam

0x01：功能简介

支持单选题、多选题、判断题

支持学生(student)、教师(teacher)、管理员(admin)三种角色

• 学生：参加考试和查看我的考试

• 教师：学生的所有权限+创建/编辑题目+创建/编辑考试

• 管理员：教师的所有权限+管理用户

0x02：软件架构

前后端分离，前端组件化，方便二次开发；

• 后端采用 SpringBoot + JPA + Swagger2 + JWT 校验，根据不同用户的权限返回给用户不同的数据
  

• 前端采用 Vue + AntDesign，组件化拆分，封装了很多公共组件，方便维护，及二次开发

0x03：开发搭建部署

① 下载源码

git clone https://github.com/19920625lsg/java-thread.git

② 创建数据库

新建exam数据库，并导入SQL文件

spring-boot-online-exam/doc/sql/exam.sql

③ 导入后端代码，并修改配置文件

导入代码

配置文件application.yml的路径

spring-boot-online-exam/backend/exam/src/main/resources/application.yml

主要修改数据库连接信息

启动后端

com.huawei.l00379880.exam.ExamApplication

④ 启动前端

进入到前端代码路径 

spring-boot-online-exam/frontend/exam/

安装js依赖 

npm install

启动前端

npm run serve

0x04：查询效果

系统用户：账户分别是admin、teacher、student，密码是admin123

• 登录页

• 首页
  

考试列表页