# vue_shop

**Repository Path**: bk725/vue_shop

## Basic Information

- **Project Name**: vue_shop
- **Description**: vue_shop是一个电商管理系统的前端项目，基于Vue+Element实现。主要包括：用户管理、权限管理、商品管理、订单管理、数据统计、数据报表、角色、分类、商品等功能。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: http://www.bk725.top
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 0
- **Created**: 2020-07-14
- **Last Updated**: 2023-04-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue_shop

## 前言
```
该项目为前后端分离项目的前端部分，后端部分届时上传：
```

## 项目介绍
`vue_shop`是一个电商管理系统的前端项目，基于Vue+Element实现。主要包括：用户管理、权限管理、商品管理、订单管理、数据统计、数据报表、角色、分类、商品等功能。

## 项目演示
项目在线演示地址：[http://www.bk725.top](http://www.bk725.top)  

github地址：[https://github.com/BK-725/vue_shop](https://github.com/BK-725/vue_shop)

##### 登录页面
![登陆页面](images/login.png)

##### 页面首页
![页面首页](images/home.png)

##### 用户管理
![用户管理](images/user.png)

##### 权限管理
![权限管理](images/order.png)

##### 商品管理
![商品管理](images/goods.png)

##### 订单管理
![订单管理](images/auth.png)

##### 数据统计
![数据统计](images/data.png)

## 技术选型

技术 | 说明 | 官网
----|----|----
Vue | 前端框架 | [https://vuejs.org/](https://vuejs.org/)
Vue-router | 路由框架 | [https://router.vuejs.org/](https://router.vuejs.org/)
Element | 前端UI框架 | [https://element.eleme.io/](https://element.eleme.io/)
Axios | 前端HTTP框架 | [https://github.com/axios/axios](https://github.com/axios/axios)
v-charts | 基于Echarts的图表框架 | [https://v-charts.js.org/](https://v-charts.js.org/)
nprogress | 进度条控件 | [https://github.com/rstacruz/nprogress](https://github.com/rstacruz/nprogress)
vue-element-admin | 项目脚手架参考 | [https://github.com/PanJiaChen/vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)

## 项目布局
```lua
src -- 源码目录
├── assets -- 静态图片资源文件
├── plugins -- element按需加载组件
├── router -- vue-router路由配置,懒加载模式
└── components -- 前端页面
    ├── login -- 登录页面
    ├── Welcome -- 首页
    ├── user -- 用户管理
    ├── power -- 权限管理
    ├── goods -- 商品管理
    ├── order -- 订单管理
    └── report -- 数据统计
public -- 源码目录
├── index.html -- 为了降低cli的大小.将所有加载文件放到index中
```
## 联系方式
交流学习
#### V：bk72500
#### QQ：80371033