FoodShop

一个有完整全流程(商品列表，定位推荐，下单，支付，配送(定时任务)，订单，个人中心)业务场景的C端外卖项目，由20多个的页面承载实现!

Admin管理后台wiki

• admin wiki说明文档

实现的各个页面以及对应文档：

• Login 页面： Click It!

• 菜单管理 页面： Click It!

• 商铺管理 页面： Click It!

• 商品管理 页面： Click It!

用户端技术栈

Vue3 + Vue-router +Vite + Pinia + Arco-Design + SPA

项目运行

版本要求：
node (14.20 及以上版本)

git clone https://github.com/Exps-Lab/foodshop-admin.git

cd foodshop-admin

npm install

npm run dev

访问: http://localhost:8888（可依照需要自行更改配置）

Tips：项目运行前 请先安装并启动 mongoDB(port:28017，启动服务时注意)，保证数据正常存取和所有功能正常使用。目前项目数据都是从接口获取的真实数据！

h5效果演示

h5端线上效果演示，直接扫码体验：

Admin管理后台截图

欢迎页：

商铺列表页：

添加商铺页：

商品变更页：

用户列表页：

关联项目列表

项目	项目描述	技术栈	项目链接
foodshop-h5	FoodShop售卖系统——h5用户端	Vue3 + Vite + Vant + MPA	https://github.com/Exps-Lab/foodshop-h5
foodshop-node	FoodShop售卖系统——server端	Node + Mongodb + Mongoose + Express + Redis + RabbitMQ + Nginx + MVC模式	https://github.com/Exps-Lab/foodshop-node
foodshop-admin	FoodShop售卖系统——admin管理后台端	Vue3 + Vite + Arco.design + SPA	https://github.com/Exps-Lab/foodshop-admin

项目结构简介

.
├── README.md
├── build
│   └── new_tag.sh              生成tag脚本
├── index.html                  模板文件
├── package.json
├── public                      公共
│   └── favicon.ico
├── screenshot                  项目截图
│   ├── addGoods.png
│   ├── shopList.png
│   ├── shopModify.png
│   ├── userList.png
│   └── welcome.png
├── src
│   ├── App.vue                 项目入口
│   ├── api                     ajax定义
│   │   ├── common
│   │   ├── goods
│   │   ├── login
│   │   ├── menu
│   │   └── shop
│   ├── assets
│   │   └── logo.png
│   ├── auth.js                 路由权限控制
│   ├── components
│   │   └── ImgUpload           图片上传组件
│   ├── main.js                 js入口
│   ├── pages
│   │   ├── dashboard           控制台
│   │   ├── goods               商品相关页
│   │   ├── layout              基础布局页
│   │   ├── login               登录页
│   │   ├── menu                菜单展示
│   │   ├── noAuth              无权限展示页
│   │   ├── shop                商铺相关页
│   │   └── userList            用户列表页 todo
│   ├── router
│   │   └── index.js            路由表
│   ├── store
│   │   ├── auth.js             权限store
│   │   └── user.js             存储用户信息
│   ├── styles
│   │   ├── index.less          全局样式
│   │   └── reset.less          reset重置默认
│   └── utils                   工具类
│       ├── index.js
│       ├── login_token.js
│       └── request.js
├── vite.config.js              vite配置
└── viteConf
    ├── cssConf.js              vite拆分postcss配置
    └── index.js

29 directories, 53 files

License

GPL