woniudiancang/bee

微信小程序-餐饮点餐外卖-开箱即用

JavaScript

4,566

166 commits

updated Oct 15, 2026

See the code

README

🍜 餐饮点餐小程序

微信小程序 · 餐饮行业完整解决方案

针对餐饮行业深度定制,覆盖在线点餐、外卖配送、叫号排队、扫码点餐、在线支付等全流程场景,
让餐饮经营更高效、更智能、更便捷。


License Stars Forks Issues


✨ 核心功能

功能模块说明
🛒 在线点餐用户浏览菜单、加入购物车、实时下单
🛵 外卖配送支持外卖下单,集成达达等第三方配送平台
📲 扫码点餐扫桌号二维码直接进入对应餐桌点餐流程
🔔 叫号排队线上取号、等位提醒,告别纸质排队
💳 在线支付微信支付一体化,流畅结账体验
🖨️ 自动出票打印机配置后自动推送小票、杯贴等
📦 订单管理完整的订单生命周期管理与核销流程
🌐 多语言支持内置国际化框架,支持中英文快速切换

📱 扫码体验

自提 / 外卖

扫码点餐 · 桌号演示

座号 A1座号 A2座号 A3座号 A4座号 A5
座号 A6座号 A7座号 A8座号 A9座号 A10

🚀 快速开始

第一步 · 注册小程序账号

前往 微信公众平台 注册小程序账号。

⚠️ 商城类小程序不支持个人主体上线,请选择「企业」或「个体工商户」注册,
获取专属的 AppID 和 AppSecret,保存备用。


第二步 · 注册后台账号

前往 api工厂后台 免费注册并登录,记下你的专属域名。

左侧菜单 → 工厂设置 → 数据克隆 → 将别人的数据克隆给我
对方商户ID:27
点击「立即克隆」→ F5 刷新后台

第三步 · 配置 AppID / Secret

后台左侧菜单 → 微信设置 → 填写上一步获得的 AppID 和 AppSecret

⚠️ 此步骤至关重要! 未正确配置将导致小程序无法连接你的后台。


第四步 · 配置微信支付

后台左侧菜单 → 系统设置 → 在线支付配置 → 填写微信支付信息

第五步 · 下载安装开发工具

前往官网下载:微信开发者工具


第六步 · 导入项目 & 运行

打开开发者工具,选择导入项目,目录指向本项目代码根目录。

🔴 AppID 务必填写你自己的小程序 AppID,共需确认三处!


第七步 · 对接你自己的后台

在 config.js 中将 subDomain 修改为你的专属域名,Ctrl + S 保存。


⚙️ 进阶配置

🔍 用户自提订单扫码核销

用户选择自提后,底部「取餐」界面会显示取餐码,商家可通过「我的 → 扫码核销」完成核销。

默认不显示核销入口,需在后台配置:

后台 → 系统设置 → 系统参数 → 添加文本类型参数
参数名:order_hx_uids
参数值:具有核销权限的用户编号(多个以英文逗号分隔)

重新进入小程序后,「扫码核销」菜单即可显示。

🪑 桌号管理 & 生成二维码

桌号管理

后台左侧菜单 → 桌号管理 → 添加桌号

添加后可在列表查看每张桌子的 ID 和 密钥,用于生成专属二维码。

生成小程序码

后台 → 微信设置 → 小程序设置 → 获取小程序二维码(圆形码)

页面路径:pages/index/index
scene 参数:12879,308,d3PiIY
(其中 12879 为门店ID,308 为桌号ID,d3PiIY 为密钥,逗号必须为英文,不含空格)
🏷️ 修改首页标题
后台 → 系统设置 → 系统参数 → 添加文本类型参数
参数名:mallName(区分大小写)
🖼️ 设置点餐页 Banner 轮播图
后台 → 系统设置 → Banner 管理 → 自定义业务类型填:diancang
🏪 按门店区分显示商品
后台 → 系统设置 → 系统参数 → 添加开关类型参数
参数名:shop_goods_split
开启:只显示当前门店商品 | 关闭:显示所有门店商品
📍 设置配送服务范围
后台 → 商场管理 → 门店管理 → 编辑门店 → 服务距离(填写公里数)
📊 显示商品销量

商品列表及详情接口返回以下两个销量字段,可在界面任意位置展示:

字段含义
numberOrders订单数量
numberSells商品售出件数

