员工管理系统综合实践 | 学习笔记

简介: 快速学习员工管理系统综合实践,介绍了员工管理系统综合实践系统机制, 以及在实际应用过程中如何使用。

开发者学堂课程【码上公益“第益课”高校公益实践计划低代码开发课程员工管理系统综合实践】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/994/detail/14990


员工管理系统综合实践


内容介绍:

一、课程概述

二、课程目标

三、案例背景与需求分析

四、基础表单搭建

五、可视化报表搭建

六、使用手册搭建

七、课程总结


一、课程概述

1.在以往的行政管理中,通常使用纸质化登记员工基本信息,可能会造成以下几点问题:

(1)手动填写员工信息,工作繁琐且工作量大。

(2)资料的保存和查阅不方便。

(3)人员部门变动纸质申请审批,领导经常出差无法及时批阅。

本章内容根据以上几个问题,通过宜搭创建一个线上员工管理系统应用,讲解如何搭建一个满足需求的应用。


二、课程目标

1.理解员工信息管理系统的需求。

2.分析员工信息管理系统及功能。

3.创建员工信息管理系统的相关表单。

4.掌握跨应用数据集及报表组件的使用。

5.掌握自定义页面组件的使用方法。


三、案例系统与需求分析

1.员工管理系统

(1)员工管理:员工个人信息、姓名/身份证号、所在部门/岗位、入职时间、工作经历等。

(2)员工培训记录:培训内容、培训时间、培训参与人员等。

(3)员工考核:考核内容、考核时间、考核成员、是否通过等。

(4)员工职位调动:员工调入部门/职位、员工调出部门/职位、员工调动原因等。

2.实现线上员工管理系统的原因

(1)背景:

①纸质化登记员工基本信息,工作量大。

②资料的保存和查阅不方便。

③人员部门变动纸质申请审批,领导经常出差无法及时批阅。

(2)诉求:

① HR 高效维护员工岗位、考核等信息。

②上级主管实时获悉员工岗位调动情况。

③不同表单中员工信息实现自动化数据联动。

3.员工管理系统需求分析

(1)员工管理基本需求:

①录入员工个人信息。

②对员工进行集体培训。

③培训后对员工进行考核。

④员工职位随时调动。

(2)员工信息统计需求:

①跨应用获取员工信息。

②统计员工数据。

③配置员工使用手册。

4.关键功能点—关联表单组件及数据填充

对参与培训成员进行考核时,可直接在考核表单内将关联表单组件设置显示为培训内容,对应将培训成员子表单关联到考核成员子表单中。即在培训内填写的参训人员,可直接获取到考核页面的子表单中,并对子表单内的成员进行一一的审核。

image.png

5.关键功能点—关联数据的两种方式及区别

(1)关联表单组件

关联表单组件提供了关联其他表单数据,填充数据到当前表单组件的功能,在获取关联的表单数据时还提供了过滤筛选的功能,且在详情页可以直接进行关联表单的详情跳转。

(2)关联其他表单数据

通过关联设置,多用于去获取到被关联的表单的一个字段作为当前表单下拉单选等组件的选项,可用于业务关联规则,通常搭配数据联动使用。

6.关键功能点—跨应用数据集

在企业架构下,不只有员工管理系统一个应用,员工工资信息录入、考核数据、客户管理系统等分布在不同应用时,可通过新建跨应用数据集,将当前组织架构下其他应用数据展示在员工管理系统应用的报表中。可以通过应用设置中的跨运用管理,新建跨应用并获取到其他应用的数据。在新建应用管理数据后,便可在报表中进行选择和展示。

image.png

7.关键功能点—表格跳转详情

在表格中展示员工信息,配置后可通过配置跳转链接来实现跳转功能,在点击详情时自动跳转到对应的详情页中。通常使用完整链接和表单实例 ID 进行跳转。当配置完应用后,需要对应用进行一个使用手册的分析,因此使用自定义页面进行使用手册的搭建。

8.关键功能点—自定义页面布局

自定义页面中的组件相比表单页面的组件配置属性更丰富、更灵活,可按需求修改布局及样式。来实现更丰富的自定义页面。

image.png

9.本节总结

本小结主要介绍了案例背景与需求的分析,使用的功能点。


四、基础表单搭建

