员工管理的报表搭建|学习笔记

简介: 快速学习员工管理的报表搭建

开发者学堂课程【低代码-员工管理系统综合实践:员工管理的报表搭建】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/1005/detail/15021


员工管理的报表搭建

 

内容介绍:

一、跨应用数据集

二、报表公式的使用以及报表的展示

三、可视化报表的多图表搭建

 

一、跨应用数据集

本节课继续学习宜搭低代码开发师中级课程第四章员工管理系统实践中的第三节:可视化报表的搭建。在前两个小节中,主要去学习到的是案例背景与需求的分析,并且根据需求分析,制作了相关表单的搭建,在搭建成功之后,要去录入相应的数据,并且对数据进行统计,这就可以去使用可视化报表,本节将对可视化报表搭建进行讲解。首先,来看一下涉及到的功能点,首先是跨应用数据集,员工客户管理在当前组织下的客户管理系统中进行录入,需要在员工管理系统中,统计员工对应的客户情况,这时就可以先去创建一个跨应用数据集,并且在报表中配置跨应用数据集来进行展示

image.png

 

二、报表公式的使用以及报表的展示

接下来是报表公式的使用以及报表的展示,在将客户管理系统跨应用获取过来之后,需要在当前应用的表格中进行展示,在显示的过程中,除了数据展示以外,需要去统计客户数量,在这里就可以使用到 COUNT 的功能,COUNT 计数是报表中的统计计数的公式,在这里,可以去对某一字段,进行一个计数的结果统计,并且可以去配置条件以及排除字段,在配置条件后,会对当前字段下,符合条件的内容进行一个计数的统计,而排除字段则是指不考虑这些排除因素的影响,然后对字段进行一个统计的结果,稍后会一起去操作

 image.png

 

三、可视化报表的多图表搭建

接下来是可视化报表的多图表搭建,报表中,首先去配置的是表格组件以及柱状图组件和饼图组件,在表格中,首先是使用到的报表 COUNT 计数的一个功能,然后是报表跳转详情的功能,以及柱状图的横向堆积功能和饼图的下钻功能,将一一去做演示,,

1、可视化报表的配置流程

首先学习一下可视化报表的配置流程,本次以表为例,首先需要拖动表格组件到应用中需要去拖动表格组件到页面中,并且配置数据集,在数据集中,可以去选择到表格视图表、数据准备以及跨应用,然后再配置好数据集之后要对应的去配置显示字段,在表格中,只需要将字段下的内容去拖动到表格列字段里面就可以。就可以将对应的内容进行展示,在配置好表格列后,可以对应的将表格的样式以及功能进行设置,在样式选项卡下,可以去配置表格的尺寸、表格的风格以及是否合并单元格的选项,

image.png

2、如何对可视化报表进行配置

接下来就一起来看一下,如何对可视化报表进行配置的,首先配置一个跨应用表单,也就是客户管理系统,在客户管理系统中简单录入一个页面,然后在里边去录入客户姓名、客户企业、客户联系方式以及对应负责的员工姓名,而员工姓名需要使用到的是成员组件,在其中去简单录入了几条数据,然后针对客户管理系统页面的这个表单,然后去做一个跨应用的新建,需要在员工管理系统中去显示客户管理数据的内容,首先需要去新建跨应用,选择到应用设置,在应用设置中选择跨应用管理,然后新建跨应用,这时就可以选择到当前组织架构下创建的应用,然后去选择到对应的表单,点击确定,

image.png

选择完之后,就直接新建一个跨应用,在应用中,然后返回到页面管理后,接下来去创建报表,点击新建按钮新建报表,将报表命名为员工信息统计,然后点击确定,点击确定后,进去到报表设计页面,报表设计页面上方是组件的选择区域,左侧是画布区域,右侧是组件属性配置区域,而在画布区域上方是筛选栏区域,可以对应的去配置筛选标题,以及筛选按钮,然后在下方可以去配置对应的报表组件,在这里首先去对客户管理数据进行统计,拖动一个表格组件到页面中,然后去配置数据集,选择数据集,选择到跨应用,选择刚刚创建的客户管理系统,点击确定,

image.png

会将客户管理系统下的所有字段进行展示,只需将想要展示的内容,拖动到表格列中就可以,因此在这里首先将负责员工姓名进行拖动,然后是客户姓名、客户企业以及联系方式,在这里需要去统计,每一个员工对应的客户数有多少,在这里就使用到 COUNT 公式,在表格列的上方,点击公式字段进行添加,然后在聚合类函数中找到COUNT计数,COUNT 计数下,是包含着这个字段条件以及排除字段的,因此要去统计的是,统计字段内容是什么字段,由于在这里每一个员工,它对应多个客户姓名,所以只需要去统计员工名字出现的次数就可以去统计出员工名字出现的次数就可以去统计出该员工对应的客户数,因此在 COUNT 字段中,将字段选择为负责员工姓名,然后再去配置的过程中,再去统计过程中,其它字段也会作为一个影响字段,所以需要将其它字段设置为排除字段,这样的话就不会受其它字段影响,只是统计当前的员工名下有多少个客户,

