# Vue_Element_ShopManage

**Repository Path**: waynexuhao/Vue_Element_ShopManage

## Basic Information

- **Project Name**: Vue_Element_ShopManage
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-03-28
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 基于Vue.js和Element-ui的商城后台管理系统

> ## 1.项目运行：
- git clone 到本地
- cd 到 vue_element_shop_manage目录下运行:

```
npm install 或者 cnpm install
```
- 运行：

```
npm run serve
```
- 浏览器打开 http://localhost:8080/ 
> ## 2.项目功能（多图）
### 1.登录&登出&欢迎（默认用户&密码：admin,123456）
- [x] 登录（token验证）
- [x] 登出
- [x] 收起侧边栏

---

![登录](https://i1.fuimg.com/711726/1fe76aba79dc6ac3.png)

![welcome页面](https://i1.fuimg.com/711726/0746513933bbf916.png)

![收起侧边栏](https://i1.fuimg.com/711726/62719e0654133c67.png)

### 2.用户管理
- [x] 用户列表
- [x] 列表分页
- [x] 添加用户
- [x] 编辑用户
- [x] 删除用户
- [x] 分配角色

---
![用户列表](https://i1.fuimg.com/711726/7e891d33d8364716.png)

![添加用户](https://i1.fuimg.com/711726/4b7607d15c5c099d.png)

### 3.权限管理
- [x] 角色列表
- [ ] 添加角色（功能重复）
- [ ] 删除角色（功能重复）
- [x] 权限分配
- [x] 权限列表

---
![角色列表](https://i1.fuimg.com/711726/f8b9b072102e37e8.png)

![分配权限](https://i1.fuimg.com/711726/9ca8488aee60dfab.png)

![权限列表](https://i1.fuimg.com/711726/59cc964e32c8b2fd.png)

### 4.商品管理
- [x] 商品列表
- [x] 添加商品
- [x] 删除商品
- [ ] 编辑商品
- [x] 商品分页
- [x] 分类参数
- [x] 分类列表
- [x] 添加分类
- [ ] 编辑分类
- [ ] 删除分类


---
![商品列表](https://i1.fuimg.com/711726/46fa689dfe537843.png)

![添加商品](https://i1.fuimg.com/711726/58d357a91b86f28f.png)

![分类参数](https://i1.fuimg.com/711726/b3c5276435c6ce2d.png)

![商品分类](https://i1.fuimg.com/711726/b717a442d69bf18d.png)

### 5.订单管理
- [x] 订单列表
- [x] 地址修改
- [x] 物流进度

---
![订单列表](https://i1.fuimg.com/711726/17c622da1ccb3a28.png)

![物流进度](https://i1.fuimg.com/711726/b8f3feaeeb92b73e.png)

### 6.数据统计
- [x] 数据报表

---
![数据统计](https://i1.fuimg.com/711726/9abab6d201cfa144.png)