课程简介

Vue + EChart4.0 从0到1打造商业级数据报表项目

Vue + EChart4.0 从0到1打造商业级数据报表项目完结无密版,网盘分享,本课围绕企业级数据可视化项目,使用Vue、EChart4.0 从零开始开发一套外卖报表项目,让你快速掌握前端数据可视化开发流程,提高前端差异化竞争力,

相关课程推荐:体系课-数据可视化入门到精通-打造前端差异化竞争力

Vue + EChart4.0 从0到1打造商业级数据报表项目

Vue + EChart4.0 从0到1打造商业级数据报表项目

课程目录

第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 后续学习建议

Vue + EChart4.0 从0到1打造商业级数据报表项目

发表回复

登录... 后才能评论