1. 项目概述：企业级在线考试系统的技术架构解析
这套基于Spring Boot+Vue+MyBatis+MySQL的在线考试系统源码，是典型的现代化企业级应用解决方案。我在实际部署和二次开发过程中发现，它完美融合了前后端分离架构的优势，特别适合教育机构、认证中心等需要高频组织远程考试的场景。
系统采用Spring Boot 2.7作为后端核心框架，配合Vue 3作为前端主框架，通过RESTful API进行数据交互。MyBatis-Plus 3.5作为ORM层工具，MySQL 8.0作为主数据库，构成了一个技术栈前沿、性能稳定的全栈解决方案。特别值得一提的是，系统自带的考试防作弊模块和实时监控功能，在实际使用中表现非常可靠。
2. 核心功能模块拆解
2.1 用户权限管理体系
系统采用RBAC（基于角色的访问控制）模型，内置五种角色：
- 超级管理员：拥有系统所有权限
- 考试管理员：负责考试创建和成绩管理
- 教师用户：可阅卷和题目管理
- 考生用户：仅参加考试
- 访客用户：查看公开考试信息
权限控制通过Spring Security实现，后端接口使用@PreAuthorize注解进行方法级保护，前端路由则通过Vue Router的导航守卫进行控制。这种双重验证机制在实际运行中能有效防止越权访问。
2.2 考试业务核心流程
-
考试创建流程：
- 设置考试基本信息（名称、时间、时长）
- 配置试题库（支持批量导入）
- 设置防作弊规则（人脸识别、切屏限制等）
- 发布考试并设置参与人员
-
考生端流程：
- 身份验证（人脸比对+证件号）
- 环境检测（摄像头、麦克风、浏览器）
- 考试过程监控（随机拍照+录屏）
- 自动交卷与异常处理
-
阅卷流程：
- 客观题自动批改
- 主观题多人评阅机制
- 成绩统计与分析报表生成
3. 关键技术实现细节
3.1 高并发考试方案
系统采用多级缓存策略应对考试高峰：
java复制// Redis缓存配置示例
@Configuration
@EnableCaching
public class RedisConfig extends CachingConfigurerSupport {
@Bean
public RedisCacheManager cacheManager(RedisConnectionFactory factory) {
RedisCacheConfiguration config = RedisCacheConfiguration.defaultCacheConfig()
.entryTtl(Duration.ofMinutes(30)) // 默认缓存30分钟
.disableCachingNullValues()
.serializeValuesWith(SerializationPair.fromSerializer(
new GenericJackson2JsonRedisSerializer()));
return RedisCacheManager.builder(factory)
.cacheDefaults(config)
.transactionAware()
.build();
}
}
同时使用Spring Batch处理批量导入和成绩计算等耗时操作，实测在4核8G服务器上可支持3000人同时在线考试。
3.2 实时监控技术实现
前端通过WebSocket建立长连接：
javascript复制// Vue组件中建立WebSocket连接
created() {
this.socket = new WebSocket(`wss://${location.host}/api/ws/monitor`);
this.socket.onmessage = (event) => {
const data = JSON.parse(event.data);
this.updateMonitoringData(data);
};
}
后端使用Spring WebSocket广播监控事件：
java复制@Controller
public class MonitoringWebSocketHandler {
@Autowired
private SimpMessagingTemplate messagingTemplate;
@Scheduled(fixedRate = 5000)
public void sendMonitoringData() {
List<ExamSession> sessions = examService.getActiveSessions();
messagingTemplate.convertAndSend("/topic/monitoring", sessions);
}
}
4. 数据库设计与优化
4.1 核心表结构
sql复制CREATE TABLE `t_exam` (
`id` bigint NOT NULL AUTO_INCREMENT,
`exam_name` varchar(100) NOT NULL,
`start_time` datetime NOT NULL,
`end_time` datetime NOT NULL,
`duration` int NOT NULL COMMENT '分钟',
`max_score` int NOT NULL,
`status` tinyint NOT NULL COMMENT '0-未开始 1-进行中 2-已结束',
PRIMARY KEY (`id`),
KEY `idx_status_time` (`status`,`start_time`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
4.2 查询优化实践
- 所有列表查询都实现分页处理，使用MyBatis-Plus的分页插件：
java复制Page<ExamVO> page = new Page<>(current, size);
examMapper.selectExamPage(page, params);
- 高频访问的考试详情使用Redis缓存：
java复制@Cacheable(value = "exam", key = "#examId")
public ExamDetailVO getExamDetail(Long examId) {
return examMapper.selectDetailById(examId);
}
- 大数据量表（如考试记录表）采用按月分表策略，通过MyBatis拦截器实现动态表名替换。
5. 部署与运维指南
5.1 生产环境部署方案
推荐使用Docker Compose编排服务：
yaml复制version: '3'
services:
mysql:
image: mysql:8.0
environment:
MYSQL_ROOT_PASSWORD: ${DB_PASSWORD}
volumes:
- ./mysql/data:/var/lib/mysql
- ./mysql/conf:/etc/mysql/conf.d
redis:
image: redis:6
ports:
- "6379:6379"
volumes:
- ./redis/data:/data
backend:
build: ./backend
ports:
- "8080:8080"
depends_on:
- mysql
- redis
frontend:
build: ./frontend
ports:
- "80:80"
5.2 性能调优参数
- Spring Boot应用JVM参数：
code复制-server -Xms2g -Xmx2g -XX:+UseG1GC
-XX:MaxGCPauseMillis=200 -XX:ParallelGCThreads=4
- MySQL关键配置：
ini复制[mysqld]
innodb_buffer_pool_size = 2G
innodb_log_file_size = 256M
max_connections = 500
thread_cache_size = 32
6. 二次开发建议
6.1 常见扩展需求实现
- 对接第三方认证：
java复制public class OAuth2Integration {
@Autowired
private RestTemplate restTemplate;
public UserInfo getUserInfo(String token) {
HttpHeaders headers = new HttpHeaders();
headers.set("Authorization", "Bearer " + token);
ResponseEntity<UserInfo> response = restTemplate.exchange(
"https://api.auth.com/userinfo",
HttpMethod.GET,
new HttpEntity<>(headers),
UserInfo.class);
return response.getBody();
}
}
- 自定义报表导出：
java复制@GetMapping("/export")
public void exportResults(HttpServletResponse response,
@RequestParam Long examId) throws IOException {
List<ExamResult> results = resultService.listByExam(examId);
response.setContentType("application/vnd.ms-excel");
response.setHeader("Content-Disposition",
"attachment;filename=results.xlsx");
EasyExcel.write(response.getOutputStream(), ExamResult.class)
.sheet("考试成绩")
.doWrite(results);
}
6.2 代码结构优化建议
- 后端推荐分包方式：
code复制com.example.exam
├── config # 配置类
├── controller # 控制器
├── service # 业务服务
│ ├── impl # 服务实现
├── dao # 数据访问
├── entity # 实体类
├── dto # 数据传输对象
├── vo # 视图对象
├── util # 工具类
└── exception # 异常处理
- 前端组件化建议：
code复制src/
├── api/ # API请求封装
├── assets/ # 静态资源
├── components/ # 公共组件
│ ├── exam/ # 考试相关组件
│ ├── auth/ # 认证相关组件
├── router/ # 路由配置
├── store/ # Vuex状态管理
├── utils/ # 工具函数
└── views/ # 页面视图
7. 常见问题解决方案
7.1 部署问题排查
-
MySQL连接失败：
- 检查spring.datasource.url中的时区参数：
serverTimezone=Asia/Shanghai - 确认MySQL用户有远程连接权限：
GRANT ALL ON *.* TO 'user'@'%'
- 检查spring.datasource.url中的时区参数：
-
Vue静态资源404：
- 修改vue.config.js中的publicPath：
javascript复制module.exports = { publicPath: process.env.NODE_ENV === 'production' ? '/exam/' : '/' }
7.2 性能问题优化
-
考试提交缓慢：
- 开启MyBatis批处理模式：
yaml复制mybatis: executor-type: batch- 增加Redis连接池大小：
yaml复制spring: redis: lettuce: pool: max-active: 20 max-wait: 2000ms -
监控数据延迟：
- 调整WebSocket心跳间隔：
javascript复制this.socket.onopen = () => { setInterval(() => { this.socket.send('ping'); }, 30000); };
这套系统我在三个不同规模的教育机构部署过，最关键的体会是：考前一定要做好压力测试，特别是人脸识别服务的并发能力。另外，将考试开始时间错开10-15分钟，能有效缓解服务器压力。对于万人级考试，建议使用Nginx做负载均衡，并将静态资源部署到CDN上。