spring-boot-online-exam
在线Demo预览, http:// 129.211.88.191 ,账户分别是admin、teacher、student,密码是admin123
介绍
基于springboot的在线考试系统
功能简介
- 支持单选题、多选题、判断题
- 支持学生(student)、教师(teacher)、管理员(admin)三种角色
- 学生:参加考试和查看我的考试
- 教师:学生的所有权限+创建/编辑题目+创建/编辑考试
- 管理员:教师的所有权限+管理用户
软件架构
前后端分离,前段组件化,方便二次开发;后端
- 后端采用SpringBoot+JPA++Swagger2+JWT校验,根据不同用户的权限返回给用户不同的数据
- 后端采用Vue+AntDesign,组件化拆分,封装了很多年公共组件,方便维护和二次开发
使用教程
- 1.下载代码
shell git clone https://github.com/19920625lsg/spring-boot-online-exam.git
- 2.初始化数据库 安装mysql的步骤这里省略,网上的教程很多。安装好mysql后,新建exam数据库,密码和
spring-boot-online-exam/backend/exam/src/main/resources/application.yml
的password: xxxxxx
保持一致,然后导入spring-boot-online-exam/doc/sql/exam.sql
- 3.启动后端 打开
spring-boot-online-exam/backend/exam
这个Maven项目,可以在IDE里启动或者执行mvn install
生成jar包启动 - 4.启动前端
- 进入到前端代码路径
cd spring-boot-online-exam/frontend/exam/
- 安装依赖
npm install
- 启动前端
npm run serve
- 5.部署完毕,查看效果 打开 http://localhost:8000 或者 http://本机ip:8000 即可查看演示效果
功能图示
- 1.管理题目
- 1.1 题目列表 >
![61e9ea9d64e74dad1930804fa2ba03e2.png](https://img-blog.csdnimg.cn/img_convert/61e9ea9d64e74dad1930804fa2ba03e2.png)
- 1.2 题目创建 >
![61e9ea9d64e74dad1930804fa2ba03e2.png](https://img-blog.csdnimg.cn/img_convert/61e9ea9d64e74dad1930804fa2ba03e2.png)
- 1.3 题目更新 >
![61e9ea9d64e74dad1930804fa2ba03e2.png](https://img-blog.csdnimg.cn/img_convert/61e9ea9d64e74dad1930804fa2ba03e2.png)
- 2.考试管理
- 2.1 考试列表 >
![61e9ea9d64e74dad1930804fa2ba03e2.png](https://img-blog.csdnimg.cn/img_convert/61e9ea9d64e74dad1930804fa2ba03e2.png)
- 2.2 考试创建 >
![61e9ea9d64e74dad1930804fa2ba03e2.png](https://img-blog.csdnimg.cn/img_convert/61e9ea9d64e74dad1930804fa2ba03e2.png)
- 2.3 考试更新(
还有点小bug,开发中
) >
![61e9ea9d64e74dad1930804fa2ba03e2.png](https://img-blog.csdnimg.cn/img_convert/61e9ea9d64e74dad1930804fa2ba03e2.png)
- 3.我的考试
- 3.1 参加考试 > 在"考试列表"模块点击自己想参加的考试卡片即可 >
![61e9ea9d64e74dad1930804fa2ba03e2.png](https://img-blog.csdnimg.cn/img_convert/61e9ea9d64e74dad1930804fa2ba03e2.png)
>
![61e9ea9d64e74dad1930804fa2ba03e2.png](https://img-blog.csdnimg.cn/img_convert/61e9ea9d64e74dad1930804fa2ba03e2.png)
- 3.2 考试记录查看 >
![61e9ea9d64e74dad1930804fa2ba03e2.png](https://img-blog.csdnimg.cn/img_convert/61e9ea9d64e74dad1930804fa2ba03e2.png)
参与贡献
- Fork 本仓库
- 新建 exam_xxx 分支
- 提交代码
- 新建 Pull Request