![fabed5d4d3dca391dfbac2b88a651f53.png](https://i-blog.csdnimg.cn/blog_migrate/bc5a557c095e5cff2709b0bea9b7eeed.jpeg)
今天推荐一款超级美观的在线考试系统,感兴趣可以先去预览地址看看该项目。
在线 Demo预览,http://129.211.88.191 ,账户分别是admin、teacher、student,密码是admin123
GitHub地址:github.com/19920625lsg/spring-boot-online-exam
功能简介
支持单选题、多选题、判断题
支持学生(student)、教师(teacher)、管理员(admin)三种角色
学生:参加考试和查看我的考试
教师:学生的所有权限+创建/编辑题目+创建/编辑考试
管理员:教师的所有权限+管理用户
软件架构
前后端分离,前段组件化,方便二次开发;后端
后端采用SpringBoot+JPA++Swagger2+JWT校验,根据不同用户的权限返回给用户不同的数据
前端采用Vue+AntDesign,组件化拆分,封装了很多年公共组件,方便维护和二次开发
使用教程
1.下载代码
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 即可查看演示效果
登陆
首页
![ef4ceaea247cfbcec3f9ed72d55591c8.png](https://i-blog.csdnimg.cn/blog_migrate/77b7e4037ace233a7feede79758bc71c.jpeg)
![8e710a2c14b8040f2d67a0b8fa241f62.png](https://i-blog.csdnimg.cn/blog_migrate/e5f76450b73bf1b55b816f71389fea64.jpeg)
答题
![4f268d413cab19e390c3398dff9e4089.png](https://i-blog.csdnimg.cn/blog_migrate/dd1109507aa5dcf0f8a22609f995271e.jpeg)
考试管理
![3694e7b6c0bb78408901024834534666.png](https://i-blog.csdnimg.cn/blog_migrate/a2e2feceb4bc665559c976242437a3ac.jpeg)
考试列表
![9880c9fbc1925e8a837b3b99b3b27514.png](https://i-blog.csdnimg.cn/blog_migrate/65936162f6f9d624a13be6345c1cfba7.jpeg)