# 数据中台 **Repository Path**: willwong/data-center ## Basic Information - **Project Name**: 数据中台 - **Description**: 基于Vue、Vuex、Vue Router、axios、element-ui、DataV、v-charts、Js-cookie进行开发，采用前后端分离的开发模式。 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2021-05-25 - **Last Updated**: 2022-07-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 数据中台（内部版本V2.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将项目部署上线。 ## 使用方法： ``` # 克隆项目 git clone -b dev http://www.sfddata.tech:10080/datacenter/business_server.git # 进入项目目录 cd qs_data_center # 安装依赖 npm install # 建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题 npm install --registry=https://registry.npm.taobao.org # 启动服务 npm run dev ``` ## 目录结构： src下目录结构： ``` ├─api // api 接口 ├─assets // 静态资源 │ ├─404_images │ ├─iconfonts │ └─register ├─components // 公共组件 │ ├─Breadcrumb │ ├─ErrorLog │ ├─GithubCorner │ ├─Guide │ ├─Hamburger │ ├─HeaderSearch │ ├─LangSelect │ ├─Pagination │ ├─PanThumb │ ├─Screenfull │ ├─SizeSelect │ ├─SvgIcon │ └─TextHoverEffect ├─icons │ └─svg ├─lang // 国际化 ├─layout │ ├─components │ │ └─Sidebar │ └─mixin ├─router ├─store │ └─modules ├─styles ├─utils └─views // 项目页面路径 ├─analyse // 数据分析模块 │ ├─customerAssets │ │ ├─dataOverview │ │ └─UserPortrait │ ├─JDmall │ │ ├─commentAnalyse │ │ ├─PropertyDetail │ │ │ ├─mattressProperty │ │ │ ├─pillowDetail │ │ │ └─PropertyDetail │ │ └─SalesData │ │ └─components │ │ ├─detailsForm │ │ ├─mattress │ │ └─pillow │ ├─offlineMall │ │ ├─menu1 │ │ └─menu2 │ ├─onlineMall │ │ ├─JDForm │ │ ├─salesVolume │ │ └─TB │ ├─tiktok │ │ ├─dataOverview │ │ └─menu2 │ ├─wechat │ │ ├─applets │ │ └─weChatSubscription │ └─weibo │ ├─dataMap │ │ ├─ageMap │ │ ├─areaMap │ │ ├─components │ │ └─membershipLevelMap │ └─dataOverview ├─customer │ ├─customerByArr │ └─customers ├─dashboard │ ├─admin │ │ └─components │ │ ├─mixins │ │ └─TodoList │ └─editor ├─data │ ├─dataCenter │ │ └─components │ ├─privateData // 私域数据 │ └─publicData // 公域数据 │ ├─jingdongData // 京东数据 │ │ ├─downloadData │ │ ├─importData │ │ │ └─components │ │ └─uploadData │ └─weiboData // 微博数据 │ ├─downloadData │ └─importData │ └─components ├─help │ ├─guide │ └─manual ├─login // 登录模块 │ └─components ├─marketing │ ├─activityManage │ │ ├─MarketingCalendar │ │ └─menu2 │ ├─ContentManage │ │ ├─mailTemplate │ │ ├─smsTemplate │ │ ├─wechatQRcode │ │ └─wechatTemplate │ └─ItineraryManage │ ├─CustomerArrange │ └─menu2 ├─register // 注册模块 │ └─components ├─resetPwd // 重置密码模块 │ └─pages └─setting // 设置模块 ├─basicSettings │ ├─authorityManage │ ├─channelManage │ ├─enterpriseInfo │ ├─operationLog │ └─userManage ├─customers │ ├─labelManage │ │ └─components │ └─menu2 ├─personalCenter ├─setMarketing │ ├─calendarManage │ ├─mailAccount │ ├─officialAccount │ ├─smsAccount │ └─userManage ├─settingAnalyse │ ├─advertising │ └─menu2 ├─smartShoppingGuide │ ├─contentManage │ └─menu2 └─weibo ├─dataMap │ └─components └─dataOverview ``` ## 技术支持 [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/) ## TODO 1. 优化登录效果 2. 部分页面优化响应式，适应各种尺寸屏幕 3. 将部分功能模块封装成组件提高复用性 ## 部分截图 - 4.10 更新 ![](img/4-10.png) ![](img/4-10-1.png) ![](img/4-10-2.png) ![](img/4-10-3.png) ![](img/4-10-4.png) ![](img/4-10-5.png) ![](img/4-10-6.png) --- - 4.7 更新 ![](img/47.png) ![](img/47-2.png) - 3.25 更新 ![p7](img/京东销售数据2.png) --- ![p1](img/京东数据概览.png) ![p2](img/全球销售量.png) ![p3](img/营销日历.png) ![p4](img/微博数据图表.png) ![p5](img/微博数据概览.png) ![p6](img/京东销售数据.png)