示例:用户下 1 笔订单购买 10 份 → numberOrders = 1,numberSells = 10

📅 在线订座配置
1. 后台 → 预约报名 → 项目设置 → 添加项目(记下编号)
2. 后台 → 系统设置 → 系统参数 → 修改参数 zxdz → 填入编号
🚚 配置达达配送
  1. 📖 达达配送对接教程
  2. 后台 → 商城管理 → 门店管理 → 编辑门店 → 门店编号填达达对应编号,生鲜配送输入框填 dada
🌐 国际化多语言二次开发
  1. 在页面 onLoad 中加入:getApp().initLanguage(this)
  2. 模板中直接使用:{{ $t.test.name }}
  3. 修改 i18n/ 文件夹中对应语言文件即可
🖨️ 打印机配置自动出票

小票机模板: 模版① · 模版② · 模版③

杯贴机模板: 模版① · 模版②

🏬 商家入驻申请页面
  1. app.json 中添加页面路径:pages/shop/join-apply
  2. 放开 pages/shop/select 页面底部的入口代码

❓ 常见问题

无法登录 / 无法获取 openid
  1. 检查 config.js 中的 subDomain 是否已修改为你的专属域名

  2. 确保以下 三处 AppID 完全一致:

    • 微信公众平台(mp.weixin.qq.com) → 开发 → 开发设置
    • 小程序开发工具右上角「详情」→ 基本信息
    • api工厂后台(admin.s2m.cc)→ 平台设置 → 微信小程序
获取手机号码失败,提示没权限

根据 微信官方文档,获取手机号的前提是:

非个人开发者 + 已完成认证的小程序(不含海外主体)

wx.getLocation 接口难以申请,如何替换?

可使用 wx.getFuzzyLocation 替代,在开发工具中执行三次全局替换:

查找替换为
scope.userLocationscope.userFuzzyLocation
wx.getLocationwx.getFuzzyLocation
"getLocation""getFuzzyLocation"
小程序订单中心 path 怎么填?
pages/all-orders/index
小程序订单发货地址怎么填?
小程序订单管理 → 订单信息录入 → 小程序商品订单详情 path:

pages/order-details/index?payOrderNo=${商品订单号}
微信支付 MA 授权(appid 和 mch_id 不匹配)

📖 处理教程

切换语言后底部菜单显示不正确

检查 /i18n/index.js 文件中的菜单内容是否已同步修改。


🙏 开源致谢

本项目集成了以下优秀开源组件,在此致谢:

组件说明
Vant Weapp轻量、可靠的小程序 UI 组件库
apifm-wxapi小程序在线接口 SDK
api工厂后端服务支持平台
FMUI Icon轻松活泼风格图标库
Parser小程序富文本 HTML 解析组件
wxbarcode条形码 & 二维码生成组件

🌟 其他优秀开源项目推荐

以下均为同系列高质量开源模板,欢迎 Star ⭐

项目GitHub码云GitCode
天使童装GitHub码云GitCode
天使童装(uni-app)GitHub码云GitCode
简约精品商城(uni-app)GitHub码云GitCode
舔果果小铺(升级版)GitHub——
面馆风格小程序—码云—
AI 名片GitHub码云GitCode
仿海底捞订座排队(uni-app)GitHub码云GitCode
H5 版本商城/餐饮GitHub码云GitCode
餐饮点餐GitHub码云GitCode
企业微展GitHub码云GitCode
无人棋牌室GitHub码云GitCode
酒店客房服务小程序GitHub码云GitCode
面包店风格小程序GitHub码云GitCode
朋友圈发圈素材GitHub码云GitCode
小红书企业微展GitHub码云GitCode
旧物/废品回收GitHub码云GitCode
会员卡(饭卡)储值消费GitHub码云GitCode
静筑 ApistaticGitHub码云GitCode
盲盒交友GitHub码云GitCode
光影集市GitHub码云GitCode

💬 联系我们

如在使用过程中遇到问题,欢迎通过 Issues 与我们交流。

如果本项目对你有所帮助或启发,请点个 ⭐ Star 支持一下,你的鼓励是我们持续更新的最大动力!

加微信联系作者


Made with ❤️ by 蜗牛点餐

woniudiancang/bee

微信小程序-餐饮点餐外卖-开箱即用

JavaScript

4,566

