家常菜菜谱管理小助手 · V1.1 交互预览

对应已实现的小程序项目 recipe-app（微信原生 + 云开发）· 依据 PRD V1.0 · 含 2026-11-05 云上联调后的迭代

P0 全部 8 项已实现 V1.1 新增：链接自动抓封面 · 反爬重试 · 重名序号 · 长按删除菜谱库 / 采集 / 阅读反馈三页闭环纯前端模拟 · 数据在内存中

9:41

菜谱库

采集

第一版功能对照（PRD P0 × 8）

P0-1链接导入与结构化拆解（含失败兜底）· 采集页「链接」
P0-2文本粘贴拆解· 采集页「粘贴文本」，内置与云函数同源的拆解规则，可粘贴任意菜谱文字试拆
P0-3手动新建· 采集页「手动新建」
P0-4菜谱库：搜索、标签筛选、排序· 常做的菜自动靠前
P0-5阅读页：重点呈现 + 历史反馈 + 补图引导· 点任意菜谱卡片
P0-6做菜反馈：差异点、评价、决策、翻车软提示·「记录本次反馈」
P0-7编辑与删除（二次确认、连带反馈）· 详情页右上角「···」
P0-8图片：成品图、反馈照片 ≤3、时间线一键「设为封面」· 反馈带照片后到时间线里试

V1.1 新增能力（2026-11-05 云上联调后）

新-1链接导入自动抓封面图· 云函数按 JSON-LD image → og:image 优先级提取，转存云存储后自动填入草稿成品图，可预览可替换可删；封面抓取失败不影响拆解（试试点开厨房链接后重试一次）
新-2反爬识别与自动重试· 豆果弹回首页、下厨房验证页会被识别，先自动换桌面 UA 重试一次；仍失败则明确报错（可重试），引导粘贴正文兜底
新-3重名菜谱自动加序号· 保存时发现同名菜谱自动变「菜名 2」等，不会互相覆盖 · 把示例文本连续拆解保存两次试试
新-4长按卡片快捷删除菜谱· 菜谱库里长按（或右键）任意卡片，确认后连带删除反馈历史与图片

建议体验路径

「采集」页「链接」→ 填入豆果示例 → 开始拆解：草稿自动带上抓取的封面图（试试替换/删除）→ 保存
「粘贴文本」拆示例保存 → 再拆一次保存，看菜名自动变「酸辣土豆丝 2」
填入下厨房示例 → 看反爬报错 →「重试一次」：这次拆解成功，但封面抓取失败（不影响使用）
打开「番茄土豆炖牛腩」→ 记录反馈：故意选「翻车」且不填差异看软提示 → 加照片 → 保存 → 时间线里「设为封面」
长按任意菜谱卡片试快捷删除；「···」试编辑；「粘贴文本」里贴一段你自己的菜谱文字试拆

说明

本页为纯前端交互模拟：数据保存在内存中，刷新即重置；云数据库、云存储（照片上传、设为封面的独立副本）、云函数抓取在真实小程序中生效。真实运行：微信开发者工具导入 recipe-app，替换 appid 与云环境 ID，创建 recipes / feedbacks 集合并部署 parseRecipe 云函数。示例照片为 AI 生成，仅用于演示图片位。