智能在线考试系统设计与实现：AI 辅助开发实践

2.1.3 技术选型

基于 AI 辅助的开发流程

3.1 智能开发实践

利用 AI 辅助工具进行基础代码生成，可以显著减少重复性工作。通过输入明确的需求描述，系统能够引导完成用户管理、题库管理、试卷生成、在线考试及自动判卷等核心模块的脚手架搭建。

在需求确认后，AI 会生成对应的接口方案。例如，针对在线考试系统，可快速生成十余个核心接口并支持自定义优化。随后进入逻辑处理阶段，最终输出完整的代码集合。

基于此平台，成功搭建了涵盖用户、题库、试卷、考试、判卷、统计等全流程模块的系统。通过智能引导快速生成了大量文件，支持代码对比合并、文档导出及灵活部署，高效实现了教育场景的智能化考试需求。

3.2 核心代码实现

1. 用户管理模块

后端代码 (Spring Boot)

// UserController.java
@RestController
@RequestMapping("/api/user")
public class UserController {
    @Autowired
    private UserService userService;

    // 用户登录（JWT 令牌返回）
    @PostMapping("/login")
    public Result<LoginResponse> login(@RequestBody LoginRequest request) {
        return userService.login(request.getUsername(), request.getPassword());
    }

    // 用户注册
    @PostMapping("/register")
    public Result<String> register(@RequestBody RegisterRequest request) {
        return userService.register(request);
    }
}

// UserServiceImpl.java
@Service
public class UserServiceImpl implements UserService {
    @Autowired
    private UserMapper userMapper;
    @Autowired
    private JwtUtil jwtUtil;

    @Override
    public Result<LoginResponse> login(String username, String password) {
        User user = userMapper.selectByUsername(username);
        if (user == null || !BCrypt.checkpw(password, user.getPassword())) {
            return Result.error("用户名或密码错误");
        }
        String token = jwtUtil.generateToken(user.getId(), user.getRole());
        return Result.success(new LoginResponse(token, user.getRole()));
    }
}

// User.java (实体类)
@Data
@Entity
@Table(name = "users")
public class User {
    @Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    private Long id;
    private String username;
    private String password; // BCrypt 加密存储
    private String role; // STUDENT/TEACHER/ADMIN
}

前端代码 (Vue 3)

<!-- Login.vue -->
<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); // 存储 JWT
};
</script>

2. 题库管理模块

后端代码

// QuestionController.java
@RestController
@RequestMapping("/api/questions")
public class QuestionController {
    @Autowired
    private QuestionService questionService;

    // 批量导入题目（Excel）
    @PostMapping("/import")
    public Result<String> importQuestions(@RequestParam MultipartFile file) {
        return questionService.importFromExcel(file);
    }
}

// QuestionServiceImpl.java
@Service
public class QuestionServiceImpl implements QuestionService {
    @Autowired
    private QuestionMapper questionMapper;

    @Override
    public Result<String> importFromExcel(MultipartFile file) {
        List<Question> questions = EasyExcel.read(file.getInputStream())
            .head(QuestionExcelDTO.class).sheet().doReadSync()
            .stream().map(dto -> convertToEntity(dto))
            .collect(Collectors.toList());
        questionMapper.batchInsert(questions);
        return Result.success("导入成功");
    }
}

// Question.java (实体类)
@Data
@Entity
@Table(name = "questions")
public class Question {
    @Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    private Long id;
    private String content;
    private String type; // SINGLE_CHOICE/MULTIPLE_CHOICE 等
    private String options; // JSON 格式存储选项
    private String correctAnswer;
    private Integer difficultyLevel;
}

3. 试卷管理模块

后端代码

// ExamController.java
@RestController
@RequestMapping("/api/exams")
public class ExamController {
    @Autowired
    private ExamService examService;

    // 创建随机试卷
    @PostMapping("/random")
    public Result<Exam> createRandomExam(@RequestBody RandomExamRequest request) {
        return examService.generateRandomExam(request);
    }
}

// ExamServiceImpl.java
@Service
public class ExamServiceImpl implements ExamService {
    @Autowired
    private QuestionMapper questionMapper;
    @Autowired
    private ExamMapper examMapper;

    @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);
    }
}

4. 在线考试模块

前端代码 (Vue 3 + Axios)

<!-- 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>

5. 自动判卷模块

后端代码

// GradingServiceImpl.java
@Service
public class GradingServiceImpl implements GradingService {
    @Override
    public ExamResult autoGrade(ObjectiveQuestions answers, Exam exam) {
        int totalScore = 0;
        for (Question q : exam.getQuestions()) {
            if (q.getCorrectAnswer().equals(answers.get(q.getId()))) {
                totalScore += q.getScore();
            }
        }
        return new ExamResult(totalScore, exam.getTotalScore());
    }
}

6. 数据统计模块

后端代码 (ECharts 数据接口)

// StatisticsController.java
@GetMapping("/class/{classId}")
public Result<ChartData> getClassStats(@PathVariable Long classId) {
    List<ScoreDTO> scores = examMapper.getClassScores(classId);
    // 构建成绩分布数据（用于 ECharts 柱状图）
    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));
}

优化与总结

4.1 常见问题与解决方案

4.2 开发工具评估

优势：

• 提升开发效率，基础代码自动生成比例高
• 降低技术门槛，新手也能快速上手
• 提供标准化代码结构，便于维护

注意点：

• 复杂业务逻辑需人工介入优化
• 生成的 SQL 可能需要根据实际数据量调整索引

5.1 工程结构展示

src/
├── main/
│   ├── java/
│   │   ├── controller/ # 接口层
│   │   ├── service/ # 业务逻辑
│   │   ├── dao/ # 数据访问
│   │   ├── entity/ # 数据库实体
│   │   └── config/ # 配置类
│   └── resources/
│       ├── mapper/ # MyBatis 映射
│       └── application.yml

5.2 核心功能演示

用户登录界面如下图所示：

系统提供了查询考生成绩的功能，管理人员可以查询班级内指定的多个考生成绩。当需要查询单个考生成绩时，只需输入考试科目即可实现。考生用户登录后也可查询个人考试成绩。

考生开始考试后，系统显示考生信息、试卷及交卷按钮。该界面功能基于 Ajax 框架，通过客户端 JavaScript 和服务器端脚本交互。选择项和填空项均设置了单击事件，答过的题目答案实时传送到服务器保存。即使重新登录，试题状态依然存在，防止集中交卷时因系统反应不及导致答案丢失。

此外，还包括试题录入界面与试卷页面设计效果，整体布局清晰，交互流畅。

5.3 总结

本次实践成功实现了全流程在线考试系统，包含智能数据分析能力。通过结合传统架构与 AI 辅助开发，有效解决了传统考试模式的效率与管理难题。系统在用户权限、题库维护、自动判卷及可视化统计等方面表现稳定，为教育信息化场景提供了可行的技术解决方案。