业务和功能介绍
该“旅途伴行”旅游小程序包含五大功能模块，各模块及对使用者的功能如下：
- 热门城市页面：展示34个热门旅游城市，支持按区域、主题筛选，可查看城市详情（含TOP5景点、美食等），还能将城市收藏至旅行清单，通过卡片式布局直观呈现城市信息。
- 中国/地方地图页面：提供全国与地方地图视图切换，以不同图标标注5A景区、网红打卡点等，点击区域可加载对应热门景点列表，长按景点能生成最优路线。
- 火车票查询页面：支持按出发地、目的地等筛选车票并显示余票，无票时可设余票提醒，能管理历史订单，订票成功后自动同步至行程规划。
- 旅游智能助手页面：可输入信息生成行程攻略，解答旅游问题，导入订单整理行程并同步天气等信息，还提供紧急帮助服务，通过对话交互和快捷卡片操作。
- 城市详情页面：展示城市TOP5景点、特色美食等，支持收藏和加入旅行清单，以大图头图和分区块形式呈现信息。
主要功能路径为：用户进入小程序首页（热门城市页面），可直接浏览、搜索或筛选城市，点击城市卡片进入详情页；从首页或底部导航栏进入地图页面，切换视图、点击区域查看景点，长按景点规划路线；通过底部导航栏进入火车票页面，填写信息查询车票，有余票可购票，无票则设置提醒，也能查看历史订单；点击底部导航栏的助手入口，进入智能助手页面，可与AI对话、使用快捷卡片生成攻略等，还能查看历史记录。各功能页面通过底部导航栏相互关联，方便用户在不同功能间切换。
- 热门城市页面：展示34个热门旅游城市，支持按区域、主题筛选，可查看城市详情（含TOP5景点、美食等），还能将城市收藏至旅行清单，通过卡片式布局直观呈现城市信息。
- 中国/地方地图页面：提供全国与地方地图视图切换，以不同图标标注5A景区、网红打卡点等，点击区域可加载对应热门景点列表，长按景点能生成最优路线。
- 火车票查询页面：支持按出发地、目的地等筛选车票并显示余票，无票时可设余票提醒，能管理历史订单，订票成功后自动同步至行程规划。
- 旅游智能助手页面：可输入信息生成行程攻略，解答旅游问题，导入订单整理行程并同步天气等信息，还提供紧急帮助服务，通过对话交互和快捷卡片操作。
- 城市详情页面：展示城市TOP5景点、特色美食等，支持收藏和加入旅行清单，以大图头图和分区块形式呈现信息。
主要功能路径为：用户进入小程序首页（热门城市页面），可直接浏览、搜索或筛选城市，点击城市卡片进入详情页；从首页或底部导航栏进入地图页面，切换视图、点击区域查看景点，长按景点规划路线；通过底部导航栏进入火车票页面，填写信息查询车票，有余票可购票，无票则设置提醒，也能查看历史订单；点击底部导航栏的助手入口，进入智能助手页面，可与AI对话、使用快捷卡片生成攻略等，还能查看历史记录。各功能页面通过底部导航栏相互关联，方便用户在不同功能间切换。
项目实现
项目团队含产品经理、UI 设计师、测试各 1 人，前端开发 2-3 人（基于 uni-app 开发）、后端 1-2 人（API 接口支持）。开发周期 2.5 个月，分为需求分析与设计（2 周）、前端页面开发（4 周）、功能联调与测试（2 周）、上线准备与优化（2 周）四阶段。
作为核心前端，我负责热门城市页搜索、多维度筛选、双列卡片布局及收藏逻辑开发；城市详情页大图头图、渐变文字等展示及收藏 / 加清单功能实现；底部导航栏样式与跳转配置，保障选中态（深绿 #2E7D54）、未选中态（灰 #666666）视觉统一；优化浅薄荷绿（#B3E5CC）主题在微信小程序、H5 的呈现，解决适配差异。
技术上，项目基于 uni-app 实现多端适配，采用 Vue3 组件化开发、SCSS 预处理（维护主题变量），通过 web-view 集成 Vue3 自定义地图组件。架构为 uni-app 单页应用：页面层按功能拆页，经 pages.json 配置路由；公共层含全局样式、应用配置及静态资源；交互层依托 TabBar 关联核心入口；服务层依赖独立地图服务及待对接的后端 API。
项目亮点：以浅薄荷绿、浅豆绿（#C8E6C9）为主辅色，SCSS 变量统一风格；四大功能独立成页，TabBar 实现快速切换；地图支持视图切换与路线规划；智能助手用区分色气泡 + 快捷卡片优化交互。
开发难点：地图服务配置复杂，多端组件渲染差异需兼容；火车票数据接口适配需处理格式问题；AI 助手需处理对话上下文，语音输入集成难度高。
作为核心前端，我负责热门城市页搜索、多维度筛选、双列卡片布局及收藏逻辑开发；城市详情页大图头图、渐变文字等展示及收藏 / 加清单功能实现；底部导航栏样式与跳转配置，保障选中态（深绿 #2E7D54）、未选中态（灰 #666666）视觉统一；优化浅薄荷绿（#B3E5CC）主题在微信小程序、H5 的呈现，解决适配差异。
技术上，项目基于 uni-app 实现多端适配，采用 Vue3 组件化开发、SCSS 预处理（维护主题变量），通过 web-view 集成 Vue3 自定义地图组件。架构为 uni-app 单页应用：页面层按功能拆页，经 pages.json 配置路由；公共层含全局样式、应用配置及静态资源；交互层依托 TabBar 关联核心入口；服务层依赖独立地图服务及待对接的后端 API。
项目亮点：以浅薄荷绿、浅豆绿（#C8E6C9）为主辅色，SCSS 变量统一风格；四大功能独立成页，TabBar 实现快速切换；地图支持视图切换与路线规划；智能助手用区分色气泡 + 快捷卡片优化交互。
开发难点：地图服务配置复杂，多端组件渲染差异需兼容；火车票数据接口适配需处理格式问题；AI 助手需处理对话上下文，语音输入集成难度高。
示例图片视频
相似推荐
陪诊服务预约小程序
立项背景和目标：随着老龄化加深及异地就医人群扩大，独自就诊困难的家庭催生了大量陪诊需求。传统陪诊依赖线下中介，存在信息不透明、服务无标准、资金无保障三大痛点。本项目旨在搭建线上陪诊服务预约平台，连接患者家属与经过资质认证的陪诊师，实现服务标准化、过程可视化、资金托管化。
功能与核心模块：
患者小程序端：服务分类（全程陪诊/代问诊/代办取药/报告代取）、按医院科室时间预约下单、陪诊师展示与筛选、在线支付与资金托管、电子服务协议签署、服务评价
陪诊师端：资质认证上传、订单抢单与接单、日程管理、收入结算
管理后台：陪诊师资质审核、医院科室库维护、订单调度、客服工单、财务对账、优惠券与分销营销
业务流程：家属选择服务→填写就诊信息→支付（资金托管）→平台派单/陪诊师接单→服务前提醒→陪诊师到院按节点服务→家属实时查看服务进度→确认完成→评价→平台向陪诊师结算佣金。
嗨活力健身小程序
嗨活力健身小程序是面向女子健身场馆的生活服务类小程序，基于 uni-app+Vue3 开发，用于满足用户线上看课、预约购课、会员核销、训练记录管理需求。核心包含团课预约、减脂营、专题小团课、券码核销模块；支持按日期筛选课程、查看课程详情、购买单次课程、开通会员；配套训练日历、体重记录、训练打卡、数据排行功能，打通用户从选课、付费预约到课后记录的完整流程，帮助场馆线上引流，降低线下接待压力，提升用户复购。
烘焙电商小程序-东哥面包+
1. 会员体系（核心）
静默登录：小程序启动即通过 wx.login + 后端换取 openId/token，无需用户操作（app.js）
注册/绑定：手机号快速绑定（微信授权免验证码）、自主注册生成电子会员卡号、绑定实体 IC 卡（短信验证码）
会员卡：查看卡号、余额，会员身份标记（isVip）、个人资料（昵称/头像/生日）维护
注销退款：用户可申请注销会员卡并退款（refund-apply 页面 + RefundApply 接口）
2. 付款码（线下消费）
生成消费条码 + 二维码（wxbarcode 渲染），供门店扫码扣款
30 秒倒计时自动刷新付款码；进入页面自动将屏幕调至最亮（方便收银台扫码），离开恢复
3. 充值
微信余额充值（PaymentRequestSec 拉起微信支付）
充值方案从后端系统配置动态获取（GetConfigByKey）
支持扫门店码/店员码进入时携带场景参数，充值时归属对应门店
4. 蛋糕预订商城
商品分类（左侧标签）+ 产品列表 + 商品详情
多规格选择（spec-popup 组件：尺寸/口味等）、定制提货日期（pickDate）
购物车（cart 组件 + 步进器 stepper）、立即购买、订单预览、创建订单
优惠券：下单时查询可用券（GetMyTickets）、领券、券包列表、券规则详情
5. 订单中心
订单列表、订单详情、退货申请（Refund）、取消/退款流程
6. 门店与定位
获取用户定位（gcj02），按距离展示就近门店列表
门店选择、门店详情（电话/导航）、扫门店场景码识别门店
外贸网站平台
独立官网，作为工厂对外唯一品牌阵地；通过 Google SEO、技术内容营销、图纸案例沉淀，持续获取海外精准 B 端询盘；脱离第三方平台流量绑架，沉淀自有客户资产；区分于低价内卷同行，主打高精度、可接复杂 5 轴件、图纸友好、快速报价**的差异化定位；长期支撑外贸冷启动，零投流获客。线上站点只是获客入口，整套流程是【谷歌搜索 → 网站访问 → 提交图纸询盘 → 内部评估报价 → 商务确认 → 生产质检 → 出货交付 → 复购 / 转介绍】。
日历项目-小智ToDo
日历产品整体规划与商业化（C端工具，可迁移至B端/工具类产品）
背景与问题
独立负责日历产品PC端与App端整体规划与迭代。用户侧存在任务杂乱、优先级不清、时间利用率低、周报复盘耗时等问题；产品侧需要从基础日程记录工具升级为一站式时间管理工具，并跑通会员商业化。
帮助文档
Copyright @ 2021-2024 程聚宝 | 浙ICP备2021014372号
人工客服