一这是什么
一个为「多人结伴旅行」做的行程协作网页。它解决两个真实痛点:决策瘫痪(群里聊 200 条,行程还是定不下来)和节奏之争(有人想特种兵暴走,有人只想咖啡店坐着)。
演示实例是我们 6 个人真实要走的首尔 4 天行程——数据、分歧、投票都是真的。同时它是一个通用工具:页面内置 AI 生成入口和可复制模板,任何人可以生成自己城市的版本。
二30 秒快速上手(评审推荐路径)
- 打开链接,在「你是谁?」弹层中任选一个旅伴身份(如"大王")——免注册,身份用于投票记名。
- 向下滚动到「这次怎么玩?」——为 🔥激进版(28 个点位)或 🌿松弛版(18 个点位)投一票,体验节奏表决。
- 继续滚动进入任意一天的行程,在点位卡上点 👍 或 👎——投票实时写入云端数据库,卡片上会出现你的头像。
- 找到任意一张表决卡(如 Day 2「下午咖啡二选一」)投一票——当某选项达到 4/6 票时,卡片会盖上珊瑚橙「已定」印章。
- 滚动到底部「下一站」,粘贴下方测试文本,点「整理成行程草案」,约 20–60 秒后 AI 输出激进/松弛双版本行程草案。
三核心功能详解
1 · 身份系统
首次打开选择旅伴身份,本地记住;右上角可随时切换。免注册免登录——门槛为零,把链接甩进群,每个人点开就能投。
2 · 逐点投票(云端持久化)
28 个行程点位每个都可 👍👎。投票写入云端数据库(OceanBase),所有人打开都能看到彼此的态度:卡片上按 👍/👎 分列展示已投旅伴的头像。同一人对同一点位只保留一票,点另一边即改票。
3 · 表决卡与「已定」机制
行程中三处真实分歧做成了表决卡(快闪去不去 / 上南山还是回程 / 咖啡二选一)。每个选项显示 x/6 进度条和已投头像;某选项 ≥4 票时自动盖「已定」印章——群里吵三天的事,这里 4 次点击就定了。仍可改票,决策可逆。
4 · 节奏表决(激进版 vs 松弛版)
页面顶部的总表决:🔥激进版(28 点位 · 日均 7 个 · 预估日行 12–15k 步)vs 🌿松弛版(18 点位 · 日均 4–5 个 · 7–9k 步)。两版共有的 18 个点位标 ⚓ 锚点(不参与投票,直接锁定);仅激进版有的 10 个点位标「🌿 松弛版跳过」。锚点不用吵,投的只是节奏。
5 · 行程展示
每天一张 Leaflet 交互地图(OpenStreetMap),按真实经纬度标注编号点位并连成路线;时间轴含:时间、类型、必去/可选徽章、安排说明、避坑提示、📷 出片指数(1–5 星 + 最佳拍摄时段)、Naver Map 一键导航外链。页尾附行前须知 7 条(闭馆日 / 预约分单 / 退税等)。
6 · 「下一站」AI 生成(通用工具能力)
把群聊里的目的地、天数、想法、分歧原样粘进输入框,AI 整理成可投票的行程草案(激进/松弛双版本 + ⚓ 共识识别)。严格基于用户输入整理,不编造景点——信息不足处如实标注「待补充」。生成约需 20–60 秒,超时会自动重试。
评审可直接使用以下测试输入:
生成结果可一键复制;配合页面底部「About this site」的三个可复制模板(旅行偏好 / 页面格式 / 行程数据),任何人都能复刻一个自己城市的「________, together?」。
四浏览建议与已知事项
| 事项 | 说明 |
|---|---|
| 浏览方式 | 本站为纵向长页设计,推荐直接滚动(滚轮/触摸滑动)浏览全部内容;顶部导航按钮的定位跳转在部分环境下受宿主页面限制,若未跳转请以滚动浏览为准。 |
| AI 生成等待 | 「下一站」生成约需 20–60 秒,期间按钮下方有进度提示;如提示"走神",点击按钮重试一次即可。 |
| 现存投票数据 | 页面上已有的投票记录为我们旅行小组的真实使用数据(这不是演示脚本,是真的在用)。 |
| 地图操作 | 手机上需双指缩放地图(单指滑动留给页面滚动);桌面端按住 Ctrl/Cmd 配合滚轮缩放。 |
五技术说明
| 层 | 实现 |
|---|---|
| 构建平台 | WeaveFox(全栈应用创建平台)—— 自然语言多轮对话生成,全程零手写代码 |
| 前端 | React · 行程数据独立数据文件(数据与展示分离)· Leaflet + OpenStreetMap 交互地图 |
| 后端 / 数据 | 云端数据库(OceanBase)持久化 user_votes / poll_votes 两张表;多设备实时同步;接口异常自动降级本地存储 |
| AI 能力 | WeaveFox 平台内置 LLM 服务——自由文本 → 结构化双版本行程草案;提示词约束防幻觉(不编造、缺失标注待补充) |
| 设计 | 编辑杂志风:深墨绿 #082f27 / 米白纸底 #f3eedf / 珊瑚橙 #e96f4a,标题衬线(宋体系),响应式适配手机 |
六创作说明
本作品为 2026 Inclusion·外滩大会「外滩黑客松 · AI Coding 大赛」参赛作品(WeaveFox 赛道)。从行程数据整理、多轮对话生成、功能验收到发布,全程使用 AI 完成开发;行程与投票数据来自创作者真实的 6 人首尔出行计划。
作品类型:Web / H5
构建平台:WeaveFox
AI 参与程度:全程 AI 生成