image.png

在配置完成之后点击确定,这时就可以看到,表格中显示了一列对应的客户数,将对应客户数放置在对应的员工名字后面,然后在编辑里将字段信息修改为客户数量,点击确定,配置好后还可以在编辑中,设置样式,比如在表格列中设置对齐方式为居中,,内容更加美观,然后依次去给该报表中其字段进行设置,依次类推设置完之后,可以在样式中,将单元格进行合并,这样的话就能直观的体现出,当前员工下有多少客户数量,名下的客户数分别是谁,同时还可以对表格风格进行更换,比如说将设置为边框模式,就可以更直观的看到内容,样式设置完之后当前的跨应用表格就已经设置完了,接下来看一下第二个功能,也就是详情跳转的功能,依旧是添加基础报表到页面中,然后选择数据集为表单,在表单中选择到员工信息录入,然后点击确定,在员工信息录入中选择对应想要展示的字段到页面里,比如现在去选择员工名称、出生日期、身份证号以及所在的部门,将对应的内容进行配置后

image.png

接下来需要对应的将报表里边的内容进行一个跳转的设置,希望在查看报表的同时,可以点击详情,去跳转到对应的页面中,就在公式字段中去填写一个字符串,直接使用双引号,然后命名为详情,将数据类型改为字符串点击确定,这时可以看到它自动出现了一列详细情列,然后在编辑按钮中将字段信息更改为详情,然后在表格列中对齐方式,如修改为居中对齐,点击确定,

image.png

3、配置链接

配置好后,接下来就可以去配置链接,首先来看一下表单数据的链接,进入到员工信息录入表单,然后进入到数据管理页中,点击一数据,然后点击新开页面,进入到数据详情页后,首先来看一下上方的链接,链接主要分为三部分,分为前面的固定链接,后面的参数以及中间的连接符,连接符是以一个问号链接符来拼接后面的参数,页面连接符之前,可以去锁定到当前应用下的当前表单,分别是 APP TYPE 以及用户名 ID,通过拼接实例 ID,可以去锁定到某一条数据,每一数据的实例 ID 都是唯一的因此可以通过前方的绑定上后面的参数,来跳转到对应的详情页,在报表设立页面,首先要将每一条数据的表单实例 ID 进行一个选择展示,展示成功后在详情里边,进行一个链接的去进行一个链接的配置,点击选择到 URL,然后在链接中,将连接进行复制,

image.png

返回到页面中,然后选择上方的分享,点击复制链接,在复制链接中将复制过来到报表编辑页面中,然后在编辑页面里去将 forminstid=后面的内容全部删除然后可以通过空格加@来来去引用当前表格里边的字段,使用空格加上@,然后去选择到实例 ID点击确定,然后进行保存,

image.png

这时链接跳转就已经配置好了,点击预览,然后去点击详情,这是就可以看到就可以对应的去跳转到对应的详情页面,在使用表格去统计了数据之后,

4、使用柱状图

接下来是使用到柱状图,来对部门进行统计,使用到图表中的柱状,然后点击进行配置,首先依旧是选择数据集,选择到员工信息录入表,点击确定,然后在这里可以去选择每一个部门的人数,或者是每一个学历的人数都可以来进行选择,在这里首先去选择到员工部门,作为横向坐标,然后纵轴主要是去统计每一个部门包含的人数有多少,因此可以去直接使用到员工姓名,也可以去使用到实例 ID,然后对实例 ID 进行一个计数的设置,点击确定,

image.png

现在已经将数据管理中的所有的,数据中的部门的数据进行了一个统计统计成功之后,还可以去按照一个性别,对这个数据进行划分,选择到性别,然后将拖动到分组中,这时可以看到显示为女性有两个,男性有一个,然后接下来配置一个样式,去切换到样式属性栏中,然后可以在颜色中去修改显示颜色,然后去修改柱状图的一个粗细,比如说在这里随机进行一个选择,在选择完成之后还可以对数据调整进行一个划分,比如说现在分组是将男和女进行分开展示,还可以去进行堆叠的展示,通过堆叠是将男女进行了一根柱状图的展示,然后这一整根柱状图统计的是当前部门的人数,而当选择到百分比堆叠时,纵坐标则变成了一个百分比,在当前的这个部门下统计的是男女比例的占比情况,与此同时还可以将这个样式设置为横向的一个堆积,也就是条形图的一个设置,能让看起来更加美观,柱状图的一个样式设置也是配置完了,

5、使用饼状图

接下来去使用到饼状图,在饼状图中去设置选择数据集,选择到员工信息表,然后点击确定,