上一节主要对案例背景与需求与需求进行了分析,并且对涉及到的功能点进行了简单了解。在对需求进行分析时,主要涉及到四个表单页面,分别为员工信息录入页面、员工培训记录页面、员工考核记录页面以及员工调动申请页面,将基于这四个页面对表单进行搭建,并且对功能进行运用。接下来一一介绍四个表单。

1.员工管理系统表单搭建—员工信息收集

主要记录员工的详细信息,只需使用表单页面即可。在其中需要配置成员组件、单行文本组件、日期组件及子表单组件,分别记录姓名、身份证号、入职时间、出生日期、员工部门、学历、职位、家庭住址及工作经历和家庭成员。其中工作经历和家庭成员使用子表单组件,并在子表单组件中录入对应的内容,供大家进行填写。

image.png

2.员工管理系统表单搭建—员工培训记录

主要记录每场培训内容及参训人员,因此设置为普通表单页面,在其中配置培训主题、培训方式及培训地点,并且需要配置培训时间和培训员工。由于培训需要多个员工进行参训,因此使用子表单功能,并且将成员组件放入到子表单中。培训内容可能会涉及到图片及文本,因此直接使用富文本组件做培训内容的记录。

image.png

3.员工管理系统表单搭建—员工考核记录

参与培训后需要对参与培训人员进行考核,由讲师进行审批,因此需要将该页面设置为流程页面,并且将考核内容设置为关联表单组件。它可以对应关联到培训内容中,此时再去选择培训内容作为考核内容后,会自动将培训内容中的所有成员关联填充到当前的被考核人员子表单中,并进行是否合格的判断,由讲师进行审批。

image.png

4.员工管理系统表单搭建—员工调动申请

员工调动线上进行审批时,需要实时通知至主管,由主管进行批阅,该页面设置为流程页面。首先,配置姓名为成员组件后,在对应的联系方式、调出部门、调出岗位中使用数据联动功能,直接从员工信息录入表中将这三个数据进行联动获取并填充。第二,手动录入调入部门、调入岗位、调入形式及调动原因。

image.png

5.表单组件介绍

(1)成员组件:可以获取钉钉通讯录的人员,如姓名成员等。

(2)单行文本:可以输入文字、数字,字数上限200字,如身份证录入、职位等。

(3)日期:选择日期填入,可设置格式与可选日期区间,如入职时间。

(4)部门组件:获取人员所在部门,如部门等。

(5)日期区间:选择起止日期,设置日期显示格式,如工作经历起始时间。

(6)富文本:可内嵌于浏览器,所见即所得的文本编辑器,如培训内容记录。

(7)地址:基于现在中国标准行政区块的详细地址选择器,如家庭住址。

(8)子表单:可以在其内部添加文本、数值、日期等组件,如教育经历、工作经历。

(9)单选:可用于在有限的相关选项中选择其中一个选项,如性别等。

(10)关联表单组件:关联其他表单数据,填充数据到当前表单组件,如考核内容及参与人。

6.组件中的公式介绍

(1)文本函数 MID :截取文本,例: MID (这是一个测试,1,3)||这是一

