前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >基于 Spring Boot 的在线考试系统

基于 Spring Boot 的在线考试系统

作者头像
BUG弄潮儿
发布于 2020-10-19 01:58:31
发布于 2020-10-19 01:58:31
4.2K00
代码可运行
举报
文章被收录于专栏:JAVA乐园JAVA乐园
运行总次数:0
代码可运行

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

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
https://github.com/19920625lsg/spring-boot-online-exam

0x01:功能简介

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

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

  • 学生:参加考试和查看我的考试
  • 教师:学生的所有权限+创建/编辑题目+创建/编辑考试
  • 管理员:教师的所有权限+管理用户

0x02:软件架构

前后端分离,前端组件化,方便二次开发;

  • 后端采用 SpringBoot + JPA + Swagger2 + JWT 校验,根据不同用户的权限返回给用户不同的数据
  • 前端采用 Vue + AntDesign,组件化拆分,封装了很多公共组件,方便维护,及二次开发

0x03:开发搭建部署

① 下载源码

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
git clone https://github.com/19920625lsg/java-thread.git

创建数据库

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
spring-boot-online-exam/doc/sql/exam.sql

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

导入代码

配置文件application.yml的路径

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
spring-boot-online-exam/backend/exam/src/main/resources/application.yml

主要修改数据库连接信息

启动后端

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
com.huawei.l00379880.exam.ExamApplication

④ 启动前端

进入到前端代码路径

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
spring-boot-online-exam/frontend/exam/

安装js依赖

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
npm install

启动前端

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
npm run serve

0x04:查询效果

系统用户:账户分别是admin、teacher、student,密码是admin123

  • 登录页
  • 首页

考试列表页

扫码二维码

获取更多精彩

Java乐园

有用!分享+在看☟

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2020-09-30,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 BUG弄潮儿 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验