156_CRM项目-Echarts统计图1原创

啊，还是啊，咱们先把这个服务起开啊，看一下我们还差这个最后一块啊，就是这个统计图表那一块啊。啊，咱们差个这个统计图表，这个统计图表啊，咱们做一个这个交易统计图表啊，交易统计图，这个交易统计图我们主要要这个统计的啊，就是根据咱们交易的不同的阶段的数量来进行一个统计，然后咱们要做一个那个倒三角啊漏斗图，好，我们来看一看啊。喂。大家注意看啊，有有一些同学会报这个问题啊，这个什么11OUT的这个异常是吧？啊，这个就是咱们这个开发环境的这个问题啊，暂时先不用管它，以后其实我们这个项目真正部署到服务器当中，这种问题是不会发生的啊，所以说暂时不用去理他就行了，OK吧，好，我们来看一看啊，这个。

页面啊，Worker bench这个统计图啊，在这呢啊，这个chart，咱们这个chart啊，可以统计这个市场活动啊，可以统计这个线索，咱们要统计的是这个交易啊，你看第三个就是customer and a cat啊，这个就是客户和联系人对吧？好，这里边儿咱们啥也没有啊。我给他溜出来一个。六出来一个这个JSP啊。有款呢，叫index减SP。这个HTML呢，我先给他干掉啊。

嗯。啊，这里边儿，我这个模板里边写个这个123啊，我看看他能不能谈。统计图表怎么？交易统计图。咱们这个路径没改呢是吧，找到一下这个菜单的这个路径啊，这我现在关了一会儿再起啊。我去下面的。先把这个打开啊，Worker bench下面的index.jsp对吧。找一找啊。啊，统计图表啊，在这儿呢，啊下边呢，是这个各种的这个统计图，咱们得加这个work bench对吧？Worker bench下的chart下的transaction下的index。

啊接啊。好，取消服务啊。啊，统计图。行了，这个页咱就有了啊，咱们就在这个页上啊去。这个引入我们这个交易阶段这个统计图啊，先来一个这个需求。需求在这写。

需求啊，根据这个啊，交易表中的。啊，不同的阶段的数量啊，进行啊一个统计啊，最终形成一个这个啊漏斗图啊，这个漏斗图就相当于是一个什么呢？这个倒三角啊。没错吧，哎，倒三角啊。倒三角好啊，为什么是这个倒三角呢？我们将这个啊统计出来的阶段的数量比较高的。啊，往上面排列。好，反之啊。数量这个啊，比较少的啊，统计的数量比较多的吧，用多吧。

啊，比较少的啊，这个往下面排列啊，也就是说我们现在啊多的往上排，你看啊，它就相当于它就它比较宽，OK吧，它少呢，它就越窄，它形成的是一个看到没漏斗图，OK吧，你看从这个漏头的这个水容量来看的话，是不是越往上边的这个。哎，它这个容量就越大呀，对不对啊，越往下面它越窄啊，容量就越小，OK吧，我们现在要形成一个这个漏斗图啊好，那老师什么叫统计不同阶段的这个数量呢？好，我们现在来一条这个SQL语句啊啊。Circle，好，呃，这个需求再写的这个明确一点啊。好，这个例如啊啊零一这叫什么呢？零一叫什么来着，资质审查对吧，审查比如说一共有多少条呢？啊一共有十条OK吧，零二需求分析呢，咱比如说有。

85条。好，那么零三价值建议。啊，比如说有三条啊啊等等等啊，咱比如说来个零七啊，为这个成交好，咱们来一个。最近成交的比较多呀，咱们来个100条吧，行吧，好，那大家注意看啊，这可不是按照这个顺序来的啊，不是说零一他越最少零七的越多，对吧？好，不一定在每个阶段啊，不一定在每个阶段啊，它是多少条呢？对于我们现在来看的话，是不是成交是最多呢，对不对，然后处于零二阶段的啊，也比较多，对不对啊，零一和零三的这个零三是最少的，对对，所以说我们现在就需要画出来这么一张这个图啊啊。

