# About

此项目是 vue + element-ui 构建的后台管理系统，是后台项目[node-elm](https://github.com/bailicangdu/node-elm) 的管理系统，所有的数据都是从服务器实时获取的真实数据，具有真实的注册、登陆、管理数据、权限验证等功能。

__注：项目预览地址和接口需要使用https访问哦！__


# 说明

>  如果对您对此项目有兴趣，可以点 "Star" 支持一下 谢谢！ ^_^

>  或者您可以 "follow" 一下，我会不断开源更多的有趣的项目

>  开发环境 macOS 10.12.4  nodejs 6.10.0

>  如有问题请直接在 Issues 中提，或者您发现问题并有非常好的解决方案，欢迎 PR 👍

>  传送门：[前端项目地址](https://github.com/bailicangdu/vue2-elm)  、 [后台系统地址](https://github.com/bailicangdu/node-elm)  、 [原生APP项目地址](https://github.com/bailicangdu/RN-elm)


## 技术栈

vue2 + vuex + vue-router + webpack + ES6/7 + less + element-ui


## 项目运行


```
git clone https://github.com/bailicangdu/vue2-manage  

cd vue2-manage  

npm install 或 yarn(推荐)

npm run dev (访问线上后台系统)

npm run local (访问本地后台系统，需运行node-elm后台系统)


访问: http://localhost:8002

```


# 效果演示

#### (可在后台管理系统添加商铺，食品等数据，并在前端地址查看效果)

[查看效果请戳这里](https://cangdu.org/manage/)


### 前端项目网址

[前端网址请戳这里](https://cangdu.org/elm)（请用chrome手机模式预览）

###### 移动端扫描下方二维码

<img src="https://github.com/bailicangdu/vue2-manage/blob/master/screenshots/ewm.png" width="200" height="200"/>

# 功能列表

- [x] 登陆/注销 -- 完成
- [x] 添加商铺 -- 完成
- [x] 添加商品 -- 完成
- [x] 数据展示 -- 完成
- [x] 管理用户 -- 完成
- [x] 管理商铺 -- 完成
- [x] 食品管理 -- 完成
- [x] 权限验证 -- 完成
- [x] 管理员设置 -- 完成
- [x] 图表📈 -- 完成
- [x] 富文本编辑器 -- 完成


# 部分截图


<img src="https://github.com/bailicangdu/vue2-manage/blob/master/screenshots/manage_home.png"/>

<img src="https://github.com/bailicangdu/vue2-manage/blob/master/screenshots/manage_shop.png"/>


# License

[GPL](https://github.com/bailicangdu/vue2-manage/blob/master/COPYING)