1. 项目概述
企业级知识竞赛系统是当前教育培训、企业内训领域的热门需求，这套基于SpringBoot+Vue+MyBatis+MySQL的技术栈实现的完整解决方案，为组织者提供了从题库管理、赛事创建到成绩统计的全流程数字化支持。我在实际开发中发现，这类系统最核心的价值在于其高并发处理能力和灵活的可配置性——比如支持千人同时在线的竞赛场景，以及自定义题型、计分规则等企业级特性。
2. 技术架构解析
2.1 后端技术栈选型
SpringBoot 2.7.x作为基础框架，其内嵌Tomcat容器和自动配置特性大幅简化了部署流程。特别值得说明的是我们采用的连接池配置：
yaml复制spring:
datasource:
hikari:
maximum-pool-size: 20
connection-timeout: 30000
idle-timeout: 600000
max-lifetime: 1800000
这种配置在压力测试中可稳定支撑800+ QPS，同时避免连接泄漏。MyBatis 3.5.x配合pagehelper分页插件，实现了高效的复杂查询，比如这个动态SQL示例：
xml复制<select id="selectCompetitionList" resultMap="CompetitionResult">
SELECT * FROM t_competition
<where>
<if test="status != null"> AND status = #{status}</if>
<if test="title != null and title != ''"> AND title LIKE CONCAT('%',#{title},'%')</if>
</where>
ORDER BY create_time DESC
</select>
2.2 前端架构设计
Vue 3.x + Element Plus的组合提供了极佳的开发体验。特别设计的响应式布局确保在移动端也能完美展示竞赛界面。一个典型的题目组件实现：
vue复制<template>
<div class="question-card">
<h3>{{ question.title }}</h3>
<el-radio-group
v-model="userAnswer"
@change="handleAnswerChange"
v-if="question.type === 1">
<el-radio
v-for="(opt, index) in question.options"
:key="index"
:label="opt.code">
{{ opt.content }}
</el-radio>
</el-radio-group>
</div>
</template>
3. 核心功能实现
3.1 实时竞赛引擎
采用WebSocket+Redis的混合方案实现实时排名更新：
- 使用STOMP协议建立长连接
- Redis有序集合(zset)存储实时分数
- 定时任务每5秒推送排名更新
关键Redis命令示例：
bash复制ZADD competition:rank 150 user1
ZREVRANGE competition:rank 0 9 WITHSCORES
3.2 智能防作弊机制
通过多维度策略保障竞赛公平性：
- 题目乱序算法（Fisher-Yates洗牌）
- 选项随机排列
- 答题过程录屏（通过浏览器API）
- 异常行为检测（如答题速度超出阈值）
4. 数据库设计要点
4.1 主要表结构
sql复制CREATE TABLE `t_question` (
`id` bigint NOT NULL AUTO_INCREMENT,
`type` tinyint NOT NULL COMMENT '1单选 2多选 3判断',
`content` text NOT NULL,
`options` json DEFAULT NULL COMMENT 'JSON格式选项',
`answer` varchar(50) NOT NULL,
`difficulty` tinyint DEFAULT '1',
PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
4.2 性能优化实践
- 为高频查询字段添加复合索引：
sql复制ALTER TABLE t_answer_record
ADD INDEX idx_user_competition (user_id, competition_id);
- 大文本字段单独分表存储
- 使用MySQL 8.0的窗口函数优化排名计算
5. 部署与运维
5.1 容器化部署方案
Docker Compose编排示例：
yaml复制version: '3'
services:
app:
image: openjdk:11-jre
ports:
- "8080:8080"
volumes:
- ./app.jar:/app.jar
command: ["java", "-jar", "/app.jar"]
mysql:
image: mysql:8.0
environment:
MYSQL_ROOT_PASSWORD: 123456
volumes:
- ./mysql-data:/var/lib/mysql
5.2 监控配置
Prometheus监控指标示例：
java复制@RestController
public class MetricsController {
private final Counter requestCounter = Counter.build()
.name("api_requests_total")
.help("Total API requests.")
.register();
@GetMapping("/api")
public String apiEndpoint() {
requestCounter.inc();
return "OK";
}
}
6. 开发经验分享
6.1 前后端联调技巧
- 使用Swagger UI自动生成API文档
- 配置axios请求拦截器统一处理错误
- 开发环境启用CORS配置：
java复制@Configuration
public class WebConfig implements WebMvcConfigurer {
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**")
.allowedOrigins("*")
.allowedMethods("*");
}
}
6.2 性能调优实战
通过Arthas诊断工具发现的典型问题：
- N+1查询问题：使用
标签优化 - 频繁GC：调整JVM参数-Xmx1024m -Xms1024m
- 缓存穿透：布隆过滤器+空值缓存
7. 扩展功能建议
- 接入微信小程序端
- 增加AI自动组卷功能
- 实现竞赛回放功能
- 添加学习路径推荐
这套系统在实际交付中已经过多个企业客户验证，特别在金融行业培训场景中表现出色。根据我们的实施经验，建议在正式上线前至少进行三轮压力测试，重点关注并发提交和实时排名更新的性能表现。