1. 项目概述
这个前后端分离的汽车票网上预订系统采用了当前主流的SpringBoot+Vue技术栈，搭配MyBatis和MySQL数据库，是一套完整的全栈开发解决方案。我在实际开发过程中发现，这种架构特别适合中小型票务系统的快速开发和迭代。
系统主要实现了用户注册登录、车次查询、在线选座、订单管理、支付对接等核心功能模块。前后端完全分离的设计让前端可以专注于用户体验，后端则负责业务逻辑和数据处理，通过RESTful API进行通信。
提示：选择SpringBoot+Vue的组合主要考虑到SpringBoot的快速开发特性和Vue的轻量级优势，两者结合既能保证开发效率，又能提供良好的用户体验。
2. 技术栈选型解析
2.1 后端技术选型
SpringBoot作为后端框架，提供了自动配置、起步依赖等特性，大大简化了项目配置。我特别欣赏它的嵌入式Tomcat和约定优于配置的理念，这让部署变得异常简单。
MyBatis作为ORM框架，相比Hibernate更加灵活，可以编写原生SQL，这对于需要复杂查询的票务系统特别重要。我在项目中大量使用了动态SQL来处理各种条件组合查询。
MySQL作为关系型数据库，在事务处理和复杂查询方面表现优异。考虑到票务系统对数据一致性的高要求，我选择了InnoDB存储引擎，并合理设计了索引来优化查询性能。
2.2 前端技术选型
Vue.js作为前端框架，其响应式数据绑定和组件化开发模式非常适合构建复杂的单页应用。我使用了Vue Router实现前端路由，Vuex管理全局状态，Element UI作为UI组件库。
在实际开发中，我发现Vue的渐进式特性特别适合中小型项目，可以按需引入各种功能，不会造成过度设计。组件化的开发方式也让代码更易于维护和复用。
3. 系统架构设计
3.1 整体架构
系统采用典型的三层架构：
- 表现层：Vue前端应用
- 业务逻辑层：SpringBoot后端服务
- 数据访问层：MyBatis+MySQL
前后端通过HTTP协议通信，数据格式采用JSON。这种架构清晰明了，各层职责分明，便于团队协作和后期维护。
3.2 数据库设计
数据库设计是票务系统的核心，我花了大量时间优化表结构。主要包含以下几类表：
- 用户相关：users, roles, permissions
- 车次相关：routes, buses, schedules
- 订单相关：orders, tickets, payments
特别注意了数据一致性问题，比如在售票时使用了数据库事务和乐观锁来防止超卖。
4. 核心功能实现
4.1 车次查询功能
车次查询是系统的核心功能之一，需要考虑多种查询条件组合。我使用了MyBatis的动态SQL来构建灵活的查询语句，并添加了适当的索引来优化性能。
// 示例：动态SQL查询 @Select("<script>" + "SELECT * FROM schedules " + "<where>" + " <if test='departureCity != null'>AND departure_city = #{departureCity}</if>" + " <if test='arrivalCity != null'>AND arrival_city = #{arrivalCity}</if>" + " <if test='departureDate != null'>AND DATE(departure_time) = #{departureDate}</if>" + "</where>" + "ORDER BY departure_time" + "</script>") List<Schedule> findSchedules(@Param("departureCity") String departureCity, @Param("arrivalCity") String arrivalCity, @Param("departureDate") Date departureDate);4.2 选座购票功能
选座购票是最复杂的业务逻辑，需要考虑并发情况下的座位锁定和订单创建。我采用了以下策略：
- 使用数据库事务保证操作的原子性
- 添加版本号实现乐观锁
- 设置合理的超时时间
- 引入Redis缓存热门车次信息
注意：在处理高并发售票时，单纯依赖数据库可能不够，可以考虑引入消息队列进一步优化。
5. 部署方案
5.1 后端部署
SpringBoot应用可以打包成可执行的JAR文件，部署非常简单：
# 打包 mvn clean package # 运行 java -jar ticket-system.jar --spring.profiles.active=prod建议使用Nginx作为反向代理，配置SSL证书启用HTTPS。对于生产环境，可以考虑使用Docker容器化部署。
5.2 前端部署
Vue应用通过npm run build生成静态文件，可以直接部署到Nginx或任何静态文件服务器：
# 安装依赖 npm install # 构建生产环境版本 npm run build构建完成后，dist目录中的文件就是需要部署的静态资源。
6. 常见问题与解决方案
6.1 跨域问题
前后端分离开发时经常会遇到跨域问题。我的解决方案是：
- 后端配置CORS过滤器
- 开发环境使用proxyTable
- 生产环境通过Nginx反向代理
6.2 性能优化
对于票务系统，查询性能至关重要。我采取了以下优化措施：
- 数据库添加适当索引
- 使用Redis缓存热门数据
- 分页查询避免全表扫描
- 前端使用懒加载和虚拟滚动
6.3 安全性考虑
系统安全不容忽视，我实现了以下安全措施：
- 密码加密存储（BCrypt）
- JWT身份认证
- XSS和CSRF防护
- SQL注入预防（使用预编译语句）
- 敏感数据脱敏
7. 开发心得
在实际开发过程中，我总结了以下几点经验：
- 数据库设计阶段要多花时间，好的表结构能避免后期很多问题
- 事务处理要特别注意隔离级别和传播行为
- 前端表单验证要尽可能全面，减轻服务器压力
- 日志记录要详细，便于问题排查
- 接口文档要及时更新，保持前后端沟通顺畅
这个项目让我对前后端分离开发有了更深入的理解，特别是在处理复杂业务逻辑和性能优化方面积累了不少实战经验。对于想学习全栈开发的同学，我认为这是一个很好的练手项目。
