引言

微信点菜的项目很常见,但是支持一起点菜、互动点菜的却不多见。我们微信一起点菜的口号就是:多一点互动,多一份友情

关于本套件

bz-diancai(微信一起点菜)是采用CabloyJS全栈框架开发的实战项目。既可以用于实际的点菜业务,又可以用于学习CabloyJS全栈开发的诸多方面的知识,成为可以独当一面的Node全栈高手

通过本套件,可以学会:

  • 如何通过一套代码,同时实现B端后台商家管理应用C端前台微信点菜应用

  • 如何通过一套代码,同时完美兼容PC端Mobile端,并且Mobile端接近原生体验

如何购买

直接在页面右侧购买,购买后即可永久享受源码的持续升级

如何安装

  • 直接在项目中执行
  1. 1$ npm run cli :store:sync bz-diancai

配套课程

作者健哥对已开发的代码进行复盘,并且答疑解惑

直播课程清单,请参见:B-001: 微信一起点菜项目进度复盘

演示清单

CabloyJS已经部署了一套演示代码,可以在线体验:

应用 应用类型 PC端 Mobile端
商家管理应用 B端:中后台管理系统 https://test.cabloy.com/?appKey=diancai-store:appDianCaiWechatManage 微信点菜管理应用
微信点菜应用 C端:前台应用 https://test.cabloy.com/?appKey=diancai-h5:appDianCaiWechatH5 微信点菜点菜应用
账号类型 名称 密码
管理员 admin 123456
普通用户 tom 123456
普通用户 jane 123456

涵盖知识点

通过本套件,您能学到:

  1. 如何创建B端后台应用

  2. 如何创建C端点菜应用

  3. 如何与微信接口对接,实现微信支付微信扫一扫等功能

  4. 如何解压zip文件包,并从excel文件中批量导入菜品信息,并且在前端实时显示导入进度

  5. 如何使用WebSocket进行点菜信息的多端实时同步

套件功能

微信一起点菜主要包含以下功能:

1. B端:后台商家管理

  1. 店铺管理

    1. 店铺信息

    2. 横幅管理

  2. 桌台管理

    1. 支持列表布局、表格布局、卡片布局

    2. 卡片布局:可以直接打印桌台台签,方便“微信扫一扫”

  3. 品类管理

  4. 菜品管理

    1. 演示:如何批量导入菜品和菜品图片

    2. 演示:如何在批量导入时,在前端实时显示导入进度

  5. 微信支付

    1. 后端接口对接
  6. 运维管理

    1. 订单管理

2. C端:前台微信点菜

  1. 全平台跨端效果

    1. 手机点菜

    2. 平板点菜

    3. PC点菜

  2. 多人共同点菜、互动点菜

    1. 使用WebSocket进行消息推送
  3. 微信支付

    1. 极简整合微信支付SDK

购买福利

  1. 获取bz-diancai套件全部源码。不仅可以通过研习源码更快的学习CabloyJS,而且也可以借鉴大量的代码范例加速实际业务的开发(比如Ctrl+C、Ctrl+V)
  2. 加入专属VIP群,享受更专业更及时的技术交流
  3. 获得参与合作推广的机会,享受两级分佣、三重收益,参见:会员合作推广🎉

咨询

请添加CabloyJS全栈框架作者健哥微信

wx-zhennann

套件包含模块清单

模块名称 说明
diancai-common 通用模块:统一管理数据字典:菜品单位、订单状态
diancai-icon 图标模块:统一管理所使用的svg图标
diancai-h5 H5模块:实现C端前台点菜应用:实现全平台跨端点菜
diancai-store 店铺模块:实现B端商家管理应用:管理店铺信息、横幅列表
diancai-table 桌台模块:管理桌台列表,为每个桌台分配唯一的点菜二维码
diancai-dish 菜品模块:管理菜品列表,可以从Excel导入菜品信息
diancai-order 订单模块:管理实时产生的订单信息