| 功能模块 | 说明 |
|---|---|
| 🛒 在线点餐 | 用户浏览菜单、加入购物车、实时下单 |
| 🛵 外卖配送 | 支持外卖下单,集成达达等第三方配送平台 |
| 📲 扫码点餐 | 扫桌号二维码直接进入对应餐桌点餐流程 |
| 🔔 叫号排队 | 线上取号、等位提醒,告别纸质排队 |
| 💳 在线支付 | 微信支付一体化,流畅结账体验 |
| 🖨️ 自动出票 | 打印机配置后自动推送小票、杯贴等 |
| 📦 订单管理 | 完整的订单生命周期管理与核销流程 |
| 🌐 多语言支持 | 内置国际化框架,支持中英文快速切换 |
| 座号 A1 | 座号 A2 | 座号 A3 | 座号 A4 | 座号 A5 |
|---|---|---|---|---|
![]() | ![]() | ![]() | ![]() | ![]() |
| 座号 A6 | 座号 A7 | 座号 A8 | 座号 A9 | 座号 A10 |
|---|---|---|---|---|
![]() | ![]() | ![]() | ![]() | ![]() |
前往 微信公众平台 注册小程序账号。
⚠️ 商城类小程序不支持个人主体上线,请选择「企业」或「个体工商户」注册,
获取专属的AppID和AppSecret,保存备用。
前往 api工厂后台 免费注册并登录,记下你的专属域名。
左侧菜单 → 工厂设置 → 数据克隆 → 将别人的数据克隆给我
对方商户ID:27
点击「立即克隆」→ F5 刷新后台
后台左侧菜单 → 微信设置 → 填写上一步获得的 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 管理 → 自定义业务类型填:diancang
后台 → 系统设置 → 系统参数 → 添加开关类型参数
参数名:shop_goods_split
开启:只显示当前门店商品 | 关闭:显示所有门店商品
后台 → 商场管理 → 门店管理 → 编辑门店 → 服务距离(填写公里数)
商品列表及详情接口返回以下两个销量字段,可在界面任意位置展示:
| 字段 | 含义 |
|---|---|
numberOrders | 订单数量 |
numberSells | 商品售出件数 |
示例:用户下 1 笔订单购买 10 份 →
numberOrders = 1,numberSells = 10
1. 后台 → 预约报名 → 项目设置 → 添加项目(记下编号)
2. 后台 → 系统设置 → 系统参数 → 修改参数 zxdz → 填入编号
dadaonLoad 中加入:getApp().initLanguage(this){{ $t.test.name }}i18n/ 文件夹中对应语言文件即可app.json 中添加页面路径:pages/shop/join-applypages/shop/select 页面底部的入口代码检查 config.js 中的 subDomain 是否已修改为你的专属域名
确保以下 三处 AppID 完全一致:
mp.weixin.qq.com) → 开发 → 开发设置admin.s2m.cc)→ 平台设置 → 微信小程序可使用 wx.getFuzzyLocation 替代,在开发工具中执行三次全局替换:
| 查找 | 替换为 |
|---|---|
scope.userLocation | scope.userFuzzyLocation |
wx.getLocation | wx.getFuzzyLocation |
"getLocation" | "getFuzzyLocation" |
pages/all-orders/index
小程序订单管理 → 订单信息录入 → 小程序商品订单详情 path:
pages/order-details/index?payOrderNo=${商品订单号}
📖 处理教程
检查 /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 |
| 静筑 Apistatic | GitHub | 码云 | GitCode |
| 盲盒交友 | GitHub | 码云 | GitCode |
| 光影集市 | GitHub | 码云 | GitCode |
如在使用过程中遇到问题,欢迎通过 Issues 与我们交流。
如果本项目对你有所帮助或启发,请点个 ⭐ Star 支持一下,你的鼓励是我们持续更新的最大动力!
加微信联系作者
Made with ❤️ by 蜗牛点餐
| 功能模块 | 说明 |
|---|---|
| 🛒 在线点餐 | 用户浏览菜单、加入购物车、实时下单 |
| 🛵 外卖配送 | 支持外卖下单,集成达达等第三方配送平台 |
| 📲 扫码点餐 | 扫桌号二维码直接进入对应餐桌点餐流程 |
| 🔔 叫号排队 | 线上取号、等位提醒,告别纸质排队 |
| 💳 在线支付 | 微信支付一体化,流畅结账体验 |
| 🖨️ 自动出票 | 打印机配置后自动推送小票、杯贴等 |
| 📦 订单管理 | 完整的订单生命周期管理与核销流程 |
| 🌐 多语言支持 | 内置国际化框架,支持中英文快速切换 |
| 座号 A1 | 座号 A2 | 座号 A3 | 座号 A4 | 座号 A5 |
|---|---|---|---|---|
![]() | ![]() | ![]() | ![]() | ![]() |
| 座号 A6 | 座号 A7 | 座号 A8 | 座号 A9 | 座号 A10 |
|---|---|---|---|---|
![]() | ![]() | ![]() | ![]() | ![]() |
前往 微信公众平台 注册小程序账号。
⚠️ 商城类小程序不支持个人主体上线,请选择「企业」或「个体工商户」注册,
获取专属的AppID和AppSecret,保存备用。
前往 api工厂后台 免费注册并登录,记下你的专属域名。
左侧菜单 → 工厂设置 → 数据克隆 → 将别人的数据克隆给我
对方商户ID:27
点击「立即克隆」→ F5 刷新后台
后台左侧菜单 → 微信设置 → 填写上一步获得的 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 管理 → 自定义业务类型填:diancang
后台 → 系统设置 → 系统参数 → 添加开关类型参数
参数名:shop_goods_split
开启:只显示当前门店商品 | 关闭:显示所有门店商品
后台 → 商场管理 → 门店管理 → 编辑门店 → 服务距离(填写公里数)
商品列表及详情接口返回以下两个销量字段,可在界面任意位置展示:
| 字段 | 含义 |
|---|---|
numberOrders | 订单数量 |
numberSells | 商品售出件数 |
示例:用户下 1 笔订单购买 10 份 →
numberOrders = 1,numberSells = 10
1. 后台 → 预约报名 → 项目设置 → 添加项目(记下编号)
2. 后台 → 系统设置 → 系统参数 → 修改参数 zxdz → 填入编号
dadaonLoad 中加入:getApp().initLanguage(this){{ $t.test.name }}i18n/ 文件夹中对应语言文件即可app.json 中添加页面路径:pages/shop/join-applypages/shop/select 页面底部的入口代码检查 config.js 中的 subDomain 是否已修改为你的专属域名
确保以下 三处 AppID 完全一致:
mp.weixin.qq.com) → 开发 → 开发设置admin.s2m.cc)→ 平台设置 → 微信小程序可使用 wx.getFuzzyLocation 替代,在开发工具中执行三次全局替换:
| 查找 | 替换为 |
|---|---|
scope.userLocation | scope.userFuzzyLocation |
wx.getLocation | wx.getFuzzyLocation |
"getLocation" | "getFuzzyLocation" |
pages/all-orders/index
小程序订单管理 → 订单信息录入 → 小程序商品订单详情 path:
pages/order-details/index?payOrderNo=${商品订单号}
📖 处理教程
检查 /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 |
| 静筑 Apistatic | GitHub | 码云 | GitCode |
| 盲盒交友 | GitHub | 码云 | GitCode |
| 光影集市 | GitHub | 码云 | GitCode |
如在使用过程中遇到问题,欢迎通过 Issues 与我们交流。
如果本项目对你有所帮助或启发,请点个 ⭐ Star 支持一下,你的鼓励是我们持续更新的最大动力!
加微信联系作者
Made with ❤️ by 蜗牛点餐