1. 项目概述：前后端分离选课系统的技术架构

这个学生选课系统采用了典型的前后端分离架构，后端使用SpringBoot框架提供RESTful API接口，前端通过Vue.js构建用户界面，数据持久层采用MyBatis操作MySQL数据库。这种架构模式在当前企业级应用开发中已经成为主流选择，特别适合需要快速迭代的校园信息化项目。

我在实际开发中发现，选课系统有几个典型的技术痛点：高并发选课时的性能瓶颈、多条件组合查询的响应速度、前后端数据格式的规范统一。这套技术栈的组合恰好能针对性解决这些问题——SpringBoot的内置Tomcat容器和线程池机制能处理突发流量，MyBatis的动态SQL支持复杂查询条件拼接，而Vue的axios拦截器可以统一处理API响应。

2. 技术栈选型与核心组件解析

2.1 SpringBoot后端框架设计

选型SpringBoot而非传统SSM框架的主要考虑是简化配置。实际开发中通过starter依赖快速集成了：

• spring-boot-starter-web（Web MVC）
• spring-boot-starter-aop（事务管理）
• mybatis-spring-boot-starter（Mybatis集成）
• druid-spring-boot-starter（数据库连接池）

特别值得分享的是事务配置技巧。在选课业务中，我们需要保证"选课-扣减名额-生成课表"的原子性操作。通过@Transactional注解配合隔离级别配置，可以这样实现：

@Transactional(isolation = Isolation.READ_COMMITTED, propagation = Propagation.REQUIRED) public CourseSelectionResult selectCourse(Long studentId, Long courseId) { // 业务逻辑 }

2.2 Vue前端工程化实践

前端采用Vue CLI创建的工程结构，通过以下关键配置提升开发效率：

• 使用vue-router实现前端路由鉴权
• 通过vuex管理全局状态（如用户登录信息）
• 配置axios实例统一处理API请求/响应

一个典型的API请求拦截器配置示例：

// src/utils/request.js const service = axios.create({ baseURL: process.env.VUE_APP_BASE_API, timeout: 5000 }) service.interceptors.request.use(config => { if (store.getters.token) { config.headers['Authorization'] = 'Bearer ' + getToken() } return config })

2.3 MyBatis数据持久层优化

针对选课系统的高频查询场景，我们在MyBatis层做了这些优化：

1. 二级缓存配置：在mybatis-config.xml中启用Ehcache
2. 动态SQL编写：使用 标签避免空条件导致语法错误
3. 结果集映射：通过 定义复杂的DTO映射关系

典型的多条件查询动态SQL示例：

<select id="selectAvailableCourses" resultMap="CourseDTO"> SELECT * FROM courses <where> <if test="courseName != null"> AND name LIKE CONCAT('%',#{courseName},'%') </if> <if test="teacherId != null"> AND teacher_id = #{teacherId} </if> <if test="remainingQuota > 0"> AND remaining_quota > 0 </if> </where> ORDER BY create_time DESC </select>

3. 数据库设计与性能考量

3.1 核心表结构设计

主要包含以下表及其关系：

• students（学生信息）
• teachers（教师信息）
• courses（课程主表）
• course_sections（课程分班表）
• selections（选课记录表）
• schedules（个人课表）

特别注意课程余量字段的设计方案。最初我们采用实时计算COUNT(selections)，但在高并发下出现性能问题。后来改为在courses表维护remaining_quota字段，通过触发器自动更新：

CREATE TRIGGER update_quota AFTER INSERT ON selections FOR EACH ROW BEGIN UPDATE courses SET remaining_quota = remaining_quota - 1 WHERE id = (SELECT course_id FROM course_sections WHERE id = NEW.section_id); END;

3.2 索引优化策略

根据实际查询场景，我们建立了这些关键索引：

1. 课程表：name字段前缀索引（课程名搜索）
2. 选课记录：联合索引(student_id, section_id)防止重复选课
3. 教师表：department_id索引（按院系筛选）

使用EXPLAIN分析慢查询时发现，课程分页查询缺少排序字段索引。添加后的性能对比：

4. 系统部署实战方案

4.1 后端部署要点

SpringBoot应用推荐两种部署方式：

1. 打包为可执行JAR：通过nohup后台运行

   nohup java -jar selection-system.jar --server.port=8080 > app.log 2>&1 &

2. 构建Docker镜像（适合集群部署）：

   FROM openjdk:8-jdk-alpine VOLUME /tmp COPY target/*.jar app.jar ENTRYPOINT ["java","-jar","/app.jar"]

4.2 前端部署注意事项

Vue项目构建时需要特别注意：

1. 配置生产环境API地址：在.env.production设置VUE_APP_BASE_API
2. 路由history模式需要Nginx额外配置：

   location / { try_files $uri $uri/ /index.html; }

3. 静态资源CDN加速：修改vue.config.js中的publicPath

4.3 数据库部署建议

MySQL部署时的关键参数调整（针对选课场景）：

[mysqld] innodb_buffer_pool_size = 2G # 缓存池大小 innodb_log_file_size = 256M # 日志文件大小 max_connections = 500 # 最大连接数 transaction_isolation = READ-COMMITTED

5. 典型问题排查手册

5.1 跨域问题解决方案

开发环境常见跨域问题，可通过以下方式解决：

1. 后端配置CORS（推荐方案）：

   @Configuration public class CorsConfig implements WebMvcConfigurer { @Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping("/**") .allowedOrigins("*") .allowedMethods("*") .maxAge(3600); } }

2. 前端代理配置（vue.config.js）：

   devServer: { proxy: { '/api': { target: 'http://localhost:8080', changeOrigin: true } } }

5.2 选课并发冲突处理

我们测试时发现当多个学生同时选同一门课时，可能出现超卖情况。最终采用两种方案结合：

1. 数据库乐观锁：

   UPDATE courses SET remaining_quota = remaining_quota - 1 WHERE id = ? AND remaining_quota > 0

2. Redis分布式锁（应对集群部署）：

   public boolean tryLock(String key, long expire) { return redisTemplate.opsForValue() .setIfAbsent(key, "1", expire, TimeUnit.SECONDS); }

5.3 性能监控方案

线上系统推荐集成SpringBoot Actuator监控：

1. 添加依赖：

   <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-actuator</artifactId> </dependency>

2. 配置开放端点（application.yml）：

   management: endpoints: web: exposure: include: health,info,metrics

3. 自定义业务指标监控：

   @Service public class CourseMetrics { private final Counter selectionCounter; public CourseMetrics(MeterRegistry registry) { selectionCounter = registry.counter("course.selection.count"); } public void recordSelection() { selectionCounter.increment(); } }

6. 项目扩展方向建议

基于现有系统，可以考虑以下增强功能：

1. 微信小程序端：使用uni-app重构前端，覆盖移动场景
2. 选课结果分析：集成Python计算引擎，进行选课数据挖掘
3. 微服务改造：将课程管理、选课操作拆分为独立服务
4. 实时通知：通过WebSocket推送选课状态变更

在架构演进过程中，建议先完善监控体系再实施改造。我们团队在拆分微服务时曾因缺乏链路追踪导致问题定位困难，后来通过集成SkyWalking解决了这个问题。