网站首页 > 精选文章 正文
今天推荐一款超级美观的在线考试系统,感兴趣可以先去预览地址看看该项目。
在线 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.ymlpassword: xxxxxx
保持一致,然后导入
spring-boot-online-exam/doc/sql/exam.sql
3.启动后端
打开
这个Maven项目,可以在IDE里启动或者执行
spring-boot-online-exam/backend/exammvn install
生成jar包启动
4.启动前端
进入到前端代码路径
cd
spring-boot-online-exam/frontend/exam/安装依赖
npm install
启动前端
npm run serve
5.部署完毕,查看效果
打开 http://localhost:8000 或者 http://本机ip:8000 即可查看演示效果
登陆
首页
答题
考试管理
考试列表
- 上一篇: 如何在外网实现像访问本地硬盘一样访问NAS的文件
- 下一篇: vue 一键换肤(vue切换皮肤)
猜你喜欢
- 2025-06-09 Tauri:快速、跨平台的桌面应用程序
- 2025-06-09 WSL-Window环境下开发必备好工具(wsl2 开发环境)
- 2025-06-09 2023年Vue开发中的8个最佳工具(vue适合开发什么项目)
- 2025-06-09 分享 8 个实用的 Vue 开发技巧,建议收藏!
- 2025-06-09 15 款开发者必备的 JavaScript 工具
- 2025-06-09 vue 一键换肤(vue切换皮肤)
- 2025-06-09 如何在外网实现像访问本地硬盘一样访问NAS的文件
- 2025-06-09 vue+nginx代理配置,解决跨域问题
- 最近发表
- 标签列表
-
- 向日葵无法连接服务器 (32)
- git.exe (33)
- vscode更新 (34)
- dev c (33)
- git ignore命令 (32)
- gitlab提交代码步骤 (37)
- java update (36)
- vue debug (34)
- vue blur (32)
- vscode导入vue项目 (33)
- vue chart (32)
- vue cms (32)
- 大雅数据库 (34)
- 技术迭代 (37)
- 同一局域网 (33)
- github拒绝连接 (33)
- vscode php插件 (32)
- vue注释快捷键 (32)
- linux ssr (33)
- 微端服务器 (35)
- 导航猫 (32)
- 获取当前时间年月日 (33)
- stp软件 (33)
- http下载文件 (33)
- linux bt下载 (33)