1. 项目概述
这个基于SpringBoot+Vue的学生选课系统是一个典型的教学管理应用，专为高校教务管理场景设计。我在实际开发过程中发现，传统选课系统往往存在高峰期崩溃、界面不友好、功能单一等问题，而这个项目通过前后端分离架构和现代化技术栈，有效解决了这些痛点。
系统主要实现了学生选课、退课、课表查询，教师开课管理，管理员系统配置等核心功能。相比市面上同类系统，我们特别优化了高并发场景下的性能表现，实测在1000并发用户情况下，选课操作响应时间仍能保持在500ms以内。
2. 技术架构解析
2.1 后端技术选型
SpringBoot作为后端框架的选择主要基于以下几个考量：
- 快速开发：通过starter依赖可以快速集成MyBatis、Redis等常用组件
- 内嵌容器：无需额外部署Tomcat，开发测试更加便捷
- 自动配置：约定优于配置的原则大幅减少了XML配置量
实际开发中，我们特别使用了这些关键配置：
java复制// 解决跨域问题
@Configuration
public class CorsConfig implements WebMvcConfigurer {
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**")
.allowedOrigins("*")
.allowedMethods("GET", "POST", "PUT", "DELETE")
.maxAge(3600);
}
}
// Redis缓存配置
@Configuration
@EnableCaching
public class RedisConfig extends CachingConfigurerSupport {
@Bean
public RedisTemplate<String, Object> redisTemplate(RedisConnectionFactory factory) {
RedisTemplate<String, Object> template = new RedisTemplate<>();
template.setConnectionFactory(factory);
// 序列化配置...
return template;
}
}
2.2 前端技术方案
Vue.js的选型主要考虑：
- 组件化开发：将选课表格、课程卡片等封装为独立组件
- 状态管理：使用Vuex管理全局选课状态
- 路由控制：通过Vue Router实现权限路由控制
关键实现代码示例：
javascript复制// 选课组件逻辑
export default {
data() {
return {
courses: [],
selected: []
}
},
methods: {
async selectCourse(courseId) {
try {
const res = await this.$http.post('/api/select', {courseId})
this.$store.commit('UPDATE_SELECTED', res.data)
} catch (err) {
this.$message.error('选课失败：'+err.message)
}
}
}
}
2.3 数据库设计
MySQL数据库设计遵循第三范式，主要表结构包括：
| 表名 | 主要字段 | 说明 |
|---|---|---|
| student | id, name, major, grade | 学生基本信息 |
| teacher | id, name, title, department | 教师信息 |
| course | id, name, credit, time, location | 课程信息 |
| selection | id, student_id, course_id, select_time | 选课记录 |
索引优化方案：
- 在selection表的student_id和course_id上建立联合索引
- 为course表的time字段建立索引，方便按时间查询
- 使用InnoDB引擎保证事务完整性
3. 核心功能实现
3.1 选课业务流程
选课功能的核心难点在于解决并发冲突，我们采用Redis分布式锁+数据库乐观锁的方案：
java复制public Result selectCourse(Long studentId, Long courseId) {
// 获取分布式锁
String lockKey = "lock:select:" + courseId;
String lockValue = UUID.randomUUID().toString();
try {
// 尝试获取锁，设置10秒过期
boolean locked = redisTemplate.opsForValue()
.setIfAbsent(lockKey, lockValue, 10, TimeUnit.SECONDS);
if (!locked) {
return Result.error("选课人数过多，请稍后再试");
}
// 检查选课条件
Course course = courseMapper.selectById(courseId);
if (course.getSelected() >= course.getCapacity()) {
return Result.error("课程已满");
}
// 乐观锁更新
int updated = courseMapper.updateSelected(courseId,
course.getVersion());
if (updated == 0) {
return Result.error("选课冲突，请重试");
}
// 记录选课
Selection record = new Selection();
record.setStudentId(studentId);
record.setCourseId(courseId);
record.setSelectTime(new Date());
selectionMapper.insert(record);
return Result.success("选课成功");
} finally {
// 释放锁
if (lockValue.equals(redisTemplate.opsForValue().get(lockKey))) {
redisTemplate.delete(lockKey);
}
}
}
3.2 课表查询优化
课表查询涉及多表关联，我们采用以下优化措施：
- 使用MyBatis二级缓存减少数据库压力
- 对常用查询结果进行Redis缓存
- 实现分页查询避免大数据量传输
xml复制<!-- MyBatis映射文件示例 -->
<select id="selectStudentTimetable" resultMap="timetableMap">
SELECT c.name as course_name, c.time, c.location,
t.name as teacher_name
FROM selection s
JOIN course c ON s.course_id = c.id
JOIN teacher t ON c.teacher_id = t.id
WHERE s.student_id = #{studentId}
ORDER BY c.time
</select>
4. 系统部署方案
4.1 后端部署要点
- 打包配置：
xml复制<build>
<plugins>
<plugin>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-maven-plugin</artifactId>
<configuration>
<executable>true</executable>
</configuration>
</plugin>
</plugins>
</build>
- 生产环境配置：
yaml复制server:
port: 8080
tomcat:
max-threads: 200
min-spare-threads: 10
spring:
datasource:
url: jdbc:mysql://prod-db:3306/course_system
username: prod_user
password: ${DB_PASSWORD}
redis:
host: redis-service
port: 6379
4.2 前端部署实践
- 生产环境构建命令：
bash复制npm run build -- --mode production
- Nginx配置示例：
nginx复制server {
listen 80;
server_name course.example.com;
location / {
root /var/www/course-system/dist;
try_files $uri $uri/ /index.html;
}
location /api {
proxy_pass http://backend:8080;
proxy_set_header Host $host;
}
}
5. 开发经验总结
5.1 常见问题排查
- 跨域问题：
- 现象：前端请求报CORS错误
- 解决方案：确保后端配置了正确的CORS策略，同时检查Nginx转发配置
- 选课冲突：
- 现象：明明有名额却提示课程已满
- 排查：检查Redis锁是否正常释放，数据库连接池是否足够
- 性能瓶颈：
- 现象：高峰期响应变慢
- 优化：增加数据库连接池大小，引入二级缓存，优化SQL查询
5.2 项目扩展建议
- 功能扩展：
- 增加课程评价系统
- 实现自动排课算法
- 添加微信小程序端支持
- 性能优化：
- 引入Elasticsearch实现课程搜索
- 使用WebSocket实现选课实时通知
- 采用Kafka处理选课消息队列
- 安全加固：
- 实现JWT token自动续期
- 增加操作日志审计
- 引入Spring Security OAuth2
这个项目在实际开发中遇到的最大挑战是高并发下的数据一致性问题，通过采用分布式锁+版本号控制的方案，我们最终实现了在保证性能的同时确保数据准确性。建议后续开发者可以在此基础上继续完善监控系统和自动化测试体系。