爱过河的小马锅1. 项目背景与核心价值
甘肃作为西北旅游重镇，拥有敦煌莫高窟、张掖丹霞等世界级景点，但旅游信息化服务一直存在平台分散、功能单一的问题。这个毕业设计项目正是针对这一痛点，采用前后端分离架构打造的区域性旅游服务平台。我在实际开发中发现，这类系统最核心的价值在于打通了景点展示、线路规划、票务预订、用户评价的全流程服务闭环。
相比市面上常见的旅游网站模板，这个项目的特色在于：
- 深度结合甘肃本地旅游资源特点（如丝绸之路主题线路）
- 采用主流技术栈但保持适度的复杂度，非常适合本科生实践学习
- 配套资料完整度极高，从数据库脚本到API文档都经过规范化处理
需要模型API调用？ 免费领10W Token，多模型网关一键接入 Claude、DeepSeek 等主流模型。
2. 技术架构解析
2.1 后端技术选型
SpringBoot 2.7.x + MyBatis-Plus的组合是经过多次迭代后的稳定选择。这里特别说明几个关键配置：
java复制// 多数据源配置示例（适用于景区数据和订单数据分离）
@Configuration
@MapperScan(basePackages = "com.gansu.tourism.mapper.attraction", sqlSessionTemplateRef = "attractionSqlSessionTemplate")
public class AttractionDataSourceConfig {
@Bean
@ConfigurationProperties(prefix = "spring.datasource.attraction")
public DataSource attractionDataSource() {
return DataSourceBuilder.create().build();
}
}
注意：旅游类系统必须考虑高并发场景，我们在景点查询接口特别添加了二级缓存：
- 本地Caffeine缓存处理热点数据（如莫高窟详情）
- Redis集群缓存线路推荐数据
2.2 前端技术方案
Vue 3的组合式API大幅提升了代码可维护性，项目中有几个典型实现模式值得借鉴：
- 景点卡片组件采用
<script setup>语法
vue复制<script setup>
const props = defineProps({
attraction: {
type: Object,
required: true
}
})
</script>
- 使用Pinia管理跨组件状态（如用户登录态）
javascript复制// stores/user.js
export const useUserStore = defineStore('user', {
state: () => ({
token: localStorage.getItem('token') || null
}),
actions: {
login(token) {
this.token = token
localStorage.setItem('token', token)
}
}
})
3. 数据库设计要点
3.1 核心表结构
sql复制CREATE TABLE `scenic_spot` (
`id` bigint NOT NULL AUTO_INCREMENT,
`name` varchar(100) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL COMMENT '景点名称',
`location` point NOT NULL COMMENT 'GPS坐标',
`cover_img` varchar(255) DEFAULT NULL COMMENT '封面图URL',
`grade` decimal(2,1) DEFAULT '5.0' COMMENT '评分',
`open_time` varchar(100) DEFAULT NULL COMMENT '开放时间描述',
`tags` json DEFAULT NULL COMMENT '标签数组',
PRIMARY KEY (`id`),
SPATIAL KEY `idx_location` (`location`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
3.2 特色设计
- 空间索引优化：对景点坐标字段建立SPATIAL索引，大幅提升周边景点查询效率
- JSON字段应用：标签系统采用JSON类型存储，避免多表关联查询
- 预约订单分表：按月份水平分表解决订单数据膨胀问题
4. 典型业务实现
4.1 智能线路规划算法
java复制public List<TravelRoute> generateRoutes(Location userLocation, Integer days) {
// 1. 获取用户周边50km内的景点
List<ScenicSpot> candidates = scenicSpotMapper.selectNearby(
userLocation.getX(),
userLocation.getY(),
50000);
// 2. 基于贪心算法生成初步路线
List<TravelRoute> routes = new ArrayList<>();
while (!candidates.isEmpty()) {
TravelRoute route = new TravelRoute();
ScenicSpot current = findNearestSpot(userLocation, candidates);
// ... 后续处理逻辑
}
return routes;
}
4.2 支付对接实践
项目接入了支付宝沙箱环境，关键点在于：
- 采用RSA2签名确保交易安全
- 异步通知处理需要做好幂等控制
- 订单状态机设计：
mermaid复制stateDiagram-v2
[*] --> PENDING
PENDING --> PAID: 支付成功
PENDING --> CANCELLED: 用户取消
PAID --> COMPLETED: 核销完成
PAID --> REFUNDING: 申请退款
REFUNDING --> REFUNDED: 退款成功
5. 开发踩坑实录
- 跨域问题：Vue开发环境访问SpringBoot接口时，需要明确配置：
java复制@Configuration
public class CorsConfig implements WebMvcConfigurer {
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**")
.allowedOrigins("http://localhost:8080")
.allowCredentials(true)
.allowedMethods("*");
}
}
- 图片上传陷阱：
- 前端需要将文件转为FormData格式上传
- 后端要配置MultipartResolver：
yaml复制spring:
servlet:
multipart:
max-file-size: 10MB
max-request-size: 20MB
- 微信登录对接：特别注意openid需要服务端通过code换取，不能在前端直接获取
6. 项目部署指南
6.1 后端部署要点
bash复制# 打包时跳过测试
mvn clean package -DskipTests
# 生产环境启动建议
nohup java -Xms512m -Xmx1024m -jar tourism.jar \
--spring.profiles.active=prod \
> /var/log/tourism.log 2>&1 &
6.2 前端优化建议
- 配置nginx压缩策略：
nginx复制gzip on;
gzip_types text/plain application/xml application/javascript;
gzip_min_length 1024;
- 启用HTTP/2提升加载速度：
nginx复制server {
listen 443 ssl http2;
ssl_certificate /path/to/cert.pem;
ssl_certificate_key /path/to/key.pem;
}
7. 毕设答辩技巧
根据我带毕设的经验，这类项目答辩时需要重点准备：
- 技术对比分析：与传统JSP项目相比，解释为什么选择前后端分离架构
- 性能数据：准备JMeter压测报告（建议QPS达到200+）
- 扩展性问题：如何应对旅游旺季的流量高峰
- 商业价值：估算平台能为景区带来多少增量游客
建议在演示环节准备两个版本：
- 管理员视角：展示数据分析后台
- 游客视角：演示线路规划实时交互效果
这个项目最让我惊喜的是景区热力图模块的实现效果，通过ECharts可视化展示各时段客流数据，答辩时往往能成为亮点。在实际开发中，建议先用Mock数据确保图表渲染正常，再对接真实接口。