# 微信点餐小程序order-meal

**Repository Path**: tomdev/order-meal

## Basic Information

- **Project Name**: 微信点餐小程序order-meal
- **Description**: order-meal
微信小程序---order-meal，是针对餐饮行业推出的一套点餐小程序，实现了三种点餐模式
1.到店扫描点餐
适用于奶茶店等小门面大客流的店铺，可以很好的解决点餐压力
2.扫描桌面二维码点餐
适用于大门面店铺，方便客人了解菜系
3.预约点餐
以上两种皆适用，针对老客户，可以在客户到店前预先预定好餐饮节省等餐时间
- **Primary Language**: Java
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 34
- **Created**: 2022-09-30
- **Last Updated**: 2022-09-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# order-meal

微信小程序---order-meal，是针对餐饮行业推出的一套点餐小程序，实现了三种点餐模式

### 1.到店扫描点餐      
    适用于奶茶店等小门面大客流的店铺，可以很好的解决点餐压力

### 2.扫描桌面二维码点餐
    适用于大门面店铺，方便客人了解菜系

### 3.预约点餐
    以上两种皆适用，针对老客户，可以在客户到店前预先预定好餐饮节省等餐时间

## 项目文档

* [API](./doc/api.md)
* [数据库](./doc/database.md)
* [常见问题FAQ](./doc/FAQ.md)
* [最佳后台设计](./doc/best-admin.md)
* [1. 系统架构](./doc/project.md)
* [2. 基础系统](./doc/platform.md)
* [3. 小商场](./doc/wxmall.md)
* [4. 管理后台](./doc/admin.md)

## 项目实例

### 管理后台实例

![](./doc/pics/admin-dashboard.png)