那这个图呢，咱们是这样的啊。这是一个漏斗图。啊，大家注意啊，谁往上排啊。多往上排，谁谁排第一位。零七。成交是不是100条排第一位啊啊，还有谁谁排第二位呢？零二需求分析，排第二位是这样吧，然后。零一排第三位，然后零三最后排第四位，咱们形成一个这个倒三角这个图，OK吧，那为什么非得形成一个图呢？那老师这个把这个条数给查出来不就得了吗？就查出来我们形成一张这个统计图啊，这个这个报表啊，其实也可以，但这个统计图这种形式啊，啊会更容易让人去接受，OK吧啊也就是说啊，以后在这个实际项目开发当中，现在对于这个统计图的这一部分啊，啊还是这个挺吃香的，领导其实都是喜欢看图的啊，OK吧，所以说现在啊，无论是你是做这个现在这个it行业啊，还是做一些个比如说设计的行业，或者说是你是做一些个啊需求分析的这个行业，比如说他得做PPT，对吧？啊都是画图，图画的越好看越精美，诶，显示的这个统计的这个数据啊，他就越直观是这样吗？OK啊，所以说现在好多人讨厌这个做那个PPT的嘛，对不对。

啊啊，新东方不是有那么一首歌吗，是吗？啊，来做PPT的一天啥事不干就给你画图，领导就是喜欢升职加薪是吧？啊来咱们这个售后语句应该怎么写呢？咱们是应该按照什么进行分组呢，同学们。对，按照什么呢？这个阶段进行一个这个分组，对吧，分组啊啊，那咱们这个circle等于select。

From肯定是咱们这个train这张表对吧。嗯。查的是什么？查什么最一般来讲啊，查什么东西，一般来讲都是最后说啊OK吧，那咱们可以先把这个where给写上，有没有where同学们。为什么？貌似没味儿吧。有查询条件没？刚才说了咱们得分组对不对。咱们直接干完就行啊，Gup是不是个BY啊，按照哪个字段进行分组对不对，哎，分组分完了就得了呗，那select后边咱们都能出现什么信息呢。我出现一个交易的名称可不可以？

这就不可以了，对吧，也就是说当你分组之后，它这个slide后面只能出现分组字段，以及那个聚合函数嘛，对吧，好，所以说我们现在可以来一个叫做ST。再来一个什么con啊，这个这道题啊，咱们以前貌似。说过。啊，还记不记得，以前老师给大家举例子，比如说吴亦吴叫叫吴亦凡的有多少人，叫鹿晗的有多少人，还记得吗？啊，一个班级里吗？对吧，咱们根据这个分组啊，进行一个统计啊，这个售后语序咱们已经确定了啊，啊根据这个阶段的这个数量啊。啊，根据这个阶段进行分组统计的是这个数量，好，那么接下来呢，我们就来做一个这个图啊，那对于我们现在的这个it界的这个统计图啊，统计图其实以前啊，这个技术还是提供的这个挺丰富多彩的，挺多的啊，但是呢，以前的这个图啊，相对来讲啊比较low OK吧，现在有一种很新型的这个图啊，现在用的比较多的啊。

啊叫做什么叫做啊，听过吧。听都没听完。E trust啊啊，这个e trust，咱们来看一看这个官网啊，同学们啊。你看看这个一串是是哪个公司的同学。百度的啊，这是百度的啊啊也就是说啊，这个e trust啊，作为统计图来讲啊，是属于我们的这个国人的骄傲，OK吧啊全世界现在都在用这个ER啊啊很流行的OK吧，好呃，我为什么这个要把这个官网打开呢？是因为啊一会儿咱们要通过这个实例或者是这个文档啊，一起来这个看一看，一起来学一学这个一串啊我没有把这回我没有把这个源码啊贴在咱们那个课件上，是因为啊我是真心的觉得咱们这个百度的这个E串这个文档啊啊给你做这个教程简直就是。

业界标杆呢，我觉得他做的非常好，那我为什么要上课的时候带你们做呢？因为以后在咱们这个实际项目开发当中啊，哎哎，不是你们想的那样，以前老师跟大家说过吧，对吧，不是你们想那样，哎从这个啊学校毕业了，到时候我哎再再月薪一过万，那就无敌了，对不对啊，我就起来了，哎真的到时候你们那个精气神都不一样了。哎，真的，你看我那个是昨天还是昨天咱上课是吧，就前天前天咱不是休息吗？我一点不夸张，我就在这个后边，就咱们这个墙背后这条路上，下午是四点来钟吧，风刮老大了，得十级风，我顶着风去食堂看有啥吃的呢，然后碰到咱一个学生，咱才毕业的啊，以前就是在我眼里边看来吧，就是挺挺挺挺闷的那么一个学生，不是很开朗啊。

