微信小程序——餐饮点餐商城

微信小程序——餐饮点餐商城，是针对餐饮行业推出的一套完整的餐饮解决方案，实现了用户在线点餐下单、外卖、叫号排队、支付、配送等功能，完美的使餐饮行业更高效便捷！

大家如果在使用过程有什么问题，欢迎通过lssues与我们交流！

如果本项目对您有所帮助或者启发，请给我们 Star 吧，您的鼓励是我们最大对动力～

招募开发者

希望找一些志同道合的朋友一起来完善这个开源项目，持续更新下去，有兴趣的可以联系管理员，期待您的加入！

QQ群：926321567

荣誉墙

• @woniudiancang 蜗牛小姐姐，本项目主导者、发起人
• @wangxy2020 Jack Wong
• 期待您的加入

功能展示

首页

首页	下单	加入购物车	查看门店信息

营销功能

拼团	签到

优惠券

优惠券	待领取	可使用

结算 支付

自取	配送	优惠买单	买单

订单管理

待支付	全部订单	配送	取餐	交易完成

我的

我的	会员中心	收货地址	关于我们

我的钱包	资金明细	积分明细	充值记录

其他

在线订位	在线取号

扫码点餐

扫桌码点餐	共享购物车	查看已点	买单结账

待确认	已下厨	已上菜

QQ交流群

群号:926321567

本项目使用了下面的组件，在此鸣谢

• vant-UI库

• 小程序在线接口-SDK

• api工厂

• FMUI-轻松活泼-icon

• 小程序HTML解析组件

• 生成条码和二维码

使用教程

注册开通小程序账号

https://mp.weixin.qq.com/ 根据自己的实际情况选择 “企业”、“个体工商户”身份，注册小程序账号，商城类小程序不支持个人用户上线，所以一定要选择企业或者个体户，获得你自己小程序的 appid 和 secret 信息，保存好，下面会用到：

• 如何查看小程序的AppID和AppSecret

  你需要设置小程序的合法域名，否则开发工具上运行正常，手机访问的时候将看不到数据

• 设置合法服务器域名

注册开通后台账号

https://admin.it120.cc/ 免费注册开通新后台后登录，登录后的首页，请记下你的专属域名，后面会用到 左侧菜单 “工厂设置” --> “数据克隆” --> “将别人的数据克隆给我” 对方商户ID填写 27 点击 “立即克隆”，克隆成功后，F5 刷新一下后台

配置小程序APPID/SECRET

左侧菜单，微信设置，填写配置上一步获得的 appid 和 secret 这一步很重要！！！ 如果没有正确配置，下面步骤中打开小程序将无法连接你的后台

配置微信支付

左侧菜单，系统设置 --> 在线支付配置，填写您自己的微信支付的信息

下载安装开发工具

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

运行小程序看效果

双击运行第一步安装的小程序开发工具，打开看效果：

导入项目这里

目录选择你 “第二步” 中下载并加压的小程序代码所在目录

APPID 务必要改成你自己的小程序的 APPID

APPID 务必要改成你自己的小程序的 APPID

APPID 务必要改成你自己的小程序的 APPID

然后点击导入按钮

• 如何查看小程序的AppID和AppSecret

配置对接你自己的后台

在开发工具中 config.js 中的subDomain 改成你自己专属域名， ctrl + s 保存

• 如何查看自己的subDomain

如何修改小程序标题

要修改小程序标题 “蜜蜂点餐” ，请登陆后台，左侧菜单 “系统设置” --> “系统参数”，修改编号为 mallName 的那个参数即可；

口味/加料/配菜 设置

《餐饮口味/加料/配菜/口味选项解决方案》

小票打印机

《api工厂小票机 / 不干胶标签机配置自动打印》

小票机是打印热敏小票，例如超市购物时候打印的小票；美团、饿了么外卖的打印小票；

标签机是打印的不干胶的，例如奶茶店打印出来贴在杯子上面的；

扫码点餐

生成桌码

1. 首先需要在后台“餐桌管理”中，将你的餐桌信息维护好，例如: A1 A2 B1 B2
2. 给每个餐桌生成小程序码，前往后台 “微信设置” --> “小程序设置” --> “获取小程序码”
3. 页面路径填写: pages/index/index
4. scene参数填写: shopId=36,id=111,key=Y6RoIT （36改成你自己门店的id；111改成对应的餐桌的id；Y6RoIT 改成对应的餐桌的密钥，为了防止用户恶意扫码，建议定期更换密钥后重新生成桌码）

注意：微信小程序只有正式上线的小程序才可以获取小程序码，所以如果是开发阶段，可以按照下面的说明在开发工具中测试

如何测试扫码点餐

修改 “pages/index/index.js” 文件的 onLoad 方法，放开下面的注释即可：

// 测试扫码点餐
// shopId=36,id=111,key=Y6RoIT 进行 url编码，3个值分别为 门店id，餐桌id，餐桌密钥
// e = {
//   scene: 'shopId%3d36%2cid%3d111%2ckey%3dY6RoIT' 
// }

修改 js 文件后，请点击开发工具上的 “编译” 按钮，重新编译一下小程序，即可进行扫码点餐的测试

常见问题

无法登陆 / 无法获取 openid

1. 请检查 config.js 文件中的 subDomain 是否已经修改成你自己的专属域名了

   如何查看自己的subDomain

2. 确保下面3个地方的 appID 你填的是一样的

   • 登录你的小程序商户后台（https://mp.weixin.qq.com）左侧菜单 “开发” --> “开发设置” 中的 appid
   • 点击你的小程序开发工具 右上角 的“详情” --> “基本信息” 中的 appid
   • 登录你的 api工厂 后台（https://admin.it120.cc），左侧菜单微信设置中的 appid

3. 在线订座提示“暂无数据”

   • 首先登陆后台，左侧菜单 “预约报名” --> “项目设置”，添加一个预约项目；（如果没有菜单，请去模块管理添加模块）
   • 添加成功后，记下项目编号（列表第一列中的数字）；
   • 左侧菜单 “系统设置” --> “系统参数”，修改编号为 “zxdz” 的参数，填写你自己的项目编号；
   • 小程序开发工具中，点击 “编译”按钮，重新编译小程序即可；