前言:
目前各位老铁们对“vue实现单选题”大概比较关心,朋友们都想要知道一些“vue实现单选题”的相关文章。那么小编也在网上收集了一些对于“vue实现单选题””的相关知识,希望你们能喜欢,我们一起来学习一下吧!今天推荐一款超级美观的在线考试系统,感兴趣可以先去预览地址看看该项目。
在线 Demo预览, ,账户分别是admin、teacher、student,密码是admin123
GitHub地址:github.com/19920625lsg/spring-boot-online-exam
功能简介
支持单选题、多选题、判断题
支持学生(student)、教师(teacher)、管理员(admin)三种角色
学生:参加考试和查看我的考试
教师:学生的所有权限+创建/编辑题目+创建/编辑考试
管理员:教师的所有权限+管理用户
软件架构
前后端分离,前段组件化,方便二次开发;后端
后端采用SpringBoot+JPA++Swagger2+JWT校验,根据不同用户的权限返回给用户不同的数据
前端采用Vue+AntDesign,组件化拆分,封装了很多年公共组件,方便维护和二次开发
使用教程
1.下载代码
git clone
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://本机ip:8000 即可查看演示效果
登陆
首页
答题
考试管理
考试列表
标签: #vue实现单选题