啊，说话这个小声小气了啊，真的我一点不夸张，就前天的事，然后他也顶着风，他干啥去呢？他去办那个离职证明去，然后那个拿个拿个戳去干嘛去啊，然后老师我找到工作了，我说什么工作呀，完了做好像做什么什么什做什么地图的什么玩意儿的啊好一个月是一万一还是一万二来着，14星还16星，我忘了当时刮大风，我我心里边可替他高兴了，哎，就当时给我那种感觉，那个精气神，他就是不一样。我就觉得这人一下就起来了，那种感觉你知道，但他在班里边以前学习不不是很好，说句实话，他还降过级呢啊，这不是不是不是那么特别出色的，知道吗？啊，一下人就他他他他就不一样，但是我我想说的是什么，你不一样是不一样的，但是以后在企业里边不是咱们想象那样啊诶。

来一个项目，这啪就是开发，那不可能OK吧，我们现在会的都是这个主干性的东西啊，咱们这个市面上常见的这些知识点，那以后你们在这个实际项目开发的时候，100%会遇到什么呢？诶这个旁支细节的那些东西啊，市面上非主流或者说是什么呢？我们以后啊，这个在这个真正用到的时候才会去学的东西，能理解吧。OK吧，这些东西在面试的时候是绝对不会考的，因为对于Java啊，这个旁支细节的东西，我毫不夸张的讲啊，咱们学三辈子，学八辈子你都学不完，能理解吧，所以说只能是什么呢？我们会这门语言是会这门是这个基础，会这门主干能理解吧，将来啊，SM框架打天下，包括最后一个阶段给你们普及一些这个高级的知识点，其实这些都是主观，那其实在以后实际项目开发当中呢，都是什么呢？你每个项目都会遇到一些个什么呢？这个特殊需求，这个特殊需求是分成两种情况，第一种情况是什么呢？咱们遇到一个比较大的东西。

比如说客户啊，一拍脑门给我按地图吧，那这个东西他你自己肯定是学不了的，能理解吧，那肯定是得干嘛呢？哎，项目经理啊，这个组织大家一起去学习，甚至有可能去外聘老师，OK吗？好，那么啊，还有一种情况呢，就是啊，我们经常会遇到这个小东西，就比如说是什么日历控件啊。分页插件啊，你看咱们用的分页插件是不是不wap自带的对不对，那有可能以后用page helper啊，或者e zi自带插件等等等等，OK吧，这些东西你自己肯定得搞定了，你搞不定那太丢人了，OK吗？这些东西咱们肯定得是什么呢？这个到网上去这个查资料，看人家这个文档啊，看这个学习学习的这个啊，这个一个一个这个流程，然后咱们这个根据这个流程粘上它的这个源码，然后去做，能理解吧，啊这个大家放心，以后你们公司这个网速会非常非常棒啊，比我们这儿这个强100倍，OK吧，因为这个啊。

你开发你这开发啊，不论是多少年的这个老员工啊。都离不开网络，你都得查OK吧，包括以后犯的这些bug啊，都是查出来的，OK吧，好，那么现在这个一串上，咱们现在比如说就把它当做成一个什么呢。哎，以后客户提需求了。要求做统计图能理解吧，要求做统计图啊，咱们用这个一串啊，哎，这个东西咱小东西总不可能项目经理组织大家一起去学吧，对吧，所以说啊，我们通过这个官网就找到他了，哎，我自己五分钟上手这个一串，我试着自己啊来做一个小时，看看能不能写的出来。OK吧，好，我们现在来看一看啊，五分钟上手一串上，咱们来正式开始画这个图啊，好，我们可以通过以下几种方式来获取这个ER啊，这个e trust本身这个类库呢，老师已经给大家这个准备好了啊。

啊，就是咱们这个统计图表非常的熟悉啊，大家注意看啊，其实就是一个什么呢，这个GFOK，这个GSP可以干掉了啊。啊，其实它就是一个这个JS有点类似于咱们那个解扣的那个JS类库嘛，对不对啊，这个我就直接给它放在哪了呢。放在解Q以下吗？我现在啊，直接放在咱们这个外部APP下了，同学们啊，以前老师放东西是不是一般来讲放的都是在这个解扣以下。啊，对吧，来看看解扣啊，比如说以前咱们放日期失去信啊，啊，咱们这个分页插件啊，这个叫什么来着，自动补全对不对等等啊都是放在这儿啊，咱们这个e trust老师没有放在这个解块里边，是因为e trust啊，它只支持。原生到对象啊，它不支持接扣的对象，OK吧，它不属于是我们接扣里的一个分支，OK吧，好所以说啊，我直接给它放在这个外边APP这个根下了啊。

这个啊，咱们还得刷一下啊，不刷他没有啊。行。那其实这个GIS大家注意啊，这个GIS啊是怎么获得的啊，他首先会告诉你，首先第一步啊，你可以从这个官网下载页面啊，选择你需要这个的这个版本进行一个下载啊。