166 commits

updated Oct 15, 2026

See the code

README

🍜 餐饮点餐小程序

微信小程序 · 餐饮行业完整解决方案

针对餐饮行业深度定制,覆盖在线点餐、外卖配送、叫号排队、扫码点餐、在线支付等全流程场景,
让餐饮经营更高效、更智能、更便捷。


License Stars Forks Issues


✨ 核心功能

功能模块说明
🛒 在线点餐用户浏览菜单、加入购物车、实时下单
🛵 外卖配送支持外卖下单,集成达达等第三方配送平台
📲 扫码点餐扫桌号二维码直接进入对应餐桌点餐流程
🔔 叫号排队线上取号、等位提醒,告别纸质排队
💳 在线支付微信支付一体化,流畅结账体验
🖨️ 自动出票打印机配置后自动推送小票、杯贴等
📦 订单管理完整的订单生命周期管理与核销流程
🌐 多语言支持内置国际化框架,支持中英文快速切换

📱 扫码体验

自提 / 外卖

扫码点餐 · 桌号演示

座号 A1座号 A2座号 A3座号 A4座号 A5
座号 A6座号 A7座号 A8座号 A9座号 A10

🚀 快速开始

第一步 · 注册小程序账号

前往 微信公众平台 注册小程序账号。

⚠️ 商城类小程序不支持个人主体上线,请选择「企业」或「个体工商户」注册,
获取专属的 AppID 和 AppSecret,保存备用。


第二步 · 注册后台账号

前往 api工厂后台 免费注册并登录,记下你的专属域名。

左侧菜单 → 工厂设置 → 数据克隆 → 将别人的数据克隆给我
对方商户ID:27
点击「立即克隆」→ F5 刷新后台

第三步 · 配置 AppID / Secret

后台左侧菜单 → 微信设置 → 填写上一步获得的 AppID 和 AppSecret

⚠️ 此步骤至关重要! 未正确配置将导致小程序无法连接你的后台。


第四步 · 配置微信支付

后台左侧菜单 → 系统设置 → 在线支付配置 → 填写微信支付信息

第五步 · 下载安装开发工具

前往官网下载:微信开发者工具


第六步 · 导入项目 & 运行

打开开发者工具,选择导入项目,目录指向本项目代码根目录。

🔴 AppID 务必填写你自己的小程序 AppID,共需确认三处!


第七步 · 对接你自己的后台

在 config.js 中将 subDomain 修改为你的专属域名,Ctrl + S 保存。


⚙️ 进阶配置

🔍 用户自提订单扫码核销

用户选择自提后,底部「取餐」界面会显示取餐码,商家可通过「我的 → 扫码核销」完成核销。

默认不显示核销入口,需在后台配置:

后台 → 系统设置 → 系统参数 → 添加文本类型参数
参数名:order_hx_uids
参数值:具有核销权限的用户编号(多个以英文逗号分隔)

重新进入小程序后,「扫码核销」菜单即可显示。

🪑 桌号管理 & 生成二维码

桌号管理

后台左侧菜单 → 桌号管理 → 添加桌号

添加后可在列表查看每张桌子的 ID 和 密钥,用于生成专属二维码。

生成小程序码

后台 → 微信设置 → 小程序设置 → 获取小程序二维码(圆形码)

页面路径:pages/index/index
scene 参数:12879,308,d3PiIY
(其中 12879 为门店ID,308 为桌号ID,d3PiIY 为密钥,逗号必须为英文,不含空格)
🏷️ 修改首页标题
后台 → 系统设置 → 系统参数 → 添加文本类型参数
参数名:mallName(区分大小写)
🖼️ 设置点餐页 Banner 轮播图
后台 → 系统设置 → Banner 管理 → 自定义业务类型填:diancang
🏪 按门店区分显示商品
后台 → 系统设置 → 系统参数 → 添加开关类型参数
参数名:shop_goods_split
开启:只显示当前门店商品 | 关闭:显示所有门店商品
📍 设置配送服务范围
后台 → 商场管理 → 门店管理 → 编辑门店 → 服务距离(填写公里数)
📊 显示商品销量

商品列表及详情接口返回以下两个销量字段,可在界面任意位置展示:

字段含义
numberOrders订单数量
numberSells商品售出件数

示例:用户下 1 笔订单购买 10 份 → numberOrders = 1,numberSells = 10

