vue-delivery外卖商城: Vue-Delivery是一个基于Vue2框架的外卖项目，包含用户端、商家端和骑手端。前端采用Vue2+Vant2+BetterScroll，后端采用Node.js+Express，数据库采用MySQL。整个项目由个人独立完成，是从零开始的第一个实践项目。项目目前存在很多bug，慢慢改吧(ㄒoㄒ)/~~

# vue-delivery

介绍

v1.0.0简易外卖全栈系统，vue2 + node.js + express + mysql 包含用户端、商家端、骑手端（外卖员）。大部分内容采用vant2组件库，移动端界面、还未做兼容，用户端推荐使用iPhone 12 Pro进行浏览，商家端和骑手端推荐使用iPhone XR进行浏览，基本上功能都已完成，但bug很多，尤其是BetterScroll，目前已完成用户登录，token验证，订单管理，评论管理，菜品管理，等等

前端美工参考：
https://js.design/community?category=detail&type=resource&id=625636e23231bdeee2f6072d
https://js.design/community?category=detail&type=resource&id=64990dc951da398bbc7fd3df

#### 项目目录：
```
    v1.0.0 前端：vue-delivery-src
           后端：vue-delivery-server
           mysql链接配置: vue-delivery-server/db/sql.js （express + 原生sql） 账号密码：root 123456
           数据库资源名称为ku.sql，dataGrip等软件导入就行
```

#### 安装教程

- 项目于以 `npm`  安装依赖
- `npm  install`
- 启动项目 ： web:`npm run serve`  admin:`nodemon start`
- 后端默认监听的是3000端口，在vue.config.js里进行配置

### 预览
//用户端
![输入图片说明](showPicSnipaste_2024-02-19_20-07-39.png)
![输入图片说明](showPicSnipaste_2024-02-19_20-08-28.png)
![输入图片说明](showPicSnipaste_2024-02-19_20-09-24.png)
//商家端
![输入图片说明](showPicSnipaste_2024-02-19_20-09-43.png)
![输入图片说明](showPicSnipaste_2024-02-19_20-10-52.png)
![输入图片说明](showPicSnipaste_2024-02-19_20-11-11.png)
![输入图片说明](showPicSnipaste_2024-02-19_20-11-27.png)
//骑手端
![输入图片说明](showPicSnipaste_2024-02-19_20-12-03.png)

chen/vue-delivery外卖商城

简介

发行版

贡献者

近期动态

chen/vue-delivery外卖商城 .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

chen/vue-delivery外卖商城