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

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

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

课程地址: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 计数的使用,跳转详情的配置,饼图的下钻功能,以及柱状图的横向堆积功能,在下一小节会给大家去讲解如何通过自定义页面,来搭建一个使用中心

相关文章
|
6月前
|
前端开发
会员系统02--,后台管理系统,包含网站运营,统计分析,用户中心,财务管理,资金明细,系统管理,参数配置,后台管理系统可以观看配置资料,广告位的相关资料,客服工单最主要是客户反馈给我们的问题,登录统计
会员系统02--,后台管理系统,包含网站运营,统计分析,用户中心,财务管理,资金明细,系统管理,参数配置,后台管理系统可以观看配置资料,广告位的相关资料,客服工单最主要是客户反馈给我们的问题,登录统计
|
8月前
|
监控 数据可视化 数据挖掘
项目报表解析:项目管理中的得力助手
项目报表是展示项目进展和成果的关键文档,包含项目概述、进度、成本和质量信息,用于团队沟通和决策。常见类型有资源利用图、甘特图、看板图、WBS任务管理和项目进度图。报表通过多角度监控促进信息共享和协作,帮助管理者全面了解项目动态、优化资源利用、控制成本并跟踪进度。例如,Zoho Projects 提供自定义报表工具,支持多种模板和可视化选项,以增强项目管理效率。
66 6
|
8月前
|
边缘计算 监控 安全
实战要求下,如何做好资产安全信息管理?
“摸清家底,认清风险”做好资产管理是安全运营的第一步。本文一起来看一下资产管理的重要性、难点痛点是什么,如何做好资产管理,认清风险。
365 0
|
前端开发 JavaScript
人事管理项目-部门数据编辑
人事管理项目-部门数据编辑
人事管理项目-员工资料导出
人事管理项目-员工资料导出
|
BI 开发者
员工管理的表单搭建|学习笔记
快速学习员工管理的表单搭建
166 0
员工管理的表单搭建|学习笔记
|
数据可视化 BI 开发者
员工管理的使用手册搭建|学习笔记
快速学习员工管理的使用手册搭建
182 0
员工管理的使用手册搭建|学习笔记
|
数据管理 开发者
资产管理的实践与应用搭建|学习笔记
快速学习资产管理的实践与应用搭建
资产管理的实践与应用搭建|学习笔记
|
开发者 容器
招聘管理综合实践——审批结果更新|学习笔记
快速学习招聘管理综合实践——审批结果更新
招聘管理综合实践——审批结果更新|学习笔记
|
编解码 前端开发 数据可视化
从0到1构建可视化大屏-员工管理
从0到1构建可视化大屏-员工管理
435 0
从0到1构建可视化大屏-员工管理

热门文章

最新文章