## 引言 **微信点菜**的项目很常见,但是支持**一起点菜、互动点菜**的却不多见。我们**微信一起点菜**的口号就是:**`多一点互动,多一份友情`** ## 关于本套件 `bz-diancai(微信一起点菜)`是采用CabloyJS全栈框架开发的实战项目。既可以用于实际的点菜业务,又可以用于学习CabloyJS全栈开发的诸多方面的知识,`成为可以独当一面的Node全栈高手` 通过本套件,可以学会: * 如何通过一套代码,同时实现`B端后台商家管理应用`和`C端前台微信点菜应用` * 如何通过一套代码,同时完美兼容`PC端`和`Mobile端`,并且`Mobile端`接近原生体验 ## 如何购买 直接在页面右侧购买,购买后即可永久享受源码的持续升级 ## **如何安装** * 直接在项目中执行 ``` bash $ npm run cli :store:sync bz-diancai ``` ## 配套课程 作者健哥对已开发的代码进行复盘,并且答疑解惑 > 直播课程清单,请参见:[B-001: 微信一起点菜项目进度复盘](https://course.cabloy.com/zh-cn/articles/B-001.html) ## 演示清单 CabloyJS已经部署了一套演示代码,可以在线体验: | **应用** | **应用类型** | **PC端** | **Mobile端** | |:---|:---|:---|:---| | 商家管理应用 | B端:中后台管理系统 | | ![微信点菜管理应用](https://portal.cabloy.com/api/a/file/file/download/7f102b9109b5450b91aa2bdd8e4a575a.png) | | 微信点菜应用 | C端:前台应用 | | ![微信点菜点菜应用](https://portal.cabloy.com/api/a/file/file/download/28f20865a44f40f0a19ba2e4d189385a.png) | | **账号类型** | **名称** | **密码** | |:---|:---|:---| | 管理员 | 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. 获得参与合作推广的机会,享受`两级分佣、三重收益`,参见:[会员合作推广🎉](https://cabloy.com/zh-cn/articles/promotion.html) ## 咨询 请添加CabloyJS全栈框架作者健哥微信 ![wx-zhennann](https://portal.cabloy.com/api/a/file/file/download/ac1a53c5bf694eb6bfbe9d7b7fafaa55.jpg) ## 套件包含模块清单 | 模块名称 | 说明 | |----|----| | diancai-common | 通用模块:统一管理数据字典:菜品单位、订单状态 | | diancai-icon | 图标模块:统一管理所使用的svg图标 | | diancai-h5 | H5模块:实现`C端前台点菜应用`:实现全平台跨端点菜 | | diancai-store | 店铺模块:实现`B端商家管理应用`:管理店铺信息、横幅列表 | | diancai-table | 桌台模块:管理桌台列表,为每个桌台分配唯一的点菜二维码 | | diancai-dish | 菜品模块:管理菜品列表,可以从Excel导入菜品信息 | | diancai-order | 订单模块:管理实时产生的订单信息 |