# vue_shop_server

**Repository Path**: zijingvue/vue_shop_server

## Basic Information

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

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-04-01
- **Last Updated**: 2021-04-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue_shop_server

#### 介绍
项目描述：电商后台管理系统采用前后端分离的开发模式，前端项目是基于Vue的SPA项目，用户可以使用该系统实现员工管理，商品管理和查看数据报表

前端技术栈：Vue，Vue-Router，Element-UI，Axios，Echarts

#### 使用说明

1. vue_api_server 存放这个系统的后台服务器，入口文件是vue_api_server/app.js; </br>
    db是数据库文件夹先加载数据库，然后在控制台npm install，再运行node app.js就可以启动后台服务器

2. 前端使用node启动，入口文件是app.js

    

# 登录界面
![Image text](https://gitee.com/zijingvue/vue_shop_server/raw/master/txtimg/1.png)
# 用户管理

## 用户列表

![Image text](https://gitee.com/zijingvue/vue_shop_server/raw/master/txtimg/2.png)

# 权限管理

## 角色列表

![Image text](https://gitee.com/zijingvue/vue_shop_server/raw/master/txtimg/3.png)

## 权限列表

![Image text](https://gitee.com/zijingvue/vue_shop_server/raw/master/txtimg/4.png)

# 商品管理

## 商品列表

![Image text](https://gitee.com/zijingvue/vue_shop_server/raw/master/txtimg/11.png)

## 添加商品

![Image text](https://gitee.com/zijingvue/vue_shop_server/raw/master/txtimg/5.png)

## 分类参数

![Image text](https://gitee.com/zijingvue/vue_shop_server/raw/master/txtimg/6.png)

## 商品分类

![Image text](https://gitee.com/zijingvue/vue_shop_server/raw/master/txtimg/7.png)

# 订单管理

![Image text](https://gitee.com/zijingvue/vue_shop_server/raw/master/txtimg/8.png)

# 数据统计

![Image text](https://gitee.com/zijingvue/vue_shop_server/raw/master/txtimg/9.png)