开发者学堂课程【低代码认证-第四章:企业经营数据课程:企业经营数据大屏的背景与诉求】学习笔记与课程紧密联系,让用户快速学习知识
课程地址:https://developer.aliyun.com/learning/course/1010/detail/15064
企业经营数据大屏的背景与诉求
企业经营数据大屏实践
首先,了解企业经营数据大屏的使用背景与诉求。企业的管理者需要实时地了解客户进来的渠道,分布的地址,签约地点及签约总额。通过对客户进来的渠道进行数据分析,形成目标客户的用户画像,结合签约数据,筛选出最优质的客户渠道。其诉求是:需要搭建一个钉钉宜搭的大屏,具体要求如下:
1. 页面美观大气。
2. 能够清晰直观地知道客户地点的分布,客户的总量以及签约金额。
针对以上两点诉求,创建应用。在此定义下,在钉钉宜搭表单中分别创建客户库和签约库。右侧图片是集成表单页面数据的进行大屏展示的效果。图中包括2022的活动金额和客户数,签约排名,签约地区,总额,产品类型分布以及签约详情的信息。现在展示的是在表单当中获取的数据在大屏当中进行展示。接着观察哪些数据对应大屏数据,以下是举例,如图所示:
客户表是通过获取客户的姓名,来源,经纬度,对于大屏数据的展示是2022年累计客户端,月度增长客户数,客户总数。客户来源是通过客户所在引入渠道的方法引入,经纬度使用到客户分布地图上。而下面的签约表包含了签约人,合同金额等等一系列的表单数据。还包括签约明细表,这是表单内的明细组件。可以在大屏当中进行展示,简单了解应用数据与大屏数据对应关系之后,再来看看钉钉宜搭当中使用到哪些组件。
如图所示,这里使用到了图表,图表包括:柱状图、条形图、折线图、区域图、饼状图等等。还使用到地图包括基础平面地图等等,以及 BI 分析,这里提到的 BI 分析包括柱状图,区域热力图,轮博表浅层,非线层并没有使用到柱状图。最后信息的内容包括:倒计时、业务指标、通用标题等等,在这里使用的是通用标题去更改标题名称。
第二类组件有媒体,媒体当中可以自定义背景块等一系列操作。然后就是常提到的表格组件,针对表格组件的多列表展示签约的详情信息, 在控件当中,包含 iframe 建造其他的页面进行展示,作为了解。接下来就针对全流程配置进行讲解,首先观察一下搭建流程。
可视化大屏搭建的流程首先要在钉钉宜搭中进行应用搭建与数据准备,具体操作即:先去新建钉钉宜搭应用,然后进行创建客户表和签约表并在表单内录入一些数据来进行后续的大屏展示。完成上述之后新建大屏,对大屏模板进行选择(这里提供的是十个模板)或者是对空白模板进行创建。
之后拖拉组件进行布局,调整组件的属性样式,选择数据源即钉钉宜搭的数据源,以上完成就可以进行大屏的预览。具体观察创建客户和签约表的细节,在组件当中有客户库和签约表的详细信息,客户表中有姓名、从事行业、客户来源、联系方式、经纬度等等。客户库是用来收集信息的,可以使用免登的方式让客户填写信息,通过定位经纬度的方式将代码书写默认填写到该页面当中。签约表单适用于员工目录签约数据,获取员工的签约详细信息,包括签约日期、客户名称、合同金额等等。其中有签约明细的图表,在明细图表当中也可获得数据进行展示。
了解钉钉宜搭的大屏创建,首先在后台应用当中点击加号新建大屏,新建完毕之后选择模板,这里创建企业经营数据大屏,选择集团数据大屏模板。
进入到页面当中,首先看一下大屏操作页面,从左往右依次是:图层区、组件区、画布区、页面设置、组件设置。将组件区域拖入到画布当中就会选中组件出现组件设置区域。了解大屏操作之后,以柱状图为例,观察其配置。钉钉宜搭的柱状配置包括:基础配置、数据配置、交互配置三方面。在这里的基础配置包括:图表尺寸、图表位置、旋转角度、不透明度、全局样式、坐标轴配置等。第二个即为数据配置,图上的数据接口会映照出我们所需的数据类型的判断,在下方就可以配置数据源。静态数据源点击配置变为钉钉宜搭的动态数据源到大屏展示。
最后为交互配置,点击配置数据源进入到设计数据源的界面,选择数据源,选择应用数据点击进入配置,在这里可以对数据进行配置,如图所示:
可以选择其数据集,这是应用中的表单。选择到签约表,在签约表中找到想用的字段,拖拽到我们的值里,选择显示的内容。右侧可以看到实施之后的标化库,最后进行展示在图中也可勾画是否聚重。还可以控制返回数据量。这就是钉钉宜搭的的数据配置。下面来观察一表格的配置,如图所示:
这里先观察其基础配置,包括全局配置,表头,行配置,自定义列等等均需要选择到多表格组件然后选择到基础配置。为了页面的美观,进行全局的配置;为了行的颜色贴合当前的背景,调整背景颜色。总体来说,选择到表格组件然后对组件行数进行设置,对表格表头进行设置。
对于表格的行的配置包括其颜色还有表格的系列参数的配置。在大屏的实践当中进行详细的讲解。接下来观看整体大屏展示效果,如图所示:
图中配置数据翻盘器,树状图,饼状图还有表格组件,最重要的是地图组件。根据钉钉宜搭的大屏展示效果,下节课进行实操演练。