第1章 课程介绍 3 节 | 4分钟

课程介绍

收起列表

• 图文： 1-1 预习：课程食用指南
• 视频： 1-2 数据可视化爆品课导学视频 (03:18)
• 图文： 1-3 【讨论题】谈谈对数据可视化的理解

第2章 数据报表项目初始化+核心指标组件开发 16 节 | 93分钟

夯实基础知识后，我们将开启数据报表项目，本章将带大家完成项目初始化，并集成element-ui和echarts库，知识点很多，赶紧拿起小本本学起来。

收起列表

• 图文： 2-1 本章概述
• 视频： 2-2 数据报表项目简介 (04:18)
• 视频： 2-3 关于技术选型的说明 (01:27)
• 视频： 2-4 项目初始化 (05:52)
• 视频： 2-5 element-ui 和 echarts 引入 (05:20)
• 视频： 2-6 容器组件初始化 (03:47)
• 视频： 2-7 顶部核心指标组件布局开发 (05:27)
• 视频： 2-8 核心指标公共组件抽取 (14:35)
• 视频： 2-9 累计销售额组件开发 (09:14)
• 视频： 2-10 累计订单量组件开发 (14:17)
• 视频： 2-11 今日交易用户数组件开发 (07:00)
• 视频： 2-12 累计用户数组件开发1 (08:59)
• 视频： 2-13 累计用户数组件开发2 (12:32)
• 图文： 2-14 【学习任务】数据报表顶部组件开发
• 图文： 2-15 【讨论题】如何抽象业务组件
• 图文： 2-16 本章回顾

第3章 核心指标组件重构+销售趋势组件开发 13 节 | 119分钟

本章我们重点使用vue-echarts组件重构代码中应用echarts部分代码，利用vue-echarts简化echarts开发。

收起列表

• 图文： 3-1 本章概述
• 视频： 3-2 vue-echarts 组件库入门 (08:51)
• 视频： 3-3 v-charts 组件库入门 (08:28)
• 视频： 3-4 vue-charts 重构核心指标组件 (04:44)
• 视频： 3-5 销售趋势组件容器+头部开发1 (15:06)
• 视频： 3-6 销售趋势组件容器+头部开发2 (14:17)
• 视频： 3-7 销售趋势图表和列表开发 (20:00)
• 视频： 3-8 搜索关键词组件开发1 (11:48)
• 视频： 3-9 搜索关键词组件开发2 (10:43)
• 视频： 3-10 分类销售排行组件开发 (24:54)
• 图文： 3-11 【学习任务】完成销售趋势组件开发
• 图文： 3-12 【讨论题】谈谈对 vue-echarts 和 v-charts 的理解
• 图文： 3-13 本章回顾

第4章 数据大盘+vue-element-admin集成+部署 21 节 | 206分钟

有地图可视化知识加持，现在可以愉快地完成数据报表项目了，再接上真实API，妥妥的商业级项目。

收起列表

• 图文： 4-1 本章概述
• 视频： 4-2 销售大盘地图组件开发 1 (11:34)
• 视频： 4-3 销售大盘地图组件开发2 (14:23)
• 视频： 4-4 v-charts移植销售大盘地图组件 (14:09)
• 视频： 4-5 销售大盘组件集成 (08:25)
• 视频： 4-6 水球图的基本用法 (19:01)
• 视频： 4-7 支付转化率组件开发 (16:08)
• 视频： 4-8 词云图的基本用法 (13:28)
• 视频： 4-9 http请求公共方法封装 (07:45)
• 视频： 4-10 防盗版接口接入（重要章节） (06:52)
• 视频： 4-11 provide+inject 实现组件通信 (12:17)
• 视频： 4-12 累计销售额组件数据接入 (08:17)
• 视频： 4-13 千分位算法实现 (10:23)
• 视频： 4-14 顶部核心指标组件数据接入 (13:21)
• 视频： 4-15 销售额组件API对接 (07:10)
• 视频： 4-16 搜索量组件API对接 (20:04)
• 视频： 4-17 品类分布组件 API 对接 (13:57)
• 视频： 4-18 销售大盘+用户增长+热门搜索 API 对接 (08:01)
• 图文： 4-19 【学习任务】完成数据大盘组件开发
• 图文： 4-20 【讨论题】谈谈对 provide 和 inject 的理解
• 图文： 4-21 后续学习建议