# 爱吃火锅在线点餐小程序

**Repository Path**: wzlee/orderfood

## Basic Information

- **Project Name**: 爱吃火锅在线点餐小程序
- **Description**: 爱吃火锅点餐小程序由小程序端和管理端构成。
小程序端是用微信小程序原生语言开发。
管理端前端是用Vue+Elementui开发，管理端后端是用SpirngBoot+MyBatis开发。
数据库用的是mysql。
总体来说涉及的技术比较广，难度适中，都是市面上主流的技术，非常适合作为设计项目或开发学习。
- **Primary Language**: Java
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2023-08-11
- **Last Updated**: 2023-08-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 爱吃火锅在线点餐系统<br>

##（源代码+12000字文档+ppt）

## 项目简介

爱吃火锅点餐小程序由小程序端和管理端构成。<br>
小程序端是用微信小程序原生语言开发。<br>
管理端前端是用Vue+Elementui开发，管理端后端是用SpirngBoot+MyBatis开发。<br>
数据库用的是mysql。<br>
总体来说涉及的技术比较广，难度适中，都是市面上主流的技术，非常适合作为设计项目或开发学习。<br>
视频介绍：<a href="https://www.bilibili.com/video/BV1zN411P7HN/?spm_id_from=333.999.0.0" target="_blank">点击查看B站视频介绍</a>

## 功能介绍

权限管理：包含菜单管理、用户管理、角色管理、部门管理、用户权限分配。<br>
小程序管理：包含菜品种类、菜品管理、订单管理、会员等级。<br>
小程序端：菜品查询、点餐、购物车管理、堂食外卖、下单、订单查询、地址管理。<br>


## 技术学习

如果你在安装过程中，或对项目有疑问，可以关注本人公众号获取本人联系方式进行咨询。<br>
公众号内还有更多项目供你选择。<br>
<img src="./images/gongzhonghao.jpg" width="200" height="200" />

## 技术服务

<img src="./images/my.jpg" width="200" height="300" />

## 技术栈

| 工具及技术             | 版本    |
| ---------------------- | ------- |
| idea                   |         |
| JDK                    | 1.8     |
| SpringBoot             | 2.2.1   |
| MyBatis                | 1.3.2   |
| JWT                    | 3.4     |
| Vue                    | 2.0     |
| ElementUI              | 2.0     |
| MySQL                  | 5.7     |
| Node                   | v16.16.0|
| 微信开发者工具         |         |
| 微信小程序原生开发语言 |         |

## 安装教程

1.代码分为三部分，orderfood-wx是小程序代码，orderfood-vue是前端代码，orderfoood-java是后端代码。<br>
2.安装开发环境jdk、node.js、vscode、idea/eclipse、MySQL5.7。<br>
3.在mysql中创建数据库orderfood，导入后台代码中的orderfood.sql。<br>
4.启动前端程序和后端程序即可，后端程序默认启动端口是10000，前端调用后台默认也是调用10000端口，可自行修改。<br>
5.微信小程序需要将appid和appsecret修改为自己的。

## 系统图片

#### 1.小程序端首页
<img src="./images/1.png" width="300" height="534" /><br>
#### 2.点餐页面
<img src="./images/2.png" width="300" height="534" /><br>
#### 3.购物车页面
<img src="./images/3.png" width="300" height="534" /><br>
#### 4.查看订单信息
<img src="./images/4.png" width="300" height="534" /><br>
#### 5.订单详情
<img src="./images/5.png" width="300" height="534" /><br>
#### 6.我的页面
<img src="./images/6.png" width="300" height="534" /><br>
#### 7.管理端登录页面
<img src="./images/7.png" width="600" height="300" /><br>
#### 8.管理端菜品种类
<img src="./images/8.png" width="600" height="300" /><br>
#### 9.管理端菜品管理
<img src="./images/9.png" width="600" height="300" /><br>
#### 10.管理端订单管理
<img src="./images/10.png" width="600" height="300" /><br>