SpringBoot+Vue3旅游平台开发实践与优化

1. 项目概述与背景

甘肃作为丝绸之路黄金段的重要节点，拥有敦煌莫高窟、张掖丹霞等世界级旅游资源。但长期以来，当地旅游服务存在信息孤岛、预订流程繁琐等问题。我们团队基于SpringBoot+Vue3+MyBatis技术栈，开发了这套前后端分离的旅游服务平台，实现了景点展示、线路规划、在线预订等核心功能。

技术选型关键点：SpringBoot提供稳定的REST API服务，Vue3实现动态响应式前端，MyBatis作为轻量级ORM框架，MySQL保证事务安全。这套组合在保证性能的同时，极大提升了开发效率。

2. 系统架构设计

2.1 技术栈详解

后端架构：

• SpringBoot 2.7.x：采用自动配置减少XML配置
• MyBatis-Plus 3.5.x：增强CRUD操作
• JWT：实现无状态认证
• Redis：缓存热点数据（如景点信息）
• Swagger：API文档自动生成

前端架构：

• Vue3 + Composition API
• Element Plus组件库
• Axios HTTP客户端
• Vue Router实现SPA路由
• Pinia状态管理

2.2 数据库设计优化

景点表(scenic_spot)增加空间索引：

sql复制ALTER TABLE scenic_spot 
ADD SPATIAL INDEX(location_point) 
USING GEOMETRY;

实现半径10km内的景点快速检索：

java复制@Select("SELECT * FROM scenic_spot WHERE " +
       "ST_Distance_Sphere(point(#{lng},#{lat}), location_point) < 10000")
List<ScenicSpot> findNearby(@Param("lng") double lng, @Param("lat") double lat);

3. 核心功能实现

3.1 景点展示模块

采用分级缓存策略：

1. 浏览器本地缓存静态资源
2. Redis缓存热门景点数据（TTL 30分钟）
3. MySQL查询兜底

java复制public Sceni