在员工信息表中,接下来就需要去配置对应的显示内容,首先分类字段,依旧是选择员工部门,进行一个分类,然后选择实例ID去做为一个计数字段,将设置为计数,配置完计数之后饼状图,实际上展示的是当前应用架构下的部门分布,比如说我想统计当前部门下的性别,然后某一性别下的学历,都可以通过这个方式来进行配置,首先在员工部门中,点击编辑按钮,然后选择钻取,可以直接使用到通用下钻,然后对下一层钻取的字段进行配置,比如说在这里去配置性别,然后再去配置最高学历,点击确定,点击确定之后来点击保存

image.png

看一下效果,点击阅览,现在现在统计的是当前组织架构下部门的占比数量以及部门的人数,点击进去后会自动的进入当前部门的男女占比情况,也就是说,代码培训的这个架构下,男生有一个女生有两个,然后分比占比是多少都会展示出来,,与此同时再去点击女性下的学历,可以看到会针对于对应的这个部门下女性的学历进行一个统计,分别为一个,在统计完之后,实现的就是一个下钻钻的一个功能

image.png

以上就是本小节的内容,主要讲解了跨应用数据的获取,并且展示在报表中,报表公式 COUNT 计数的使用,跳转详情的配置,饼图的下钻功能,以及柱状图的横向堆积功能,在下一小节会给大家去讲解如何通过自定义页面,来搭建一个使用中心

相关文章
|
网络协议 API
TCP并发服务器(多进程与多线程)
TCP并发服务器(多进程与多线程)
268 0
ly~
|
12月前
|
传感器 存储 供应链
大数据在供应链管理中的具体应用案例
在供应链管理中,大数据的应用显著提升了效率与预测准确性。例如,沃尔玛利用销售数据与外部信息如天气预报,实现精准需求预测,提前调配应急物资,既满足顾客需求又减少库存积压。亚马逊则通过分析商品入库时间、销售速度等数据,优化库存水平,确保畅销品备货充足,小众品库存灵活,从而降低运营成本。DHL借助运输工具上的传感器收集的数据,优化物流路线,避免拥堵并合理装载货物,同时预测设备故障,减少物流延误,提升整体运输效率。
ly~
1600 2
|
10月前
|
机器学习/深度学习 人工智能 TensorFlow
基于TensorFlow的深度学习模型训练与优化实战
基于TensorFlow的深度学习模型训练与优化实战
439 3
|
9月前
|
存储 分布式计算 安全
阿里云服务器经济型e、通用算力型u1、计算型c8i、通用型g8i、内存型r8i实例介绍与选择参考
在阿里云现在的活动中,可选的云服务器实例规格主要有经济型e、通用算力型u1、计算型c8i、通用型g8i、内存型r8i实例,虽然阿里云在活动中提供了多种不同规格的云服务器实例,以满足不同用户和应用场景的需求。但是有的用户并不清楚他们的性能如何,应该如何选择。本文将详细介绍阿里云服务器中的经济型e、通用算力型u1、计算型c8i、通用型g8i、内存型r8i实例的性能、适用场景及选择参考,帮助用户根据自身需求做出合适的选择。
|
11月前
|
存储 分布式计算 druid
大数据-152 Apache Druid 集群模式 配置启动【下篇】 超详细!(一)
大数据-152 Apache Druid 集群模式 配置启动【下篇】 超详细!(一)
136 1
大数据-152 Apache Druid 集群模式 配置启动【下篇】 超详细!(一)
|
11月前
|
消息中间件 druid 大数据
大数据-153 Apache Druid 案例 从 Kafka 中加载数据并分析(二)
大数据-153 Apache Druid 案例 从 Kafka 中加载数据并分析(二)
137 2
|
人工智能 安全 前端开发
免费高效!3步实现Llama3模型远程访问与协作
Meta发布了全新的开源大语言模型Llama 3,LM Studio是一款免费的桌面端工具,支持一键安装和运行Llama 3模型,实现本地使用。LM Studio还提供了Local Server功能,便于集成AI功能。通过贝锐花生壳,可轻松实现LM Studio接口的远程访问,无需公网IP或端口映射。
751 1
|
监控 Linux Go
Go语言编写的示例代码,用于监控获取计算机的主板信息
Go语言并没有提供直接获取主板信息的标准库,因此这个示例主要涵盖了CPU温度和内存使用情况。
736 42
|
监控 测试技术
【亮剑】理解CPU负载对服务器稳定性的重要性,并提供了诊断和解决CPU负载过高问题的步骤
【4月更文挑战第30天】本文阐述了理解CPU负载对服务器稳定性的重要性,并提供了诊断和解决CPU负载过高问题的步骤:1) 使用监控工具分析CPU使用率和系统负载;2) 深入排查运行队列、进程占用、系统调用和硬件状态;3) 根据排查结果进行代码优化、调整进程优先级或限制CPU使用率,必要时升级硬件。建议建立监控体系,定期性能测试,并持续优化以保证服务器高效运行。
439 1
|
机器学习/深度学习 人工智能 算法
【深度学习】因果推断与机器学习的高级实践 | 数学建模
【深度学习】因果推断与机器学习的高级实践 | 数学建模