基于SpringBoot 在线答题系统 含小程序!

今天推荐一款非常不错的在线答题考试项目,使用 SpringBoot+Vue 前后端分离开发,功能完善,界面简洁,主要优点是开发、部署简单快捷、界面设计友好、代码结构清晰。目前支持PC端和微信小程序,能覆盖到pc机和手机等设备。

1 主要技术栈

后台
spring-boot 2.1.6.RELEASE
spring-boot-security 用户登录验证
undertow web容器
postgresql/mysql 优秀的开源数据库
redis 缓存,提升系统性能
mybatis 数据库中间件
hikari 速度最快的数据库连接池

前台
Vue.js 采用新版,使用了vue-cli3搭建的系统,减少大量配置文件
element-ui 最流行的vue组件,采用的最新版
vue-element-admin 最新版,对该系统做了大量精简,只保留了部分样式和控件
echarts 图表统计
ueditor 填空题扩展插件

微信小程序
iView 主题样式

2 功能介绍

学生系统

登录、注册:注册时要选年级,过滤不同年级的试卷, 账号为:student/123456
首页:任务中心、固定试卷、时段试卷、可以能做的一部分试卷
试卷中心:包含了所有能做的试卷,按学科来过滤和分页
考试记录:所有的试卷考试记录在此处分页,可以查看试卷结果、用时、得分、自行批改等
错题本:所有做错的题目,可以看到做题的结果、分数、难度、解析、正确答案等
个人中心:个人日志记录
消息:消息通知
试卷答题和试卷查看:展示出题目的基本信息和需要填写的内容

管理系统功能

登录:账号为:admin/123456
主页:包含了试卷、题目、做卷数、做题数、用户活跃度的统计功能,活跃度和做题数是按月统计
用户管理:对不同角色 学生、管理员 的增删改查管理功能
卷题管理:
试卷列表:试卷的增删改查,新增包含选择学科、试卷类型、试卷名称、考试时间,试卷内容包含添加大标题,然后添加题目到此试卷中,组成一套完整的试卷
题目列表:题目的增删改查,目前题型包含单选题、多选题、判断题、填空题、简单题,支持图片、公式等。
任务管理:对任务进行修改
教育管理:对不同年级的学科进行增删改查
答卷管理:查看学生成绩
消息中心:可以对多个用户进行消息发送
日志中心:用户的基本操作进行日志记录,了解用户使用过情况

小程序功能
用户登录登出功能,登录会自动绑定微信账号,登出会解绑
首页包含任务中心、固定试卷、时段试卷,和web端保持一致
试卷模块:固定试卷和时段试卷的分页查询,下拉加载更多、上拉刷新当前数据
记录模块:考试结果的分页,包含了试卷基本信息
我的模块:包含个人资料的修改、个人动态、消息中心模块

3 系统展示

后台管理系统

image.png

image.png

小程序

image.png

image.png

image.png

PC端在线答题

image.png

image.png

4最后

该项目是一个非常不错的学习项目,也可以用来做毕业设计,项目功能非常完善,需要的小伙伴,关注公众号【Java技术精选】后台回复关键词【考试】获取源码下载和项目相关信息。

  • 0
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
这里提供一个基于SpringBoot的简单小程序的代码示例,仅供参考。 首先,我们需要定义目和案的数据结构。此处我们使用一个简单的Java类: ```java public class Question { private int id; private String content; private String answer; public Question(int id, String content, String answer) { this.id = id; this.content = content; this.answer = answer; } // getters and setters } ``` 接下来,我们需要一个服务类来管理目数据和进行逻辑的处理。服务类的代码如下: ```java @Service public class QuizService { private List<Question> questions = new ArrayList<>(); public QuizService() { // 初始化目数据 questions.add(new Question(1, "2+2=?", "4")); questions.add(new Question(2, "3*4=?", "12")); questions.add(new Question(3, "5-2=?", "3")); } public Question getQuestionById(int id) { // 根据id获取目 for (Question question : questions) { if (question.getId() == id) { return question; } } return null; } public boolean checkAnswer(int id, String answer) { // 检查案是否正确 Question question = getQuestionById(id); if (question != null && question.getAnswer().equals(answer)) { return true; } return false; } } ``` 接下来,我们需要一个Controller类来处理HTTP请求和返回结果。代码如下: ```java @RestController @RequestMapping("/quiz") public class QuizController { @Autowired private QuizService quizService; @GetMapping("/{id}") public Question getQuestion(@PathVariable int id) { // 获取目 return quizService.getQuestionById(id); } @PostMapping("/{id}") public boolean checkAnswer(@PathVariable int id, @RequestParam String answer) { // 检查案是否正确 return quizService.checkAnswer(id, answer); } } ``` 最后,我们需要在SpringBoot应用程序的入口类上添加注解来启用SpringBoot和HTTP服务器。代码如下: ```java @SpringBootApplication public class QuizApplication { public static void main(String[] args) { SpringApplication.run(QuizApplication.class, args); } } ``` 完成以上步骤后,我们可以启动应用程序并访问以下URL: - GET请求:http://localhost:8080/quiz/1 返回id为1的目 - POST请求:http://localhost:8080/quiz/1?answer=4 检查id为1的案是否为4 以上是一个简单的基于SpringBoot小程序实现,可以根据实际需求进行扩展和优化。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值