(2)文本函数 VALUE :文本转换数字,例: VALUE((“1”)||1

(3)文本函数 LEN :返回字符个数,例: LEN(测试)||2

(4)文本函数 CONCATENATE :将多个字符串拼接成一个文本字符串 CONCATENATE(“测

试”,“ABC”)||测试 ABC

(5)数学函数 MOD :求两个数的余数,例: MOD(6,2)||3

(6)逻辑函数 EQ :判断两个数是否相等,支持数字、日期,例: EQ(value1,value2)||true| |false

(7)逻辑函数 IF :条件判断,例: IF(A,B,C)||B|| C

(8)部门相关函数 DEPTNAME :部门信息,例: DEPTNAME (成员)

image.png

7.基础表单搭建流程

(1)创建员工管理系统应用:从空白创建应用。

(2)创建员工信息表单:

①创建一个普通表单

②配置表单组件

(3)创建员工培训记录表单:

①创建一个普通表单

②配置表单组件

(4)创建员工审核流程表单:

①创建一个普通表单

②配置表单组件

③配置关联表单组件

④配置审批流程设计

(5)创建员工调动流程表单:

①创建一个流程表单

②配置表单组件

③配置数据联动

④配置审批流程设计

image.png

8.实际操作举例:

(1)首先进入提前搭建好的系统中,在员工管理系统中找到员工信息录入页面,进入表单设计器。

image.png

表单设计器其中包含了多个组件,包括成员组件、单行文本组件、部门组件、日期组件及子表单组件,需要分别录入对应的内容以及对应的组件。然后,需要在身份证号处自动获取性别、年龄以及出生日期。

image.png

性别获取。

公式编辑:

性别=IF(EQ(LEN(身份证号),18),IF(EQ(MOD(VALUE(MID(身份证号,17,1)),2),0),”女”,”男”),”请输入正确身份证号码”)

在性别处进行公式编辑,点击编辑公式进入到公式编辑页面。在配置时,使用的是 IF 公式做判断,判断身份证号长度是否等于18位,当身份证号等于18位时,返回男性和女性,做第二层判断。首先获取到身份证号的第17位,并且将它进行数字化的转换,转换成功后,将它与2相除,相除后的余数和0去做比较,当余数等于0时,证明第17位是偶数,即证明当前的员工为女性;当余数不等于0时,则为男性,依次将数据进行返回。当身份证号不等于18位时,它将会自动返回,并出现“请输入正确身份证号码”的文本。

年龄获取。

公式编辑:

年龄=IF(EQ(LEN(身份证号),18),VALUE(TEXT(TODAY(),”yyyy”))-VALUE(MID(身份证号,7,4)),”请输入正确身份证号码”)

使用默认值的公式编辑,进入编辑公式页面后,要对身份证号进行判断,然后对数值进行获取。首先需要获取到当前的年份,并将它转换成数字格式,使用 TODAY 函数获取当前的日期,通过探测将日期进行文本的格式化,最后转换成数字后,再通过身份证号中的第7位到第11位进行截取。即对身份证号中的年份进行截取,截取成功后转换成数字格式,将两个数值进行相减,即可获取年龄。当身份证号不等于18位时,将自动返回,并出现“请输入正确身份证号码”的文本。

出生日期获取。

公式编辑:

出生日期=IF(EQ(LEN(身份证号),18),CONCATENATE(MID(身份证号,7,4),”-”,MID(身份证号,11,2),”-”,MID(身份证号,13,2)),”请输入正确身份证号码”)

需要将它去配置成对应的日期格式,因此除了获取到身份证号的年份、身份证号的月份以及身份证的日期外,还需要将它们与分割符进行拼接,形成日期格式。首先对身份证号长度进行判断,当它等于18位时,通过截取函数从第7位到第11位的字符串获取年份,拼接上分隔符,再截取从第11位到第13位获取的月份,拼接上分隔符,最后拼接日期,拼接结束后即可完成日期格式出生年、月、日的输出。当身份证号不等于18位时,将自动返回,并出现“请输入正确身份证号码”的文

实现效果:

随机输入一串身份证号码,它自动将性别、年龄以及出生年、月、日进行获取。从第7位开始,是出生年、月、日。第17位为偶数,即证明性别为女性,当它更换为奇数时,性别即为男性,由此实现了通过身份证号自动获取性别、年龄以及出生日期的功能。

image.png

image.png

(2)员工培训记录表的搭建。在此页面中输入内容,使用单行文本组件作为培训主题、培训方式及培训地点,并且设置培训时间为日期组件。培训员工为子表单组件,在其中放入了成员组建,可以进行新增,新增后可录入多个成员。

image.png

在培训内容中,使用的是富文本组件,可插入图片,也可以对文本的字号大小及样式进行编辑,然后使用多行文本组件作为备注。

(3)员工考核记录表的搭建。考核内容由于是基于培训记录的内容,因此需要关联到培训记录表单中,并且获取培训主题。此处直接使用到关联表单组件,选择关联表单组件后,将标题设置为考核内容,并且设置它的关联表单,关联到员工培训记录表,并将显示设置为培训主题及培训时间,即可直接获取到培训记录中提交的数据。

在参训人员处需要去获取到对应的培训的参训同学,在考核内容中,设置数据填充功能,配置填充条件,点击设置条件,将关联表单中培训表单里的子表单,即培训员工里的成员组件全部填充到当前表单被考核人员子表单的成员组件中。

实现效果:点击保存,进行阅览,在考核内容中选择对应的考核,即可看到它会自动将所有的参训人员关联填充到被考核人员的成员组建中。

(4)员工调动申请表单的搭建。首先需要配置员工,选择其联系方式和部门,以及将调入的部门。此处进入到表单设计器中,联系方式、调出部门和调出岗位在员工信息录入表中已经提前进行录入,因此在选择姓名时可以自动将三个数据进行带出,只需手动填写调入部门和调入岗位即可。此时可以在三个组件中去配置它的一个数据联动功能,在数据联动处配置数据联动,配置关联表为员工信息录入表,对应的将调动人员姓名和员工姓名进行配置,当调动人员姓名等于员工姓名时,对应将联系方式填充显示为联系方式的对应值。

实现效果:点击阅览,当选择到某一成员时,它可以自动将它对应的内容进行展示,只需填写调入部门、调入岗位、调用形式和调用原因即可。

image.png

(5)流程设计。进入流程设计页面后,可以对审批人进行修改,并且可以添加审批节点,在整体的配置完后,进行保存,然后对流程进行发布,发布后流程即可生效。

(6)本节总结:通过对四个表单的搭建介绍了其功能,其中包括身份证号获取出生年、月、日、年龄以及性别,并且在考核记录表单中使用到关联表单组件,实现了子表填充子表的功能,将成员进行了填充,在员工调动申请页面中,使用到了数据联动功能。


五、可视化报表搭建

前两节内容是案例背景需求的分析,并且根据需求分析制作相关报表的搭建,在搭建成功之后要去录入相应的数据,并且对数据进行统计,这时就可以使用到可视化报表。本节,将对可视化报表搭建进行讲解。

1.可视化报表搭建—跨应用数据集

员工客户管理在当前组织下的客户管理系统中录入,需要在员工管理系统中统计员工对应客户情况,可在报表中配置跨应用数据集来展示。

image.png

2.报表公式使用及报表展示

客户管理系统跨应用获取后,需要在当前应用的表格中进行展示。在展示的过程中,除了将数据进行展示以外,还需要统计客户数量。此时使用 COUNT 计数的功能,其是报表中统计计数的公式,可以对某一字段进行技术的结果统计,并且可以配置它的条件以及拍摄字段,在配置条件后对当前字段下符合条件的内容进行计数统计,而排除字段则是指它不考虑排除因素的影响,对字段进行统计的结果。

COUNT 函数:

函数类型:报表函数

函数作用:统计计数

函数使用样例:用法: COUNT (<度量字段>,[条件],[排除字段])返回合乎[条件]下,对<字段>进行计数的结果,[排除字段]不参与求和的交叉计算。

image.png

image.png

3.可视化报表搭建—多图表展示

在报表中,首先配置表格组件、柱状图组件和饼图组件。在表格中,首先使用报表 COUNT 基础的一个功能,其次是报表跳转详情的功能,以及柱状图的横向堆积功能和饼图的下传功能。

(1)报表组件

(2)柱状图

(3)表格

(4)饼图

image.png

4.可视化报表配置流程

(1)拖动组件选择数据集。首先,需要拖动表格组件到页面中,并且配置它的数据集,在数据集中,可以选择到表格视图表、数据准备以及跨应用。

(2)配置列字段。在配置好数据集后,要对应的配置显示字段,在表格中只需要将字段下的内容拖动到表格列字段即可,它就可以将对应的内容进行展示。

(3)配置样式。在配置好表格列后,可以对应的将表格的样式及功能进行设置,在样式选项卡下可以去配置表格的尺寸、风格以及是否合并单元格的选项。

5.可视化报表配置流程实操

配置跨应用表单,即客户管理系统。

在客户管理系统中,简单录入一个页面,在其中录入客户姓名、客户企业、客户联系方式及对应负责的员工姓名,其中员工姓名需要使用到成员组件。

image.png

录入几条数据后,针对客户管理系统页面的表单,做跨应用的新建,需要在员工管理系统中展示客户管理系统数据的内容。首先需要去新建跨应用,选择到应用设置,在应用设置中选择跨应用管理,然后新建跨应用。此时,就可以选择到当前组织架构下创建的应用,再去选择到对应的表单,点击确认。选择完成后,新建了一个跨应用在应用中,然后返回到页面管理。

image.png

创建报表。

点击新建按钮,新建报表,将报表命名为员工信息统计,点击确定进入到报表设计页面。报表设计页面上方是组件的选择区域,左侧是画布区域,右侧是组件属性配置区域。画布区域上方是筛选栏区域,可以对应的去配置筛选标题及筛选的按钮,下方可以去配置对应的报表组件。

image.png

首先对客户管理数据进行统计,拖动一个表格组件到页面中去配置它的数据集,选择数据集到跨应用,选择刚刚创建的客户管理系统,点击确认。这时,它会将客户管理系统下的所有字段进行展示,只需将想要展示的内容拖动到表格列中即可。因此,要将负责员工姓名、客户姓名、客户企业及客户联系方式以此进行拖动。此处需要统计每一个员工对应的客户数,需要用到 COUNT 公式。在表格列的上方,点击公式字段进行添加,在聚合类函数中找到 COUNT 计数,在COUNT计数下包含着字段条件及排除字段。因此,首先要统计字段内容是什么,由于每一个员工对应多个客户姓名,所以只需要统计员工姓名出现次数即可统计出该员工对应的客户数。在 COUNT 字段中将字段选择为负责员工姓名,再去统计的过程中,其他字段也会作为影响字段,所以需要将其他字段设置为排除字段,这样就不会受其他字段影响,只是统计当前的这个员工名下有多少个客户。在配置完成之后点击确定,这时即可看到表格中显示了一列对应的客户数,将对应客户数放置在对应的员工名字后面,在编辑里将字段信息修改为客户数量,点击确认。

image.png

配置好后,可以在编辑中设置样式,比如在表格列中设置对齐方式为居中使内容更加美观,然后依次去给该报表中其他的字段进行设置,依次类推。设置完后,可以在样式中将单元格进行合并,就能直观地体现出当前员工下有多少客户数量和名下的客户分别是谁,同时还可以对表格风格进行更换,比如将它设置为边框模式,即可更直观的看到内容。样式设置完后,当前的跨应用表格就已经设置完了。

接下来看第二个功能,即详情跳转功能。依旧是添加基础报表到页面中,然后选择数据集为表单,在表单中选择到员工信息录入,点击确定。员工信息录入中,选择对应想要展示的字段到页面里,比如选择员工名称、出生日期、身份证号以及所在的部门,那么将对应的内容进行配置后。接下来,需要对应的将报表里的内容进行跳转的设置,希望在查看报表的同时,可以点击详情去跳转到对应的页面中,那么就在公式字段中填写字符串,直接使用双引号,命名为详情,即“详情”,将数据类型改为改为字符串,点击确定。这时,自动出现了一列详情页,在编辑按钮中将字段信息更改为详情,然后在表格列中将对齐方式修改为居中对齐,点击确定。

image.png

配置好后,即可配置链接。首先看表单数据的链接,进入到员工信息录入表单,然后进入到数据管理页中点击一条数据,点击新开页面,进入到数据详情页后,可看到上方的链接主要分为三部分,即前面的固定链接、后面的参数及中间的连接符。连接符是以一个问号连接符来拼接后面的参数,问号连接符之前可以去锁定到当前应用下的当前表单,分别是 APP TYPE 以及用户名 ID 。通过拼接实例 ID 可以去锁定到某一条数据,每一条数据的实例 ID 都是唯一的,因此,可以通过前方的固定链接绑定上后面的参数来跳转到对应的详情页。在报表设计页面,首先要将每一条数据的表单实例 ID 进行选择展示,展示成功后,在详情里进行链接的配置,点击选择到 URL ,对链接进行复制,再返回到页面中选择上方的分享,点击复制链接。在复制链接中,将它复制到报表编辑页面中,在编辑页面里将 forminstid= 后面的内容全部删除,通过空格加@引用当前表格里的字段,然后选择到实例 ID ,点击确定进行保存,这时链接跳转已经配置完成。

image.png

点击阅览,点击详情,这时,可以看到直接对应跳转到详情页面了。在使用表格统计数据之后,接下来使用到柱状图来对部门进行统计,使用到图表中的柱状图,点击进行配置,首先依旧是选择数据集,选择到员工信息录入表,点击确定,然后选择每一个部门的人数或者每一个学历的人数。首先选择员工部门作为横向坐标,纵轴主要是统计每一个部门包含的人数有多少,因此,可以直接使用到员工姓名,也可以使用到实例 ID ,然后对实例 ID 进行计数的设置,点击确定。现在已经将数据管理中所有数据中的部门数据进行了统计。

image.png

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

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

image.png

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

以上就是本小节的内容,主要讲解了跨应用数据的获取,并且展示在报表中报表公式 COUNT 计数的使用、跳转小组链接的配置、饼图的下钻功能,以及柱状图的横向堆积功能。


六、使用手册搭建

在前三节学习中,主要对案例背景与需求进行了分析,并且对基础表单和可视化报表进行搭建。本小节,主要对使用手册进行简单的搭建。

1.使用模板创建自定义使用手册

首先根据需求,使用模板创建自定义的使用手册,创建自定义页面后,跳转到页面模板选择页面,启用工作模板,点击选中它进入到模板编辑页面。在模板搭建的过程中,可以配置对应的布局及样式,并且可以在组件库中选择对应的布局及组件,在属性样式中进行重新配置。

image.png

2.布局介绍—容器以及布局容器

容器:主要适用于布局,可与其他布局搭配使用,并且可自定义进行容器的样式设置,可以直接将组件拖动到容器中进行使用。

布局容器:可以对容器进行布局,可以放入多个组件或者多个容器到布局容器中,并且可以自定义列比例以及属性样式。

3.布局介绍—分组

分组页面中有多个独立模块需要展示(例如商店里面的产品、价格,每种产品需要放到一个模块展示)且每个模块中有多个表单组件。那么则可以将每个模块放到一个分组,再按这个分组进行展示,这时分组仍然可以去对其分组头部进行设置,例如是否显示分组标题。

image.png

4.布局介绍—选项卡

选项卡:用于自定页面布局,可在同一位置切换展示不同的内容,支持增加多个标签项。

image.png

5.实际操作举例:

根据以上几种布局方式及自定义模板搭建,搭建一个员工管理系统的使用手册。首先进入到员工管理系统中,点击创建按钮,创建一个自定义页面,将页面名称命名为“员工管理系统的使用手册”。在使用手册中,通过快捷跳转链接进行跳转,选择工作台模板1,点击进入工作台模板设计页面。

在页面设计中,可以选择组件库,也可以对现有的模板进行修改。例如,首先将上方容器中的文本名称改为“员工管理系统”。模板本身自带“待我处理”、“我创建的”以及“抄送我的”三个选项,然后点击使用布局容器,在布局容器中放置了三个小容器,分别放置不同的内容。由于此时员工管理系统内容较少,因此只需要放置一个容器就可以全部进行展示。然后直接在布局容器中将布局修改成为1,在全部展示后,只需要将对应的每一个小链接块里面的内容进行修改,便可以完成应用设置。

接下来展示几种布局的方式。首先是选项卡,设置选项卡后,可以针对不同的选项卡标签来展示不同的内容。例如采购申请的链接块,放到标签项1中,将采购合同链接块放到标签选项2中点击保存。预览效果后,在下方便可以直接看到标签项,并且在切换标签项时,会显示不同的内容,这便是选项卡的一个使用方式。接下来将选项卡删除,选中当前的分组,当前下面分组标题为采购管理,需要去将分组标题修改为员工管理,需要对应的去将每一个链接框里的内容进行修改。首先,需要修改链接框里的链接地址,可以将它配置为内部页面以及外部链接。在内部页面中,可以直接让它跳转到任意一个页面,例如可以首先将其配置到员工信息录入页面,然后在选择后点击到图标下方的文本,在文本内容中将它改成员工信息录入,并且修改它的样式,例如可以修改上间距以及下间距和显示设置。这里实机操作为上间距设置为12,然后设置文字样式,设置为400的正常字体,并且设置倾斜,配置颜色为黑色,属性为居中,最后设置字号。当配置完后,可以直接配置下一个链接块,与此同时,还可以对当前样式进行边框设置,选择链接块,点击样式,针对边框,然后修改它的线形,例如当使用虚线时,设置宽度,接着配置边框颜色,任意选择颜色,进行配置,在配置完之后,可以看到在链接块四周包含了一圈的边框,接下来给边框进行一个圆角的设置。选择边框,设置圆角角度,例如当前角度设置为10,这时可以看到边框有了圆角弧度。以此类推,可以设置任意一个链接块样式为自己喜欢的样式,最后,依次对页面进行设置。将员工调动申请依次录入,然后将多余的一个链接块删除,此时自定义页面就已经配置成功。配置成功之后,点击保存,再进行预览。进入预览页面后,可以通过员工管理下的快捷键直接进入到对应的页面中,此时这个简单的页面工作台就搭建完成了。

image.png

6.本节总结

通过对员工管理系统的背景了解和需求分析,确定了员工管理系统应用所需要的功能,并且通过全流程的实践掌握了应用的创建以及配置。

员工管理系统整体流程回顾:创建基础表单—创建可视化图表—创建自定义页面使用手册。

在对需求进行分析后,首先创建了基础表单,创建完毕之后,对对应的表单进行了数据的录入。录入数据之后,需要对数据进行统计,可以按照需求去创建可视化图表。整体的页面全部搭建完成后,为了使用方便,使用自定义页面工作台,去创建了简单的跳转手册,可以通过这个首页直接进行页面的快捷跳转,这使系统更加快速便捷。

image.png


七、课程总结

1.表单组件:图片上传、下拉单选、地址、子表单、分组

2. 函数:文本函数、数学函数、逻辑函数、报表函数(报表 COUNT 公式)

3.功能:

(1)关联表单组件填充

(2)报表展示跨应用数据集

(3)报表多图表配置

(4)自定义页面布局配置,及如何快速启用自定义模板变成自己的应用

4.更多场景:同样的思路,可以应用到多个场景,在搭建其他场景时,可以按照这样的思路去执行内容。首先需求分析,然后创建表单、创建报表,创建自定义页面等等的需求,都可以按照这个思路去搭建一个完整的流程。例如出差申请、报销审批、客户管理系统等。

相关文章
|
6月前
|
JavaScript 小程序 Java
基于Java的高校学生综合测评管理系统的设计与实现(亮点:选课、课程评分、各类活动申请、学生考勤记录)
基于Java的高校学生综合测评管理系统的设计与实现(亮点:选课、课程评分、各类活动申请、学生考勤记录)
114 0
|
6月前
|
敏捷开发 算法 安全
如何精准展现C/C++项目亮点:高级工程师面试指南
如何精准展现C/C++项目亮点:高级工程师面试指南
126 1
|
存储 算法 安全
【实训】“宅急送”订餐管理系统(程序设计综合能力实训)
【实训】“宅急送”订餐管理系统(程序设计综合能力实训)
65 0
|
存储 前端开发 JavaScript
构建高效学生志愿者活动管理系统:基于前后端分离的设计与实现
构建高效学生志愿者活动管理系统:基于前后端分离的设计与实现
构建高效学生志愿者活动管理系统:基于前后端分离的设计与实现
|
测试技术 开发者
软件工程高效学 | 实战案例:在线选修课程管理系统设计
软件工程是计算机领域的一门专业基础课,它对于培养开发者的软件素质、提高开发者的软件开发能力与软件项目管理能力具有重要意义。本篇介绍了利用Rational Rose进行“在线选修课程管理系统”面向对象的设计案例。
188 0
软件工程高效学 | 实战案例:在线选修课程管理系统设计
|
SQL 存储 物联网
数据开发在图书馆场景的应用实践案例
本文介绍如何使用物联网平台SQL工作的实践案例
|
网络协议 网络虚拟化 网络架构
综合实战项目
综合实战项目
73 0
|
数据可视化 数据管理 BI
员工管理系统综合实践|学习笔记(二)
快速学习员工管理系统综合实践
员工管理系统综合实践|学习笔记(二)
|
数据可视化 BI 调度
员工管理系统综合实践|学习笔记(一)
快速学习员工管理系统综合实践
员工管理系统综合实践|学习笔记(一)
|
开发者 容器
招聘管理综合实践——面试流程搭建|学习笔记
快速学习招聘管理综合实践——面试流程搭建
招聘管理综合实践——面试流程搭建|学习笔记