SpringBoot+Vue3+MyBatis在线考试系统开发实践

1. 项目概述

这个基于Java SpringBoot+Vue3+MyBatis的在线考试与学习交流平台，是一个典型的前后端分离架构项目。我在实际开发中发现，这种技术组合特别适合构建需要快速迭代、高并发访问的教育类应用系统。

平台核心功能包括在线考试、题库管理、学习交流、成绩分析等模块。采用MySQL作为主数据库，通过合理的索引设计和查询优化，能够支撑上千人同时在线考试的场景。前端使用Vue3的组合式API开发，相比传统选项式API，代码组织更加灵活，特别适合复杂交互场景的实现。

2. 技术架构解析

2.1 后端技术栈选型

SpringBoot 2.7.x作为后端框架，主要考虑了以下几个因素：

• 内嵌Tomcat服务器，简化部署流程
• 自动配置特性大幅减少XML配置
• 丰富的Starter依赖，快速集成各种组件
• 完善的健康检查和监控端点

MyBatis作为ORM框架，相比JPA的优势在于：

• 对复杂SQL的灵活控制
• 动态SQL生成能力
• 批量操作性能更好
• 二级缓存机制可配置性强

实际开发中，我特别推荐使用MyBatis-Plus增强工具包，它提供的Wrapper条件构造器可以这样使用：

java复制// 查询某课程的考试记录
LambdaQueryWrapper<ExamRecord> wrapper = new LambdaQueryWrapper<>();
wrapper.eq(ExamRecord::getCourseId, courseId)
       .between(ExamRecord::getCreateTime, startDate, endDate)
       .orderByDesc(ExamRecord::getScore);
List<ExamRecord> records = examRecordMapper.selectList(wrapper);

2.2 前端技术方案

Vue3的组合式API带来了几个显著优势：

1. 逻辑关注点更集中，相关代码可以组织在一起
2. 更好的TypeScript支持
3. 更灵活的逻辑复用方式
4. 更小的打包体积

在考试页面开发时，我采用了如下结构：

javascript复制// 考试组件
setup() {
  // 考题状态
  const questions = ref([])
  const currentIndex = ref(0)
  
  // 计时器逻辑
  const remainingTime = ref(0)
  const timer = ref(null)
  
  // 提交逻辑
  const submitAnswers = async () => {
    // ...
  }
  
  return {
    questions,
    currentIndex,
    remainingTime,
    submitAnswers
  }
}

2.3 数据库设计要点

MySQL表设计遵循了几个原则：

• 考试相关表使用InnoDB引擎，支持事务
• 建立合适的复合索引，如(user_id, exam_id)的组合
• 大文本字段（如题目内容）单独分表存储
• 使用枚举类型替代字符串状态字段

核心表关系如下：

code复制users (1) → (n) exam_records (n) ← (1) exams
exams (1) → (n) questions (n) ← (1) question_bank

3. 核心功能实现

3.1 在线考试模块

考试流程控制是关键难点，我采用的解决方案是：

1. 使用Redis存储考试令牌，设置TTL为考试时长
2. 前端每隔30秒自动保存答案
3. 浏览器关闭检测和异常恢复机制

核心代码片段：

java复制// 考试令牌生成
public String generateExamToken(Long userId, Long examId) {
    String token = UUID.randomUUID().toString();
    String key = "exam:token:" + token;
    redisTemplate.opsForValue().set(key, 
        userId + ":" + examId,
        Duration.ofMinutes(examDuration));
    return token;
}

3.2 自动阅卷功能

对于客观题判卷，采用批量处理方案：

1. 使用MyBatis的批量操作接口
2. 按题型分组处理
3. 异步记录得分点

java复制@Transactional
public