基于 Spring Boot 的在线考试系统

互联网全栈架构

共 950字,需浏览 2分钟

 · 2020-10-12

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

今天推荐一款非常不错的,基于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

  • 登录页

  • 首页

考试列表页


浏览 60
点赞
评论
收藏
分享

手机扫一扫分享

举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

举报