Giter Site home page Giter Site logo

bee's Introduction

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

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

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

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

招募开发者

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

QQ群:926321567

扫码体验

希望展示您的小程序,请给我们留言

功能展示

首页

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

营销功能

拼团 签到

优惠券

优惠券 待领取 可使用

结算 支付

自取 配送 优惠买单 买单
选择时间 选择时间 优惠买单 买单

订单管理

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

我的

我的 会员中心 收货地址 关于我们
我的钱包 资金明细 积分明细 充值记录

其他

在线订位 在线取号

扫码点餐

扫桌码点餐 共享购物车 查看已点 买单结账
待确认 已下厨 已上菜

QQ交流群

群号:926321567

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

使用教程

注册开通小程序账号

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

注册开通后台账号

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

然后点击导入按钮

配置对接你自己的后台

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

如何修改小程序标题

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

口味/加料/配菜 设置

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

小票打印机

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

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

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

如何使用扫码核销功能

登陆后台,左侧菜单 “系统设置” --> “系统参数” ,编辑编号为 “order_hx_uids” 的那个参数,填写配送员的用户编号,多个用户使用英文的逗号分隔开

  • 用户编号

左侧菜单 “用户管理” --> “用户列表” ,可以查看到某个用户的用户编号(一串数字)

加入到该系统参数的用户,打开小程序以后,在 “我的” 界面,将可以看到 “扫码核销” 的菜单,点击后系统会调用相机,对着用户小程序上的二维码扫描后即可完成核销。

扫码点餐

生成桌码

  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 文件后,请点击开发工具上的 “编译” 按钮,重新编译一下小程序,即可进行扫码点餐的测试

使用达达配送

如果你和我一样,是使用的 “api工厂” 的接口和后台,那么可以很方便的和达达配送进行对接,请先仔细查看“api工厂”的配置教程:

如何对接达达配送

门店关联达达门店编号

“api工厂”后台的门店管理,“商城管理” --> “门店管理”,请填写匹配的达达门店编号,同时“生鲜配送”请填写: dada

设置以后,选择 “外卖配送” ,“api工厂” 将会自动帮你对接达达配送

常见问题

无法登陆 / 无法获取 openid

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

    如何查看自己的subDomain

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

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

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

bee's People

Contributors

woniudiancang avatar wangxy2020 avatar gooking avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.