一、项目背景与意义随着我国交通基础设施的不断完善和人民生活水平的持续提高公路客运在综合交通运输体系中依然扮演着重要角色。然而许多传统汽车站仍采用人工售票、手工调度、纸质记录的管理模式存在效率低下、信息不透明、旅客体验差、数据统计困难等问题。设计并实现一套基于Web的汽车站运营及购票管理系统具有以下重要意义提升运营效率通过信息化手段自动化处理班次排班、票务结算、车辆调度等核心业务减少人工操作降低出错率。优化旅客体验提供线上购票、在线选座、电子票务、实时班次查询等功能让旅客出行更加便捷、舒心。实现精细化管理系统可对售票数据、客流分布、营收情况等进行多维度统计分析为车站管理者提供科学的决策支持。促进数据互联互通基于Web的系统便于与上级交通管理部门、其他车站或第三方平台如旅游网站进行数据对接构建智慧交通生态。本系统的设计与实现旨在为中小型汽车站提供一套功能完整、稳定可靠、易于维护的现代化管理解决方案。二、系统技术栈选型为实现高内聚、低耦合、易于扩展的系统架构本项目采用前后端分离的设计模式。技术栈选型兼顾了成熟度、开发效率、性能及社区生态。2.1 后端技术栈核心框架Spring Boot 2.7.x。它简化了Spring应用的初始搭建和开发过程提供了内嵌的Tomcat服务器和自动配置功能。持久层框架MyBatis-Plus 3.5.x。在MyBatis的基础上进行了增强提供了通用的CRUD操作、分页插件、代码生成器等极大提升了开发效率。数据库MySQL 8.0。作为成熟稳定的关系型数据库满足系统事务性、一致性的要求。缓存Redis 6.x。用于缓存热点数据如班次信息、座位状态、存储用户会话、实现分布式锁等提升系统并发性能。消息队列RabbitMQ。用于异步处理订单创建、出票、短信通知等耗时操作实现系统解耦和流量削峰。安全框架Spring Security JWT (JSON Web Token)。负责用户认证与授权保障系统接口安全。API文档Knife4j (Swagger增强版)。自动生成美观的API文档方便前后端联调。2.2 前端技术栈核心框架Vue 3.x (Composition API)。采用现代前端框架提供响应式数据绑定和组件化开发体验。UI组件库Element Plus。基于Vue 3的桌面端组件库提供了丰富的UI组件能够快速构建美观、一致的管理后台界面。状态管理Pinia。Vue官方推荐的状态管理库替代Vuex提供更简洁、类型安全的API。路由Vue Router 4.x。管理单页面应用的路由。HTTP客户端Axios。用于发起HTTP请求并配置请求/响应拦截器统一处理错误和权限验证。构建工具Vite。新一代前端构建工具提供极速的冷启动和热更新提升开发体验。2.3 开发与部署版本控制Git项目管理Maven (后端) / npm (前端)容器化Docker Docker Compose。实现应用、数据库、缓存等服务的快速部署和环境一致性。持续集成/持续部署 (CI/CD)Jenkins 或 GitLab CI。实现自动化构建、测试和部署。三、系统核心功能模块设计系统主要分为后台运营管理端和前台用户购票端。3.1 后台运营管理端用户与权限管理实现角色如超级管理员、车站管理员、售票员和菜单权限的动态配置。基础数据管理管理车站、线路、车型、票价模板等基础信息。班次与排班管理核心模块。支持班次的新增、修改、删除、停售支持按日期批量生成班次可视化排班表。票务管理包括售票支持线下窗口和线上订单处理、退票、改签、检票核销等功能。车辆与司机管理管理车辆信息、司机信息并与班次进行关联。财务统计按日、月、年统计售票收入、退票手续费等生成可视化报表。系统监控监控系统运行状态、关键业务日志。3.2 前台用户购票端用户注册/登录支持手机号验证码登录、密码登录。班次查询与筛选根据出发地、目的地、日期查询可用班次支持按时间、票价、车型筛选。在线选座购票可视化座位图用户可选择心仪座位生成订单并在线支付。订单管理用户可查看历史订单、待支付订单、已出行订单并申请退票或改签。个人信息管理管理常用联系人、查看电子客票等。四、核心数据库表设计部分以下是几个核心业务表的结构设计-- 班次表 (schedule) CREATE TABLE bus_schedule ( id bigint NOT NULL AUTO_INCREMENT COMMENT 主键, line_id bigint NOT NULL COMMENT 线路ID, bus_id bigint NOT NULL COMMENT 车辆ID, driver_id bigint DEFAULT NULL COMMENT 司机ID, departure_time datetime NOT NULL COMMENT 发车时间, estimated_arrival_time datetime NOT NULL COMMENT 预计到达时间, total_seats int NOT NULL DEFAULT 0 COMMENT 总座位数, available_seats int NOT NULL DEFAULT 0 COMMENT 可用座位数, price decimal(10,2) NOT NULL COMMENT 票价, status tinyint NOT NULL DEFAULT 1 COMMENT 状态1-正常 2-停售 3-已发车 4-已取消, create_time datetime DEFAULT CURRENT_TIMESTAMP, update_time datetime DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP, PRIMARY KEY (id), KEY idx_line_departure (line_id, departure_time), KEY idx_status (status) ) ENGINEInnoDB DEFAULT CHARSETutf8mb4 COMMENT班次表; -- 订单表 (order) CREATE TABLE bus_order ( id varchar(32) NOT NULL COMMENT 订单号, user_id bigint NOT NULL COMMENT 用户ID, schedule_id bigint NOT NULL COMMENT 班次ID, passenger_name varchar(50) NOT NULL COMMENT 乘客姓名, passenger_id_card varchar(18) NOT NULL COMMENT 乘客身份证号, seat_numbers varchar(255) NOT NULL COMMENT 座位号多个用逗号分隔, total_amount decimal(10,2) NOT NULL COMMENT 订单总金额, order_status tinyint NOT NULL DEFAULT 1 COMMENT 订单状态1-待支付 2-已支付 3-已出票 4-已退票 5-已改签 6-已取消, pay_time datetime DEFAULT NULL COMMENT 支付时间, create_time datetime DEFAULT CURRENT_TIMESTAMP, update_time datetime DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP, PRIMARY KEY (id), KEY idx_user_id (user_id), KEY idx_schedule_id (schedule_id), KEY idx_create_time (create_time) ) ENGINEInnoDB DEFAULT CHARSETutf8mb4 COMMENT订单表;五、核心业务逻辑代码示例5.1 班次座位锁定与售票Java Redis分布式锁import lombok.RequiredArgsConstructor; import org.springframework.data.redis.core.RedisTemplate; import org.springframework.stereotype.Service; import org.springframework.transaction.annotation.Transactional; import java.util.concurrent.TimeUnit; Service RequiredArgsConstructor public class TicketService { private final RedisTemplatelt;String, Objectgt; redisTemplate; private final ScheduleMapper scheduleMapper; private final OrderMapper orderMapper; /** 锁定座位并创建订单 param scheduleId 班次ID param seatNumbers 选择的座位号列表 param passengerInfo 乘客信息 return 订单ID */ Transactional(rollbackFor Exception.class) public String lockSeatsAndCreateOrder(Long scheduleId, Listlt;Stringgt; seatNumbers, PassengerDTO passengerInfo) { String lockKey schedule:lock: scheduleId; String uuid UUID.randomUUID().toString(); boolean locked false; try { // 1. 尝试获取分布式锁防止超卖 locked Boolean.TRUE.equals(redisTemplate.opsForValue() .setIfAbsent(lockKey, uuid, 10, TimeUnit.SECONDS)); if (!locked) { throw new BusinessException(系统繁忙请稍后重试); } // 2. 查询班次信息并检查座位可用性 Schedule schedule scheduleMapper.selectById(scheduleId); if (schedule null || schedule.getStatus() ! ScheduleStatus.NORMAL.getCode()) { throw new BusinessException(班次不存在或已停售); } // 3. 检查座位是否已被占用 (Redis Set) String seatKey schedule:seats: scheduleId; for (String seatNo : seatNumbers) { Boolean isMember redisTemplate.opsForSet().isMember(seatKey, seatNo); if (Boolean.TRUE.equals(isMember)) { throw new BusinessException(座位 seatNo 已被占用请重新选择); } } // 4. 将选中座位加入Redis临时占用集合 redisTemplate.opsForSet().add(seatKey, seatNumbers.toArray(new String[0])); redisTemplate.expire(seatKey, 5, TimeUnit.MINUTES); // 设置5分钟过期给用户支付时间 // 5. 数据库层面扣减可用座位数 int updateCount scheduleMapper.updateAvailableSeats(scheduleId, -seatNumbers.size()); if (updateCount 0) { throw new BusinessException(座位数量不足请重新选择); } // 6. 创建订单待支付状态 Order order new Order(); order.setId(IdGenerator.generateOrderNo()); order.setScheduleId(scheduleId); order.setUserId(passengerInfo.getUserId()); order.setPassengerName(passengerInfo.getName()); order.setPassengerIdCard(passengerInfo.getIdCard()); order.setSeatNumbers(String.join(,, seatNumbers)); order.setTotalAmount(schedule.getPrice().multiply(BigDecimal.valueOf(seatNumbers.size()))); order.setOrderStatus(OrderStatus.WAIT_PAY.getCode()); orderMapper.insert(order); // 7. 发送订单创建成功消息到MQ触发后续逻辑如短信通知 // rabbitTemplate.convertAndSend(order.exchange, order.create, order.getId()); return order.getId(); } finally { // 释放分布式锁 (Lua脚本保证原子性) if (locked) { String script if redis.call(get, KEYS[1]) ARGV[1] then return redis.call(del, KEYS[1]) else return 0 end; redisTemplate.execute(new DefaultRedisScriptlt;gt;(script, Long.class), Collections.singletonList(lockKey), uuid); } } } }5.2 前端班次查询与选座组件Vue 3 Element Plustemplate div classschedule-page !-- 查询条件 -- el-form :modelqueryForm inline el-form-item label出发地 el-select v-modelqueryForm.fromCity placeholder请选择 el-option v-forcity in cityList :keycity.code :labelcity.name :valuecity.code / /el-select /el-form-item el-form-item label目的地 el-select v-modelqueryForm.toCity placeholder请选择 el-option v-forcity in cityList :keycity.code :labelcity.name :valuecity.code / /el-select /el-form-item el-form-item label出发日期 el-date-picker v-modelqueryForm.departureDate typedate placeholder选择日期 / /el-form-item el-form-item el-button typeprimary clickhandleQuery查询班次/el-button /el-form-item /el-form lt;!-- 班次列表 --gt; lt;el-table :datascheduleList v-loadingloadinggt; lt;el-table-column propdepartureTime label发车时间 width180gt; lt;template #defaultscopegt; {{ formatTime(scope.row.departureTime) }} lt;/templategt; lt;/el-table-columngt; lt;el-table-column propfromStation label出发车站 /gt; lt;el-table-column proptoStation label到达车站 /gt; lt;el-table-column propbusType label车型 /gt; lt;el-table-column propprice label票价元 /gt; lt;el-table-column propavailableSeats label余票 /gt; lt;el-table-column label操作 width120gt; lt;template #defaultscopegt; lt;el-button typeprimary sizesmall clickopenSeatDialog(scope.row)gt;选座购票lt;/el-buttongt; lt;/templategt; lt;/el-table-columngt; lt;/el-tablegt; lt;!-- 选座弹窗 --gt; lt;el-dialog v-modelseatDialogVisible title选择座位 width800pxgt; lt;div classseat-mapgt; lt;div classseat-row v-for(row, rowIndex) in seatMap :keyrowIndexgt; lt;div classseat v-forseat in row :keyseat.number :class{ seat-selected: selectedSeats.includes(seat.number), seat-sold: seat.status SOLD, seat-available: seat.status AVAILABLE } clicktoggleSeat(seat)gt; {{ seat.number }} lt;/divgt; lt;/divgt; lt;/divgt; lt;div classseat-legendgt; lt;span classlegend-itemgt;lt;i classseat-availablegt;lt;/igt; 可选lt;/spangt; lt;span classlegend-itemgt;lt;i classseat-selectedgt;lt;/igt; 已选lt;/spangt; lt;span classlegend-itemgt;lt;i classseat-soldgt;lt;/igt; 已售lt;/spangt; lt;/divgt; lt;template #footergt; lt;span classdialog-footergt; lt;el-button clickseatDialogVisible falsegt;取消lt;/el-buttongt; lt;el-button typeprimary clickhandleConfirmSeats :disabledselectedSeats.length 0gt; 确认选择 (已选 {{ selectedSeats.length }} 个座位) lt