更新记录

1.0.0(2025-08-27) 下载此版本

支持食材+厨具智能匹配、分享菜谱。


平台兼容性

uni-app(4.66)

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
×
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 快应用-华为 快应用-联盟
- - - -

其他

多语言 暗黑模式 宽屏模式
×

灶搭子 - UniApp智能菜谱推荐插件

插件介绍

灶搭子是一款基于UniApp开发的智能菜谱推荐小程序插件,帮助用户根据家中现有食材和厨具快速找到合适的菜谱,解决"今天吃什么"的日常难题。

功能特点

  • 🥬 智能食材匹配:支持蔬菜、肉类、主食多种食材选择
  • 🔪 厨具适配:根据可用厨具推荐合适的菜谱
  • 🔍 多种匹配模式:提供模糊匹配、严格匹配、生存模式三种匹配策略
  • 🌓 主题切换:支持明暗两种主题,自动适配时间或手动切换
  • 📱 多端兼容:基于UniApp开发,支持微信小程序等多个平台
  • 🎨 精美UI:现代化界面设计,提供良好的用户体验
  • 📋 一键复制教程:点击菜谱可复制对应的教程链接

快速开始

前提条件

  • 已安装HBuilderX最新版本
  • 已配置好UniApp开发环境
  • 已注册微信小程序开发账号(如需发布到微信小程序平台)

使用HBuilderX导入项目模板

  1. 打开HBuilderX,点击顶部菜单栏的文件 -> 新建 -> 项目

  2. 在弹出的新建项目窗口中:

    • 选择从模板创建
    • 选择UniApp项目
    • 选择导入已有项目
    • 点击浏览按钮,选择下载或克隆的kitchen-mates项目文件夹
    • 点击创建按钮

安装依赖

在HBuilderX中打开项目,点击顶部菜单栏的工具 -> 终端 -> 新终端,执行以下命令安装依赖:

// 该项目不需要安装依赖,如需安装依赖,请执行以下命令
npm install

配置项目

  1. 修改应用标识:打开manifest.json文件,修改appid为您的UniApp应用ID

  2. 配置小程序信息:在manifest.json微信小程序配置或其他平台配置中,填写相应的AppID和其他必要信息

  3. 检查页面配置:确认pages.json中的页面路径和导航栏配置符合您的需求

运行项目

  1. 在HBuilderX中,点击顶部工具栏的运行按钮,选择运行到浏览器小程序模拟器进行调试

  2. 也可以使用快捷键:

    • Ctrl+R (Windows) 或 Command+R (Mac) 运行到浏览器
    • Ctrl+Shift+R (Windows) 或 Command+Shift+R (Mac) 选择运行到其他平台
  3. 支持的运行平台:

    • 微信小程序
    • 支付宝小程序
    • 百度小程序
    • H5
    • App (iOS/Android)

发布项目

  1. 在HBuilderX中,点击顶部工具栏的发行按钮

  2. 选择要发布的平台,按照提示完成发布流程:

    • 发布为微信小程序:需要配置微信开发者工具路径,并在微信开发者工具中完成上传
    • 发布为H5:直接生成静态文件,可部署到任何Web服务器
    • 发布为App:可选择云打包或本地打包

扩展与定制

添加新菜谱

  1. 打开static/data/recipe.json文件
  2. 按照现有格式添加新的菜谱对象
{
  "name": "新菜谱名称",
  "stuff": "食材1,食材2,食材3",
  "link": "教程链接",
  "difficulty": "难度",
  "tags": "标签",
  "methods": "烹饪方法",
  "tools": "所需厨具"
}

添加新食材/厨具

  1. types/foodIcons.json中添加新的食材/厨具图标映射
{
  "新食材名称": "/static/images/对应的图标路径.png"
}
  1. index.vue中对应的数据数组中添加新的食材/厨具对象

更新日志

v1.0.0

  • 首次发布,包含基础功能
  • 支持食材和厨具选择
  • 实现三种匹配模式
  • 支持主题切换功能
  • 提供菜谱推荐和教程链接复制功能

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。