ToB企服应用市场:ToB评测及商务社交产业平台

标题: 一个基于 SpringBoot + Vue 的在线考试系统 [打印本页]

---

作者: 写过一篇    时间: 2024-9-26 08:42
标题: 一个基于 SpringBoot + Vue 的在线考试系统
大家好，我是 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企服之家，中国第一个企服评测及商务社交产业平台。

---

欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)

Powered by Discuz! X3.4