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

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

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

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

招募开发者

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

荣誉墙

功能展示

首页

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

优惠券

优惠券	待领取	可使用

结算支付

自取	配送	优惠买单	买单

订单管理

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

我的

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

其他

在线订位

QQ交流群

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

使用教程

注册开通小程序账号

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

常见问题

无法登陆 / 无法获取 openid

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

如何查看自己的subDomain
确保下面3个地方的 appID 你填的是一样的
- 登录你的小程序商户后台（https://mp.weixin.qq.com）左侧菜单 “开发” --> “开发设置” 中的 appid
- 点击你的小程序开发工具右上角的“详情” --> “基本信息” 中的 appid
- 登录你的 api工厂后台（https://admin.it120.cc），左侧菜单微信设置中的 appid

二次开发说明

如何弹出登陆授权框

wxml 文件中增加:

<van-dialog id="van-dialog-auth-login" bind:getuserinfo="processLogin" />

js 文件中增加:

// 引入 auth 
const AUTH = require('../../utils/auth')
// 弹出框
AUTH.openLoginDialog()
// 处理授权登陆
processLogin(e) {
    if (!e.detail.userInfo) {
        wx.showToast({
        title: '已取消',
        icon: 'none',
        })
        return;
    }
    AUTH.register(this);
}

aqmzj / bee Goto Github PK

bee's Introduction