📅 在线订座配置
1. 后台 → 预约报名 → 项目设置 → 添加项目(记下编号)
2. 后台 → 系统设置 → 系统参数 → 修改参数 zxdz → 填入编号
🚚 配置达达配送
  1. 📖 达达配送对接教程
  2. 后台 → 商城管理 → 门店管理 → 编辑门店 → 门店编号填达达对应编号,生鲜配送输入框填 dada
🌐 国际化多语言二次开发
  1. 在页面 onLoad 中加入:getApp().initLanguage(this)
  2. 模板中直接使用:{{ $t.test.name }}
  3. 修改 i18n/ 文件夹中对应语言文件即可
🖨️ 打印机配置自动出票

小票机模板: 模版① · 模版② · 模版③

杯贴机模板: 模版① · 模版②

🏬 商家入驻申请页面
  1. app.json 中添加页面路径:pages/shop/join-apply
  2. 放开 pages/shop/select 页面底部的入口代码

❓ 常见问题

无法登录 / 无法获取 openid
  1. 检查 config.js 中的 subDomain 是否已修改为你的专属域名

  2. 确保以下 三处 AppID 完全一致:

    • 微信公众平台(mp.weixin.qq.com) → 开发 → 开发设置
    • 小程序开发工具右上角「详情」→ 基本信息
    • api工厂后台(admin.s2m.cc)→ 平台设置 → 微信小程序
获取手机号码失败,提示没权限

根据 微信官方文档,获取手机号的前提是:

非个人开发者 + 已完成认证的小程序(不含海外主体)

wx.getLocation 接口难以申请,如何替换?

可使用 wx.getFuzzyLocation 替代,在开发工具中执行三次全局替换:

查找替换为
scope.userLocationscope.userFuzzyLocation
wx.getLocationwx.getFuzzyLocation
"getLocation""getFuzzyLocation"
小程序订单中心 path 怎么填?
pages/all-orders/index
小程序订单发货地址怎么填?
小程序订单管理 → 订单信息录入 → 小程序商品订单详情 path:

pages/order-details/index?payOrderNo=${商品订单号}
微信支付 MA 授权(appid 和 mch_id 不匹配)

📖 处理教程

切换语言后底部菜单显示不正确

检查 /i18n/index.js 文件中的菜单内容是否已同步修改。


🙏 开源致谢

本项目集成了以下优秀开源组件,在此致谢:

组件说明
Vant Weapp轻量、可靠的小程序 UI 组件库
apifm-wxapi小程序在线接口 SDK
api工厂后端服务支持平台
FMUI Icon轻松活泼风格图标库
Parser小程序富文本 HTML 解析组件
wxbarcode条形码 & 二维码生成组件

🌟 其他优秀开源项目推荐

以下均为同系列高质量开源模板,欢迎 Star ⭐

项目GitHub码云GitCode
天使童装GitHub码云GitCode
天使童装(uni-app)GitHub码云GitCode
简约精品商城(uni-app)GitHub码云GitCode
舔果果小铺(升级版)GitHub——
面馆风格小程序—码云—
AI 名片GitHub码云GitCode
仿海底捞订座排队(uni-app)GitHub码云GitCode
H5 版本商城/餐饮GitHub码云GitCode
餐饮点餐GitHub码云GitCode
企业微展GitHub码云GitCode
无人棋牌室GitHub码云GitCode
酒店客房服务小程序GitHub码云GitCode
面包店风格小程序GitHub码云GitCode
朋友圈发圈素材GitHub码云GitCode
小红书企业微展GitHub码云GitCode
旧物/废品回收GitHub码云GitCode
会员卡(饭卡)储值消费GitHub码云GitCode
静筑 ApistaticGitHub码云GitCode
盲盒交友GitHub码云GitCode
光影集市GitHub码云GitCode

💬 联系我们

如在使用过程中遇到问题,欢迎通过 Issues 与我们交流。

如果本项目对你有所帮助或启发,请点个 ⭐ Star 支持一下,你的鼓励是我们持续更新的最大动力!

加微信联系作者


Made with ❤️ by 蜗牛点餐

Significant stargazers

SaladDay

325 followers · starred Dec 2024

Cuthbert

23 followers · starred Sep 2026

Eric Wang

31 followers · starred Sep 2026

Tom Xin

8 followers · starred Sep 2026