# qs_data_center

**Repository Path**: wang_faming/qs_data_center

## Basic Information

- **Project Name**: qs_data_center
- **Description**: 数据中台项目，基于Vue
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: dev
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2021-04-15
- **Last Updated**: 2021-04-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 数据中台（内部版本V1.0）
## 项目描述：
基于Vue、Vuex、Vue Router、axios、element-ui、DataV、v-charts、Js-cookie进行开发，采用前后端分离的开发模式。

## 主要功能：

主要是对数据进行展示、分析、管理。数据可分为公域数据和私域数据，公域数据来自微博、京东、淘宝、公众号、抖音等；私域数据来自企业内部。

## 技术要点：
1.使用vue-element-template构建项目的基本结构，Element-UI组件库中的部分功能进行快速开发,采用vue-router 配置 路由来处理各组件之间的通讯, axios请求服务器数据和权限校验;

2.采用cookie保存Token的方式验证用户登录; 

3.对Axios等组件进行封装;

4.采用mockjs在开发阶段模拟数据,实现前后端分离开发;

6.采用Vuex进行状态管理

7.采用Vue Router管理路由

8.采用v-charts、 DataV组件绘图表，展示后端数据

9.使用Webpack进行项目打包,实现代码优化功能;使用git 代码管理工具。

10.使用FileZilla  ftp工具连接云服务器,使用Ngnix将项目部署上线。


## 部分截图

![p1](img/京东数据概览.png)
![p2](img/全球销售量.png)
![p3](img/营销日历.png)
![p4](img/微博数据图表.png)
![p5](img/微博数据概览.png)
![p6](img/京东销售数据.png)


## 技术支持
[Vue](https://vuejs.org/)      
[element-ui](https://element.eleme.io/)           
[Vue router](https://router.vuejs.org/)          
[Js-cookie](https://github.com/js-cookie/js-cookie)            
[阿里巴巴矢量图标库](https://www.iconfont.cn/)                  
[vue-element-template](https://github.com/PanJiaChen/vue-admin-template)              
[v-charts](https://v-charts.js.org/#/)             
[DataV](http://datav.jiaminghi.com/)