0. 先和大家打个招呼吧 
大家好，我是小徐，一名在职后端程序员，前端基本“能看写不利索”。这次带来「找找吃啥」——一个把探店博主和美食榜单里的好店标到地图上的小程序。
这个 Demo 是我和 TRAE 搭伙做的：我后端能扛，但前端和小程序界面是盲区。TRAE 帮我顶上了这块——后端数据解析、接口研发一起捋顺，小程序前端代码和界面美化直接帮我写出来、改出来，我只要把想法一句句讲清楚它就落地。
最让我觉得“原来这么简单”的，是它直接生成出第一版能跑的界面——一个几乎不会前端的人，居然也有了个像样的界面。它帮我跨过的最大坎，就是前端研发和界面美化。
1. Demo 简介
是什么： 微信小程序形态的美食探店地图工具，跨平台、免下载、即开即用。
面向谁： 所有人，尤其是不想踩坑的美食爱好者、去陌生城市纠结“吃啥”的旅行者。
主要功能：
- 多源数据解析：自动解析探店博主视频与美食榜单，提取店铺评价并落到地图。
- 地图聚合：分散的探店／上榜店铺统一汇聚到一张地图，附近好店一目了然。
- 智能筛选：按人均价格、关键字筛选，点几下即可缩小范围。
2. Demo 创作思路
灵感来源： 我常打卡美食店，过去用地图收藏夹记录，搜索过滤极不便；主流美食 App 又只收头部连锁，小众榜单没被纳入。于是想把探店内容“翻译”成一张可逛可筛的美食地图。
想解决的问题：
- 探店店只能看完视频手动搜店、标记，还得先建收藏夹才能看位置关系，无法筛选；
- 美食榜单多是文字型，没有统一地图展示，用户重复“看榜→手动添加”；
- 因此很难直观看到“附近有哪些探过店、上过榜的好店”。
为什么做这个方向：
-
选小程序而非 App： 探店决策碎片化、即时性强，免安装最契合；
-
做“地图＋聚合”而非内容社区： 不抢内容生产，做内容的“地图翻译层”，价值更聚焦；
-
取舍： 先做深“附近检索”，不堆评分／UGC／社交，用最小闭环解决最痛问题。
价值与意义： 场景——去新城市不知吃啥、想看附近探店／上榜店时。核心价值：把 “刷视频 + 手动搜地图 + 建收藏夹” 压缩成 “开小程序 → 看地图 → 筛一下” 三步，降低发现成本，让小众好店被看见。
3. Demo 体验地址
微信搜索「找找吃啥」小程序或扫码
4. TRAE 实践过程
实践过程中, 我发现使用 AI 研发代码, 应当将前后端放置在同一个目录中, 这样一次就可以编写前后端代码, 这是和传统开发有一定区别的地方
迫于现有 AI 上下文长度以及压缩上下文数据丢失, 建议一个模块使用一个兑对话, 当 AI 产出不及预期时, 可以尝试开启一个新对话来进行, 通常能解决大部分问题
开发历程
得益于 Trae 强大的 Agent 能力, 使用自然语言基本可以完成绝大多数需求落地, 少数不易使用自然语言描述清楚的需求, 在多次对话后也成功落地
关键开发挑战
CI/CD
每次代码编写完成, 都需要手动发布, 测试, 开发效率极其低下, 我通过在 AGENTS.md 中描述发布流程及规则, 使用 Trae 编写后端发布脚本, 以及调用小程序体验服发布命令, 终于实现:
Trae 在接收到需求指令后, 可自行完成 需求落地 + 前后端代码编写 + 单元测试 + 发布后端至云服务器 + 发布小程序至微信 全流程, 实现自动化开发
胶囊组件
由于微信小程序的单选组件过于呆板, 且不符合此小程序的风格, 我随产生了自行编写一个组件的念头, 在将需求提供给 Trae 后, 经过多轮对话, 最终将组件定稿为胶囊样式
小程序功能迁移
由于微信审核较为严格, 部分后台管理功能在提审后出现偶发不能过审的问题, 我将大量后台功能拆分至 web 后台中, 一开始我是一次迁移全部功能, 但这样的产出有较多不尽人意的地方, 因此我调整迁移规则为: 先迁移一个功能, 打磨合适后, 以此功能为模板, 迁移其余功能. 只比一次迁移所有功能多了一次迁移, 但效果有质的飞跃
用户查询:
使用 Trae 的 spec 模式完成用户信息查询的前后端代码开发
.1857516597936490:8833c85199165f12944e3cabca48cc73_6a30c11b793e2d77b9e4cceb.6a30c120793e2d77b9e4ccfb.6a30c12079be08439d4dcaea:Trae CN.T(2026/6/16 11:21:04)
胶囊组件编写:
使用 Trae 完成单选组件「胶囊」的前端代码研发并美化样式
.1857516597936490:f08092e52c72f9b3a2164b105a5b1a15_6a32358a6022de33405ba76f.6a32358d6022de33405ba77c.6a32358daeb8ae2aeacd0611:Trae CN.T(2026/6/17 13:50:05)
筛选调整:
使用 Trae 完成筛选功能记忆以及恢复默认筛选条件
.1857516597936490:075366a4ecf15ee9ad177075107d7a61_6a32554f6022de33405bcbeb.6a3255526022de33405bcbed.6a325552aeb8ae2aeacd0617:Trae CN.T(2026/6/17 16:05:38)
键盘唤醒问题修复:
使用 Trae 完成多行文本输入框在多层级嵌套页面下不能正确唤醒键盘
.1857516597936490:fe53a8519356e0d9c464f5a11d7db518_6a34ecea231179e6ff004243.6a34ed2d231179e6ff0042ab.6a34ed2da355020538ee97c9:Trae CN.T(2026/6/19 15:18:05)
功能拆分与迁移:
使用 Trae 完成将部分后台管理功能从小程序迁移至 web 管理后台中
.1857516597936490:ed7fc98f21e9e6e94004c808c999a380_6a35ecc9231179e6ff00847d.6a35eccf231179e6ff00847f.6a35eccfa355020538ee97f7:Trae CN.T(2026/6/20 09:28:47)
.1857516597936490:d366eefa42131969bd2a11a229b44a87_6a44828290147c6d0dd31a36.6a44828f90147c6d0dd31a38.6a44828f3915e4c9a2fc7153:Trae CN.T(2026/7/1 10:59:27)
5. 对应的报名审核通过的帖子链接
社区报名帖: 【生活服务赛道】找找吃啥 - 美食探店地图 小程序 - TRAE AI 创造力大赛 / 【大赛报名专区】 - TRAE 官方中文社区
