idea新建springboot后端到前端_基于 Spring Boot 的在线考试系统

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.ymlpassword: 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
  • 1.2 题目创建 >

61e9ea9d64e74dad1930804fa2ba03e2.png
  • 1.3 题目更新 >

61e9ea9d64e74dad1930804fa2ba03e2.png
  • 2.考试管理
  • 2.1 考试列表 >

61e9ea9d64e74dad1930804fa2ba03e2.png
  • 2.2 考试创建 >

61e9ea9d64e74dad1930804fa2ba03e2.png
  • 2.3 考试更新(还有点小bug,开发中) >

61e9ea9d64e74dad1930804fa2ba03e2.png
  • 3.我的考试
  • 3.1 参加考试 > 在"考试列表"模块点击自己想参加的考试卡片即可 >

61e9ea9d64e74dad1930804fa2ba03e2.png

>

61e9ea9d64e74dad1930804fa2ba03e2.png
  • 3.2 考试记录查看 >

61e9ea9d64e74dad1930804fa2ba03e2.png

参与贡献

  1. Fork 本仓库
  2. 新建 exam_xxx 分支
  3. 提交代码
  4. 新建 Pull Request
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值