开发者学堂课程【宜搭低代码开发认证教程:宜搭认证课程-数据报表设计(一)】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/299/detail/3502
宜搭认证课程-数据报表设计(一)
目录
一.课程目标:本节课学员需要掌握的能力
二.详细介绍:具体展开本节课的内容
三.案例详解:结合案例让学员知行合一
一.课程目标
1.了解报表各个模块
2.熟悉基础的图表组件
3.掌握报表的搭建流程
4.可以独立完成报表搭建
二.详细介绍
1基础概念
· 设计器
· 组件
· 预览和线上
2报表管理
· 如何新建
· 如何编辑
· 如何复制
·如何删除/下线
3报表搭建
·如何设计布局
·如何配置组件
·如何配置筛选项
.如何使用公式
4预览和发布
·预览
·发布
·分享
01基础概念
设计器是主要报表搭建的后台
设计器搭建专题/卡片的页面
组件选择区:最终报表、组件选择在其中选择
1.选择搭建报表使用的组件
设计器操作/预览区:可以选择在组件拖拽到设计器操作和预览区,可以看到整体的布局,可以对组件进行复制、删除即对整个报表的布局,可初步预览效果。
1.选择组件右侧出现组件设置
2.组件可拖拽换布局、复制、删除
3.初步预览效果
设计器操作和预览区点击某个组件,右侧出现组件设计区。
组件设置区:第一个数据此组件关联哪些数据,第二个样式此组件长什么样,第三其他主要涉及标题等等。
1.关联数据和数据格式设置
2.组件的样式设置
3.组件的标题设置
组件-构成报表的一个个模块
整个组件分为3类,第一类布局类通过某些组件达到布局,比如分栏。分栏是一行太长可以通过分栏分成两栏、三栏甚至自定义的分栏,有一个比较好的效果。选项卡就是一个切换。
第二个筛选类,筛选器可能有普通的查询、模糊查询、日期查询等等
布局类。
内容类主要是具体的展示内容,比如文本、图片、链接,包括图表,嵌入类卡片等等
1. 容器、分栏
2. 分组、选项卡
筛选类:
1. 普通筛选
2.模糊筛选
3.日期筛选
内容类
1. 基础类:文本、图片、链接
2.图表:饼图、折线图、柱状图
3.嵌入类:报表卡片、iframe
预览和线上
预览顾名思义在刚才的设计器中设计完后可以预览整体的效果,效果与线上地址一样,线上地址主要是业务方看。
区分预览和线上其实为了搭建完后不一定快速的给用户看而是先有一个地方查看修改配置是否可以。
预览地址:
1、设计器修改完成后即生效
2、方便后台配置同学查看配置效果
报表管理
针对报表的整体进行管理,主要有四个,第一个新建,整个报表的左上角新建页面,可以新建一个报表。第二个编辑点击某一报表的右上角一个按钮点击编辑按钮进入设计器。第三个复制可以对报表名称的设置按钮点开后有一个复制,点击复制可以将报表复制一个备份。删除可以在设置里删除,也可以修改名称、隐藏等等操作,但不属于整体报表的管理,属于宜搭应用的管理。
新建:
新建页面-新建报表页面
编辑:
找到报表,点击右侧编辑按钮
复制:
找到报表,报表名称后的【设置】按钮,点击复制
删除:
找到报表,报表名称后的【设置】按钮,点击删除
03报表搭建
充分条件:需要有一个数据集
宜搭表单生成后用户填写的数据
用户自己上传的数据
通过多个宜搭表单处理过的数据
没有数据报表搭建不起来。
数据怎样来,一新建宜搭的表单后用户填写数据后会有一个数据集自动生成,设计数据集时选到。二可以自己上传数据。三可以进行关联,关联一些数据,用户的上传数据和关联数据属于高级功能。
报表搭建分为三步,第一步如何设计布局首先要思考报表具体干什么,做什么后设计整个布局样式,上面放什么、中间放什么、哪些作为筛选条件、位置怎么样。所以第一步设计布局。
如何设计布局
设计布局有三种形式分栏、分组、选项卡。首先可以使用分组,把相关的进行图表管理,柱状图,饼图都放在一个分组里进行管理。使用分栏隔离出不同的区域,一行太长要换两个组件可以拖一个分栏,选二分栏,把柱状图、饼图放在分栏里。
第二个使用自由拖拽,觉得饼图在下面太大了,想与柱状图放在一起,直接把饼图拖到组件的位置,上边拖到下面是一样的。
第三个使用大纲,在整个设计器的右上角有一个大纲数,在大纲数中可以看到所以组件样式的列表。可以在里面选择具体的组件进行拖拽,调整位置。主要适用组件特别多,特别复杂时,因为一个屏幕看不到,用大纲数相对来说比较方便。
.使用布局组件:
可以使用布局组件来对布局进行整体设计
.自由拖拽组件:
可以在设计器中拖拽组件调整位置
·使用大纲:
在大纲中调整组件间的位置
如何配置组件-数据
·选择数据集,有3种形式
1.直接选择下拉数据集
2.多表关联
3.数据准备生成
内容组件第一个选择数据集,可以直接下拉。选择数据集右上角有一个编辑的按钮,点击之后可以直接下拉一个数列表,是最方便的一种形式。
提供一些高级的功能比如多表关联。第三个数据准备,自己上传数据,可以用数据准备,连接线上数据库,数据加工。数据准备和多表关联都属于高级功能。
·选择字段,有两种形式
1.第一种是下拉选择数据集中已有字段
2.通过公式自定义字段
第一种方式直接选择数据集中的字段,相对来说最方便的方式。点击加号下面有字段的列表,右上角计算列表,点击进入公式编辑界面。
左上角一个 fx,点击按钮进入页面,页面如下
可以通过已有公式、函数,生成一个新字段。是否罗盘使用是其中已经有的字段,如果是否罗盘使用值为Y那么新字段为1否则为0。
最后配置其他信息,比如饼图会有维度和度量的概念,维度类似分类。饼图是看每个数据表的数量。分类相当于业务线,分类是不可以进行计算的。
度量是要看的值,数据表的数量为度量,度量还可以进行计算。
维度:类似于分类,如本次例子,业务线就是一个维度,不可进行计算
度量:各个维度要看的值,可进行计算,如本次例子,表名的统计数就是要看的度量。
通过维度和度量的设置就生成了一张饼图,看在不同业务线中表的分布情况.
链接、格式化、其他等等操作。对于度量来说计数之后13,一般保留一位小数,改为13.0,可以通过格式化选择一个数值,保留小数后一位。
·链接:可以进行带参数的跳转
·格式化:如为数值或浮点类型,可以进行样式格式化(如小数变成百分比等)
· 其他:设置展示的文字,比如把上面表名改成表数