README.md · Evan/Vue_shop_v3

## 电商后台管理系统 [预览](https://www.bookbook.cc/vue2/shopping-system-v3/#/login)

## 前端项目(当前) [预览](https://gitee.com/penggang-home/shopping-system)

## 后端项目 [预览](https://gitee.com/penggang-home/vue_shop_api_server)

## 电商数据可视化服务器 [预览](https://gitee.com/penggang-home/koa_server)

## API 接口文档 [预览](./API接口文档.md)

## 数据库文件 [点击下载 SQL 文件](https://gitee.com/penggang-home/vue_shop_api_server/tree/master/db)

如何运行该项目？

```js
//首先你应当克隆该项目
git clone https://gitee.com/penggang-home/shopping-system.git

// 然后 安装依赖
cnpm install

// 接下来 访问线上项目
npm run serve

```

## 一、项目介绍

该项目是基于 Vue 和 ElementUI 组件库 搭建的一个后台管理系统，能实现管理用户账号，商品分类，商品信息，订单，通过 Echarts 实现了不同商家、不同地区的销售数据可视化

![preview](./images/preview.png)

## 二、开发模式

电商后台管理系统整体采用前后端分离的开发模式,其中前端项目是基于 Vue 技术栈的 SPA 项目

## 三、技术栈

前端项目技术栈

- Vue
- Vue-router
- Element-UI
- Axios
- Echarts
- ES6 / ES7

后端项目技术栈

- Node.js
- Express
- Jwt
- Mysql
- Sequelize

## 四、项目预览

#### 4.1 登录界面

![login](./images/login.png)

#### 4.2 欢迎页面

![welcome](./images/welcome.png)

#### 4.3 用户管理

![userList](./images/userList.png)

#### 4.4 角色列表

![roles](./images/roles.png)

#### 4.5 权限列表

![rights](./images/rights.png)

#### 4.6 商品列表

![goods](./images/goods.png)

#### 4.7 分类参数

![params](./images/params.png)

#### 4.8 商品分类

![categories](./images/categories.png)

#### 4.9 订单管理

![orders](./images/orders.png)

#### 4.10 数据可视化页面 黑色主题

![login](./images/dataViewDark.png)

#### 4.11 数据可视化页面 亮色主题

![login](./images/dataViewLight.png)

#### 4.12 热销商品占比

![](./images/hot.png)

#### 4.13 商家分布

![](./images/map.png)

#### 4.14 地区销量趋势

![](./images/trend.png)

Evan/Vue_shop_v3

简介

发行版

贡献者

近期动态

Evan/Vue_shop_v3 .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

Evan/Vue_shop_v3