食用手册

菜谱是什么

菜谱是一个面向中文用户的菜谱查询与检索工具，数据源以结构化食材与步骤信息为主。输入关键词后返回匹配的菜品条目，每条记录含原料清单、用量、操作步骤。数据以静态 JSON 形式预置，前端直接读取，不依赖后端实时查询。页面加载后即可搜索，无网络请求延迟。

菜谱主要功能

• 关键词检索：输入菜名或食材名，匹配菜谱标题与原料字段，返回相关菜品列表，结果按匹配度排序。
• 原料反查：输入现有食材，筛选出能用这些食材做的菜，支持多食材组合，返回结果按缺失原料数量升序排列。
• 分类浏览：按菜系、荤素、烹饪方式等维度切分数据，点击分类标签直接过滤，结果集即时刷新。
• 步骤展示：每条菜谱输出分步操作说明，步骤含序号、文字描述、预估耗时，部分条目附带食材用量数值。
• 本地数据加载：全部菜谱数据打包为静态资源，首次加载后缓存，后续检索在本地完成，无接口调用。
• 模糊匹配：支持菜名部分匹配与同义词替换，输入“土豆”能命中“马铃薯”相关条目，匹配阈值可配置。

菜谱使用要求

浏览器需支持 ES6 与 Fetch API。数据文件体积偏大。首次加载会有等待。

检索依赖预置数据，不连接外部菜谱库，结果范围限于内置条目。移动端可运行，但小屏下分类标签换行显示。不支持离线首次访问，缓存建立后才行。

菜谱核心优势

检索在本地完成。数据打包进前端资源，搜索不经过服务端，响应时间取决于设备性能，一般在毫秒级。

原料反查逻辑直接。以食材列表为输入，输出可做菜品与缺失原料，适合处理“冰箱里剩什么做什么”的场景。匹配算法按缺失项数量排序，优先展示缺口最小的菜。

菜谱如何使用

在搜索框输入菜名或食材名，回车触发检索。结果列表点击条目展开详情。

分类标签在搜索框下方，点击切换过滤条件。再次点击取消选中。

原料反查入口在搜索框右侧，切换到该模式后逐个添加食材，添加完毕自动刷新结果。

详情页展示原料表与步骤列表。步骤按顺序排列，部分条目显示用量与耗时。返回按钮回到结果列表，搜索词保留。

菜谱同类竞品对比

菜谱应用场景

做饭前查步骤。输入菜名，看原料和操作顺序。

冰箱清理。把剩余食材逐个输入，看能凑出哪些菜。

按烹饪方式筛菜。点“蒸”“炒”“炖”等标签，缩小范围。

移动端快速查阅。页面轻，无登录，打开即用。

菜谱适用人群

• 需要快速查菜谱步骤、不想注册登录的人
• 想按现有食材反查菜品的人
• 对页面加载速度和离线使用有要求的人
• 不需要社区互动、收藏、评论功能的人

首页截图