一个基于 SpringBoot + Vue 的在线考试系统

打印 上一主题 下一主题

主题 828|帖子 828|积分 2484

大家好,我是 Java陈序员。
今天,给大家介绍一个前后端分离的在线考试系统。
关注微信公众号:【Java陈序员】,获取开源项目分享、AI副业分享、超200本经典盘算机电子书籍等。
项目介绍

spring-boot-online-exam —— 一个基于 Spring Boot + Vue 实现的在线考试系统,支持学生、教师、管理员三种角色。
功能特色

  • 支持单选题、多选题、判断题
  • 支持学生、教师、管理员三种角色

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

技术栈

  • 前后端分离,前段组件化,方便二次开发
  • 前端:Vue + AntDesign
  • 后端:SpringBoot + JPA + Swagger2 + JWT
功能图示

考试卡片


问题管理


考试管理


我的考试


快速上手

1、下载代码
  1. git clone https://github.com/19920625lsg/spring-boot-online-exam.git
复制代码
2、初始化数据库

  • 创建数据库
  1. CREATE DATABASE `exam` DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_bin;
复制代码

  • 执行脚本 spring-boot-online-exam/doc/sql/exam.sql,初始化数据
3、启动后端

  • 将项目以 Maven 项目的形式导入到 IDEA
  • 修改配置文件 spring-boot-online-exam/backend/src/main/resources/application.yml 中的数据库连接信息
  1. spring:
  2.   datasource:
  3.     driver-class-name: com.mysql.cj.jdbc.Driver
  4.     username: root
  5.     password: aA111111
  6.     url: jdbc:mysql://localhost:3306/exam?characterEncoding=utf-8&useSSL=false&serverTimezone=Asia/Shanghai
复制代码

  • 执行主启动类 lsgwr.exam.ExamApplication,启动后端服务
  • 浏览器访问 Swagger 文档地址 http://localhost:9527/swagger-ui.html 说明启动成功
4、启动前端

  • 进入前端代码
  1. cd spring-boot-online-exam/frontend/exam/
复制代码

  • 安装依赖
  1. npm install
复制代码

  • 启动前端
  1. npm run serve
复制代码
5、浏览器访问 http://localhost:8000
默认登任命户名:admin、teacher、student,密码:admin123
  1. 项目地址:https://github.com/lsgwr/spring-boot-online-exam
复制代码
最后

推荐的开源项目已经收录到 GitHub 项目,接待 Star:
  1. https://github.com/chenyl8848/great-open-source-project
复制代码
或者访问网站,进行在线浏览:
  1. https://chencoding.top:8090/#/
复制代码

大家的点赞、收藏和评论都是对作者的支持,如文章对你有帮助还请点赞转发支持下,谢谢!

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

写过一篇

金牌会员
这个人很懒什么都没写!
快速回复 返回顶部 返回列表