1. 浏览器打开，输入以下网址: [https://order-meal.ysling.site](https://order-meal.ysling.site)
2. 管理员用户名`927069313@qq.com`，管理员密码`admin123`
> 注意：此实例只是测试管理后台。


### 微信小程序到店点餐演示
<img src="./doc/pics/wxxcx.jpg" width="200px">


### 微信小程序扫码点餐演示

| 座号A1 | 座号A2 | 座号A3 | 座号A4 | 座号A5 |
| :------: | :------: | :------: | :------: | :------: |
| <img src="./doc/pics/A1.jpg" width="200px"> | <img src="./doc/pics/A2.jpg" width="200px"> | <img src="./doc/pics/A3.jpg" width="200px"> | <img src="./doc/pics/A4.jpg" width="200px"> | <img src="./doc/pics/A5.jpg" width="200px"> |

### 微信小程序预约点餐

    除扫码以外任何方式进入都是预约模式

## 项目架构
![](./doc/pics/project-structure.png)

Spring Boot后端 + Vue管理员前端 + 微信小程序用户前端 + Vue用户移动端

## 技术栈

> 1. Spring Boot
> 2. Vue
> 3. 微信小程序

![](doc/pics/technology-stack.png)


## 提醒

> 1. 由于用户体验原因系统中设置了数据库定时还原功能，如有需要，请到litemall-db自行关闭。

## 快速启动

1. 配置最小开发环境：
    * [MySQL](https://dev.mysql.com/downloads/mysql/)
    * [JDK1.8或以上](http://www.oracle.com/technetwork/java/javase/overview/index.html)
    * [Maven](https://maven.apache.org/download.cgi)
    * [Nodejs](https://nodejs.org/en/download/)
    * [微信开发者工具](https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html)
    
2. 数据库直接导入litemall-db/sql下的数据库文件
    * order_meal.sql

3. 启动小商场和管理后台的后端服务

    打开命令行，输入以下命令
    ```bash
    cd litemall
    mvn install
    mvn clean package
    java -Dfile.encoding=UTF-8 -jar litemall-all/target/litemall-all-0.1.0-exec.jar
    ```
    
4. 启动管理后台前端

    打开命令行，输入以下命令
    ```bash
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    cd litemall/litemall-admin
    cnpm install
    cnpm run dev
    ```
    此时，浏览器打开，输入网址`http://localhost:9527`, 此时进入管理后台登录页面。
    
5. 启动小商城前端
   
   这里存在两套小商场前端litemall-wx和renard-wx，开发者可以分别导入和测试：
   
   1. 微信开发工具导入litemall-wx项目;
   2. 项目配置，启用“不校验合法域名、web-view（业务域名）、TLS 版本以及 HTTPS 证书”
   3. 点击“编译”，即可在微信开发工具预览效果；
   4. 也可以点击“预览”，然后手机扫描登录（但是手机需开启调试功能）。
      
   注意：
   > 这里只是最简启动方式，而小商场的微信登录、微信支付等功能需开发者设置才能运行，
   > 更详细方案请参考[文档](./doc/project.md)。

6. 启动轻商城前端

    打开命令行，输入以下命令
    ```bash
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    cd litemall/litemall-vue
    cnpm install
    cnpm run dev
    ```
    此时，浏览器（建议采用chrome 手机模式）打开，输入网址`http://localhost:6255`, 此时进入轻商场。

    注意：
    > 现在功能很不稳定，处在开发阶段。
        
## 警告

> 1. 本项目仅用于学习练习

## 致谢

本项目基于或参考以下项目：
1. [https://gitee.com/linlinjava/litemall](https://gitee.com/linlinjava/litemall)

    项目介绍：Spring Boot后端 + Vue管理员前端 + 微信小程序用户前端 + Vue用户移动端

2. [nideshop-mini-program](https://github.com/tumobi/nideshop-mini-program)

   项目介绍：基于Node.js+MySQL开发的开源微信小程序商城（微信小程序）

   项目参考：
   
   1. litemall项目数据库基于nideshop-mini-program项目数据库；
   2. litemall项目的litemall-wx模块基于nideshop-mini-program开发。

3. [vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)
  
   项目介绍： 一个基于Vue和Element的后台集成方案
  
   项目参考：litemall项目的litemall-admin模块的前端框架基于vue-element-admin项目修改扩展。

4. [mall-admin-web](https://github.com/macrozheng/mall-admin-web)

   项目介绍：mall-admin-web是一个电商后台管理系统的前端项目，基于Vue+Element实现。

   项目参考：litemall项目的litemall-admin模块的一些页面布局样式参考了mall-admin-web项目。

5. [biu](https://github.com/CaiBaoHong/biu)

   项目介绍：管理后台项目开发脚手架，基于vue-element-admin和springboot搭建，前后端分离方式开发和部署。

   项目参考：litemall项目的权限管理功能参考了biu项目。

6. [vant--mobile-mall](https://github.com/qianzhaoy/vant--mobile-mall)

   项目介绍：基于有赞 vant 组件库的移动商城。

   项目参考：litemall项目的litemall-vue模块基于vant--mobile-mall项目开发。


## 推荐

1. [微信小程序商城](https://gitee.com/JoyAtMeeting/litemall-plus)
   
   项目介绍：基于微信小程序的多商户商城。


## 问题

![](doc/pics/qq1.jpg)

 * 开发者有问题或者好的建议可以用Issues反馈交流，请给出详细信息
 * 在开发交流群中应讨论开发、业务和合作问题
 * 如果真的需要QQ群里提问，请在提问前先完成以下过程：
    * 请仔细阅读本项目文档，特别是是[**FAQ**](https://linlinjava.gitbook.io/litemall/faq)，查看能否解决；
    * 请阅读[提问的智慧](https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/master/README-zh_CN.md)；
    * 请百度或谷歌相关技术；
    * 请查看相关技术的官方文档，例如微信小程序的官方文档；
    * 请提问前尽可能做一些DEBUG或者思考分析，然后提问时给出详细的错误相关信息以及个人对问题的理解。

## License

[MulanPSL-2.0](https://gitee.com/JoyAtMeeting/order-meal/blob/master/LICENSE)
Copyright (c) 2022-present ysling