从组卷到错题复盘:Spring Boot + Vue 在线考试系统如何跑完整场

在线考试的难点不是“把题目放网页上”，而是考试前、考试中、考试后的数据如何完整衔接。

项目摘要

系统围绕在线考试全过程构建，学生可以参加考试、查看试卷与错题，教师负责题库、组卷和试卷管理，管理员维护用户、资源与统计数据。后端采用 Spring Boot，前端使用 Vue.js，数据库使用 MySQL。

一场在线考试的完整生命周期

教师端负责试题导入、题库维护和试卷管理。试题并不是孤立存在，系统还通过课程信息组织学习资源，方便学生在考试前完成对应内容学习。

组卷环节支持从题库生成试卷，并允许教师继续调整。这样既保留了统一规则，也给教师留出了人工校对空间。

系统首页

B 考试进行中：作答状态与提交结果必须可靠

学生进入在线考试页面后完成答题并提交试卷。系统会根据题目类型处理评分结果，同时支持考试进度保存，避免页面中途离开导致答题内容全部丢失。

一场考试是否“线上化成功”，很大程度取决于状态管理：试卷开放时间、作答进度、提交结果、客观题评分和主观题批改必须能够连续衔接。

在线考试

试卷信息

● 考试结束后：成绩之外，更重要的是错题复盘  C

系统会把学生的错误题目沉淀到错题记录中，学生可以查看题目、正确答案和解析。相较于只展示一个分数，错题记录更适合支持后续学习。

试卷信息与错题记录结合后，可以让一次考试从“结果判断”变成“学习反馈”：学生知道错在哪里，教师也能从错题分布中观察知识薄弱点。

错题记录

教师可以批量导入试题，减少逐题录入的重复工作；试卷管理则集中完成生成、预览和调整。课程信息模块与考试模块结合，让教学资源和测评内容更容易统一维护。

后台统计页面还能呈现平均分、成绩分布等数据，为后续教学调整提供更直观的依据。

教师维护课程

试卷管理

后台数据概览

E 技术架构：前后端分离让考试流程更清晰

后端使用 Spring Boot 提供 RESTful API，前端采用 Vue.js 构建交互界面，MySQL 保存用户、课程、试题、错题等核心数据。

前后端分离后，考试页面负责状态展示与交互，后端负责权限、数据校验、试卷处理和持久化，职责划分更清晰，也便于后续扩展新的题型或统计维度。

用户管理

● 核心数据关系：学生、试题和错题记录形成学习闭环  F

教师创建课程与试题，试题按照规则进入试卷；学生完成作答后，错误题目形成错题记录。围绕这条主线，课程、题库、试卷和错题可以被持续追踪。

在实际项目中，E-R 关系最值得关注的并不是实体数量，而是考试结果能否准确回溯到具体学生和具体试题。

核心 E-R 关系图

功能测试覆盖注册、登录、在线考试、课程查看、错题记录和试卷试题管理。考试时间外访问、页面中途离开、批量导入试题等场景都需要验证。

只有正常流程和异常流程都稳定，在线考试才不会因为一个小状态问题影响整场测评。

在线考试系统真正的价值，是把“出题—组卷—作答—评分—错题复盘—数据统计”变成一条连续的数据链。对学校和培训场景来说，这条链路越清晰，考试组织和教学反馈就越高效。