使用技术
Uni‑App、Vue2、uView UI、高德地图 SDK
本项目面向游客打造文旅游客服务小程序,目标整合景区、文旅资讯、特产消费、地图导览等能力,为游客提供一站式旅游服务。系统包含首页、资讯、关于我们三大底部菜单模块。首页提供搜索、预约购票、特产购物、客服、文旅一张图、品牌推荐功能;热点区域按自然风光、名胜古迹、公园乐园分类展示各地景区卡片。资讯模块展示各地文旅官方发布的旅游线路、花事活动、农特产品直播等图文资讯,支持浏览官方发布内容。一张图模块集成地图,可切换文旅小馆、公厕、酒店、餐馆等 POI 图层,地图打点展示点位,列表展示周边商家评分、价格、距离、评论信息。业务流程:游客打开小程序,首页浏览景区,搜索目的地,可预约景区购票,查看文旅资讯;进入一张图地图导览,查看周边餐饮住宿配套,获取位置距离信息,完成旅游信息查询、出行参考。
整体采用前后端分离架构,使用 Uni‑App 开发微信小程序端,Vue2 作为基础框架,uView UI 实现页面组件,集成高德地图 SDK 实现地图渲染、POI 标记、距离计算。本人负责小程序前端页面开发,完成首页轮播、功能入口、景区分类卡片,资讯列表、详情页,一张图地图图层切换、点位标记、周边商家列表渲染,对接后端接口完成景区、资讯、商家数据展示。开发遇到地图大量点位渲染卡顿、列表图片加载性能问题,采用图片懒加载、地图点位按需渲染、分页加载方案进行优化,解决页面滑动卡顿问题,保障小程序多页面流畅交互,完成整套文旅游客服务小程序业务落地。