这是一个仿饿了么 webapp 项目的后台管理系统，由 vite 构建，使用 vue3 + element plus 编写，绝大部分数据从后台项目node-elm中获取，少量没有对应 api 的则通过 Easy-Mock 生成下载在本地 mock 中。本项目参考了 bailicangdu 大佬vue2-manage项目的代码，页面样式和风格上趋近于 iview pro 和 antd pro，许多国外的后台管理系统界面都相当酷炫，但感觉这两者更符合国内的审美，功能性上也更实用。
项目使用选项式写法，在项目后续的完善升级中依然会沿用。如果之后使用 ts 重构的话，会全部改成 composition api。
最开始是先做的 react 版，但是实现过程中遇到了不少问题，反倒是 vue 版的先做出来了，等对 react hook 研究得更透彻一点的话会把 react 版的做完上传上来，敬请期待（最好也不要太期待了，本人懒_(∠ ゝ з:)_
项目还在完善中，后续会添加更多的功能
注：后台数据接口会不定时崩溃，作者一般会自行修复，但时间不定，建议在本地搭建服务端。
vue3 + element plus + vite + echarts + axios + sass + skeleton + particles + ES6/7
node 版本
[16.18.0]
git clone https://github.com/winterfree/vite-elm-manager
cd vite-elm-manager
npm install 或 yarn
npm run devdemo 地址（请在 PC 端预览）
登录
首页
商家列表
添加商品
管理员设置
编辑器
说明
vite-elm-manager
├── src
│ ├── api
│ │ ├── mock
│ │ └── index.js
│ ├── assets
│ │ ├── doc
│ │ ├── style
│ │ └── vue.svg
│ ├── components
│ │ ├── card
│ │ ├── charts
│ │ ├── common
│ │ ├── skeleton
│ │ ├── NavFoot.vue
│ │ ├── NavHead.vue
│ │ └── NavLeft.vue
│ ├── config
│ │ ├── env.js
│ │ ├── getTimes.js
│ │ ├── options.js
│ │ └── particles.js
│ ├── mixins
│ │ └── baseCardMixin.js
│ ├── model
│ │ ├── fetch.js
│ │ ├── request.js
│ │ └── usemock.js
│ ├── plugins
│ │ ├── mdEditor
│ │ └── index.ts
│ ├── router
│ │ └── index.js
│ ├── store
│ │ └── index.js
│ ├── utils
│ │ ├── common.js
│ │ └── storage.js
│ ├── views
│ │ ├── AddGoods.vue
│ │ ├── AddShop.vue
│ │ ├── AdminList.vue
│ │ ├── AdminSet.vue
│ │ ├── ApiDoc.vue
│ │ ├── FoodList.vue
│ │ ├── Home.vue
│ │ ├── Introduce.vue
│ │ ├── Login.vue
│ │ ├── Manage.vue
│ │ ├── Markdown.vue
│ │ ├── OrderList.vue
│ │ ├── RichText.vue
│ │ ├── ShopList.vue
│ │ ├── Update.vue
│ │ ├── UserList.vue
│ │ └── Visitor.vue
│ ├── App.vue
│ └── main.js
├── LICENSE
├── README.en.md
├── README.md
├── index.html
├── package-lock.json
├── package.json
└── vite.config.js如果项目对您有帮助，希望您能右上角点个 star 支持一下，谢谢
欢迎 issue，本项目会长期更新，欢迎大家指出问题，共同学习
👤 Richard Yan
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent