基于 AI 辅助的智能在线考试系统设计与实现

在 UserServiceImpl 中，密码采用 BCrypt 加密存储，确保安全性。

前端交互：

Vue 3 组件负责表单验证与 Token 存储。

<template>
  <el-form @submit.prevent="handleLogin">
    <el-input v-model="form.username" placeholder="用户名" />
    <el-input v-model="form.password" type="password" placeholder="密码" />
    <el-button @click="handleLogin">登录</el-button>
  </el-form>
</template>

<script setup>
import { ref } from 'vue';
import { loginApi } from '@/api/user';

const form = ref({ username: '', password: '' });

const handleLogin = async () => {
  const res = await loginApi(form.value);
  localStorage.setItem('token', res.data.token);
};
</script>

2. 题库与试卷管理

题库支持多种题型（单选、多选、判断、填空、简答），并通过 Excel 批量导入提升效率。试卷生成逻辑需兼顾知识点分布与难度系数。

随机组卷服务：

@Service
public class ExamServiceImpl implements ExamService {
    @Autowired
    private QuestionMapper questionMapper;

    @Override
    public Result<Exam> generateRandomExam(RandomExamRequest request) {
        // 根据科目、难度、数量随机抽取题目
        List<Question> questions = questionMapper.randomSelect(
            request.getSubject(), 
            request.getDifficulty(), 
            request.getQuestionCount()
        );
        Exam exam = new Exam();
        exam.setQuestions(questions);
        exam.setDuration(request.getDuration());
        examMapper.insert(exam);
        return Result.success(exam);
    }
}

3. 在线考试与防作弊

考试过程中，前端需实时监听切屏行为，并将答案暂存至本地以防网络波动导致数据丢失。提交时通过 Ajax 异步上传。

<!-- ExamPage.vue -->
<template>
  <div>
    <h2>{{ exam.title }}</h2>
    <div v-for="q in exam.questions" :key="q.id">
      <p>{{ q.content }}</p>
      <!-- 单选题渲染 -->
      <el-radio-group v-if="q.type === 'SINGLE_CHOICE'" v-model="answers[q.id]">
        <el-radio v-for="opt in q.options" :key="opt" :label="opt" />
      </el-radio-group>
    </div>
    <el-button @click="submitExam">提交</el-button>
  </div>
</template>

<script setup>
import { ref, onMounted } from 'vue';
import { getExamApi, submitExamApi } from '@/api/exam';

const exam = ref({});
const answers = ref({});

onMounted(async () => {
  exam.value = await getExamApi(route.params.id);
});

const submitExam = async () => {
  await submitExamApi(exam.value.id, answers.value);
};
</script>

4. 自动判卷与数据统计

客观题由系统自动评分，主观题保留人工复核入口。成绩统计模块利用 ECharts 展示成绩分布、趋势分析及班级对比。

成绩统计接口：

@GetMapping("/class/{classId}")
public Result<ChartData> getClassStats(@PathVariable Long classId) {
    List<ScoreDTO> scores = examMapper.getClassScores(classId);
    // 构建成绩分布数据（优秀/及格/不及格）
    Map<String, Integer> distribution = scores.stream().collect(
        Collectors.groupingBy(
            s -> s.getScore() >= 90 ? "优秀" : s.getScore() >= 60 ? "及格" : "不及格",
            Collectors.summingInt(s -> 1)
        )
    );
    return Result.success(new ChartData(distribution));
}

优化与常见问题

在实际开发中，我们遇到了一些典型问题并进行了针对性优化：

1. SQL 查询慢：针对高频查询字段添加复合索引（如 idx_student_semester）。
2. 高并发崩溃：引入 Redis 缓存热点数据，减轻数据库压力；调整连接池参数。
3. 内存溢出：Excel 导出大文件时采用流式写入（EasyExcel），避免一次性加载到内存。
4. 代码准确性：AI 辅助生成的代码虽快，但复杂业务逻辑（如判卷算法）仍需人工校验与微调。

总结

本系统成功实现了从题库管理到成绩分析的全流程在线考试业务。通过 Spring Boot 与 Vue 3 的前后端分离架构，结合 AI 辅助开发手段，不仅提升了编码效率，还保证了系统的稳定性与可扩展性。未来可进一步探索人脸识别监考、自适应出题等高级功能，以满足更复杂的教育场景需求。