1. 项目概述与背景
中小型景区在数字化转型过程中面临诸多痛点：票务管理依赖人工操作效率低下、会员信息分散难以形成有效营销、景点信息更新不及时影响游客体验。这套基于SSM+Vue架构的景区票务管理系统，正是为解决这些实际问题而设计的全栈解决方案。
我在实际开发中发现，现有商业票务系统往往存在两个极端：要么是携程等大平台的标准化接口，无法满足景区个性化需求；要么是迪士尼级别的定制系统，实施成本动辄上百万。这套系统折中地采用了SSM（Spring+SpringMVC+MyBatis）后端框架配合Vue.js前端框架的技术路线，既保证了系统性能，又将开发成本控制在中小景区可接受范围内。
2. 技术选型与架构设计
2.1 技术栈决策依据
后端选择SSM框架组合而非Spring Boot，主要基于三点考虑：
- 学校课程体系更侧重传统SSM框架的教学，便于毕业设计答辩时技术阐述
- MyBatis在复杂SQL优化方面比JPA更灵活，适合景区票务这类需要精细控制数据库查询的场景
- 系统不需要Spring Boot的自动装配特性，反而需要显式配置来加深对框架原理的理解
前端选用Vue.js 2.x版本而非React，主要因为：
- 学习曲线平缓，Element UI组件库能快速搭建管理后台界面
- 双向数据绑定特性简化了表单密集型页面的开发
- 与后端RESTful API对接时，axios拦截器能统一处理鉴权等逻辑
2.2 系统架构图解
code复制[浏览器层] Vue.js SPA
↑↓ HTTP/HTTPS
[表现层] SpringMVC @RestController
↑↓ Service调用
[业务层] Spring Transaction管理
↑↓ Mapper接口
[持久层] MyBatis 3.x
↑↓ JDBC
[数据层] MySQL 5.7 (InnoDB)
关键设计决策：
- 采用RESTful风格API设计，所有资源通过URI定位
- 使用JWT替代Session做无状态认证，便于水平扩展
- 数据库事务隔离级别设置为REPEATABLE_READ，平衡性能与一致性
3. 核心模块实现细节
3.1 会员管理模块
数据库表设计要点：
sql复制CREATE TABLE `member` (
`id` BIGINT(20) PRIMARY KEY AUTO_INCREMENT,
`username` VARCHAR(50) UNIQUE NOT NULL COMMENT '登录账号',
`password` VARCHAR(100) NOT NULL COMMENT 'BCrypt加密',
`real_name` VARCHAR(50) COMMENT '真实姓名',
`phone` VARCHAR(20) COMMENT '手机号',
`level` TINYINT(2) DEFAULT 1 COMMENT '会员等级1-5',
`points` INT(11) DEFAULT 0 COMMENT '累计积分',
`create_time` DATETIME DEFAULT CURRENT_TIMESTAMP
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
积分计算策略实现：
java复制@Service
public class MemberServiceImpl implements MemberService {
@Override
public void addPoints(Long memberId, int points) {
// 积分翻倍规则：黄金会员1.2倍，白金会员1.5倍
Member member = memberMapper.selectById(memberId);
int finalPoints = points;
if (member.getLevel() >= 3) {
finalPoints = (int)(points * 1.2);
}
if (member.getLevel() >= 5) {
finalPoints = (int)(points * 1.5);
}
memberMapper.updatePoints(memberId, finalPoints);
}
}
3.2 票务库存管理
解决超卖问题的三种方案对比：
| 方案 | 实现复杂度 | 性能影响 | 适用场景 |
|---|---|---|---|
| 数据库乐观锁 | 中等 | 小 | 中低并发 |
| Redis分布式锁 | 高 | 中 | 高并发 |
| 消息队列异步削峰 | 很高 | 大 | 秒杀级超高并发 |
最终采用的乐观锁实现：
xml复制<!-- OrderMapper.xml -->
<update id="reduceTicketStock">
UPDATE ticket SET stock = stock - #{num}
WHERE id = #{ticketId} AND stock >= #{num}
</update>
前端购票流程的防重复提交设计：
javascript复制// Vue组件方法
buyTicket() {
this.loading = true;
axios.post('/api/orders', {
ticketId: this.ticketId,
quantity: this.quantity
}).then(response => {
this.$message.success('购票成功');
}).finally(() => {
this.loading = false;
});
}
4. 典型问题与解决方案
4.1 跨域问题处理
开发阶段解决方案（SpringMVC配置类）：
java复制@Configuration
public class CorsConfig implements WebMvcConfigurer {
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**")
.allowedOrigins("*")
.allowedMethods("GET", "POST", "PUT", "DELETE")
.allowCredentials(true)
.maxAge(3600);
}
}
生产环境推荐Nginx配置：
nginx复制location /api/ {
proxy_pass http://backend-server;
add_header 'Access-Control-Allow-Origin' '$http_origin';
add_header 'Access-Control-Allow-Methods' 'GET,POST,PUT,DELETE';
add_header 'Access-Control-Allow-Headers' 'Content-Type,Authorization';
}
4.2 高并发场景优化
缓存策略实施步骤：
- 热点数据识别：通过MySQL慢查询日志定位高频访问表
- Redis缓存设计：
java复制@Cacheable(value = "ticket", key = "#id") public Ticket getTicketById(Long id) { return ticketMapper.selectById(id); } - 缓存雪崩预防：
java复制@Cacheable(value = "ticket", key = "#id", unless = "#result == null", cacheManager = "redisCacheManager")
5. 部署与运维实践
5.1 生产环境部署清单
必备组件及版本要求：
- JDK 1.8u191+
- Tomcat 8.5+（原计划用7.0但发现对Servlet 3.1支持不足）
- MySQL 5.7.23+（必须开启binlog用于数据恢复）
- Redis 5.0+（作缓存和分布式锁服务）
关键JVM参数配置（Tomcat catalina.sh）：
bash复制JAVA_OPTS="-Xms1024m -Xmx2048m -XX:+UseG1GC
-XX:MaxGCPauseMillis=200
-XX:ParallelGCThreads=4"
5.2 监控指标设置
通过Spring Actuator暴露的端点：
properties复制# application.properties
management.endpoints.web.exposure.include=health,info,metrics
management.metrics.tags.application=scenic-spot-system
推荐的监控看板指标：
- 系统层面：CPU使用率、内存占用、磁盘IO
- 应用层面：HTTP请求QPS、平均响应时间、错误率
- 业务层面：实时售票量、库存变化趋势、会员增长曲线
6. 项目心得与改进方向
在三个月开发周期内遇到最棘手的问题是票务库存的并发控制。最初采用数据库悲观锁导致性能瓶颈，TPS只能达到200左右。后来改为"Redis分布式锁+数据库乐观锁"双重保障，在保证数据一致性的同时将TPS提升到1200+。
如果时间允许，下一步会重点优化：
- 引入ELK日志分析系统，实现业务异常实时报警
- 增加微信小程序端入口，提升游客使用便捷性
- 实现基于用户画像的智能推荐功能，比如根据会员浏览记录推荐相似景点
这套系统在测试阶段已经成功支持单日10万+门票的销售模拟，验证了架构的可行性。对于计算机专业的学生来说，通过这个项目可以完整掌握从需求分析到部署上线的全流程开发经验，特别是对SSM框架整合、Vue组件化开发等企业级开发必备技能会有深入理解