# wechat-app-order

**Repository Path**: ding-ding-zhou/wechat-app-order

## Basic Information

- **Project Name**: wechat-app-order
- **Description**: 微信小程序点餐助手 特点：点餐小程序，点单自动出单，点餐自动打印 本项目有2个设计目标： 商家可以在手机上实现快速点单、下单、打印机自动出票，提高整个点餐流程提升效率； 用户可以通
- **Primary Language**: HTML/CSS
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: https://www.oschina.net/p/wechat-app-order
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 36
- **Created**: 2021-11-30
- **Last Updated**: 2021-11-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 微信小程序点餐助手
特点：点餐小程序，点单自动出单，点餐自动打印

本项目有2个设计目标：

* 商家可以在手机上实现快速点单、下单、打印机自动出票，提高整个点餐流程提升效率；<br>
* 用户可以通过该小程序实现自助点单、下单、在线支付后，联动商家打印机自动出票，提升用餐体验；

本项目交流QQ群 315181914 欢迎大家加入交流

>更加欢迎会开发的您一起加入，完善本项目

## 推荐一个极好的餐饮点餐项目

[https://github.com/woniudiancang/bee](https://github.com/woniudiancang/bee)

## 开发框架
基于[Touch WX](http://www.wetouch.net/touchwx_doc/quickstart/)框架，可以点击查看

[开发环境安装](http://www.wetouch.net/touchwx_doc/quickstart/begin/ide)

## 其他开源模板

| 天使童装 | 舔果果小铺 | 面馆风格小程序 | AI名片 |
| :------: | :------: | :------: | :------: |
| <img src="https://www.it120.cc/images/tz.jpg" width="200px"> | <img src="https://cdn.it120.cc/apifactory/2018/04/01/b7b8f5a0fcfc72454ade8510ab929717.jpg" width="200px"> | <img src="https://cdn.it120.cc/apifactory/2019/03/29/9e30cfe31eabcd218eb9c434f17e9295.jpg" width="200px"> | <img src="https://cdn.it120.cc/apifactory/2018/12/18/c2324da4eea91602f385db5b523b13ca.jpg" width="200px"> | 
| [开源地址](https://github.com/EastWorld/wechat-app-mall) | [开源地址](https://github.com/walcer/TianguoguoXiaopu) | [开源地址](https://gitee.com/javazj/noodle_shop_procedures) | [开源地址](https://github.com/gooking/visitingCard) |

## 联系作者

| 微信好友 | 支付宝好友 |
| :------: | :------: |
| <img src="https://cdn.it120.cc/apifactory/2019/07/03/a86f7e46-1dbc-42fe-9495-65403659671e.jpeg" width="200px"> | <img src="https://cdn.it120.cc/apifactory/2019/07/03/fda59aeb-4943-4379-93bb-92856740bd6a.jpeg" width="200px"> |

## 效果截图
<img src="screenshot/1.png" width="400px"/>
<img src="screenshot/2.png" width="400px"/>
<img src="screenshot/3.png" width="400px"/>
<img src="screenshot/4.png" width="400px"/>
<img src="screenshot/5.png" width="400px"/>
<img src="screenshot/6.png" width="400px"/>
<img src="screenshot/7.png" width="400px"/>

## 使用教程
1. 修改 config.js 文件， subDomain 改为你自己的域名
    
    [《免费开通后台账号》](https://admin.it120.cc/)

    [《什么是专属域名？》](https://www.yuque.com/apifm/doc/qr6l4m)
2. 登录你的[小程序后台](https://mp.weixin.qq.com)，[设置小程序合法服务器域名](https://www.yuque.com/apifm/doc/tvpou9)，修改后需要重启小程序开发工具才能生效
3. [登录后台](https://admin.it120.cc/)，左侧菜单，微信设置填写您的小程序 appid 和 secret

## 初始化测试数据

    登录后台，左侧菜单 “工厂设置” --> “数据克隆” --> “将别人的数据克隆给我”

    对方商户ID填写  51

    点击 “立即克隆” ，然后退出后台重新登录

    你将立即享有初始化测试数据，方便你进行测试

## 运行小程序
1. npm install
2. tui dev
3. 用小程序打开项目即可浏览效果，项目路径指向本项目的 dist 文件夹