码上公益低代码开发训练营 — 课时2：《低代码开发师初级认证课程》第三章 从线下审批到在线审批-课时2：《低代码开发师初级认证课程》第3章

第三章 从线下审批到在线审批

 

视频地址：

https://developer.aliyun.com/learning/course/994/detail/14986

 

课程概述：

 

宜搭可以通过线上流程审批，轻松的完成各种复杂业务流程的审批工作，促进团队工作效率的提升。本章将通过从空白开始创建一个请假申请应用，掌握表单、流程和数据的基本配置，为后续进阶课程打下良好的基础。

 

课程目标：

 

• 了解为什么要实现在线审批
• 了解在线审批的操作基础
• 掌握表单基础和表单操作
• 掌握流程基础和流程操作
• 掌握数据基础

 

课程目录：

 

一、宣搭的在线审批基础

二、请假申请案例实践-表单使用

三、请假申请案例实践-流程设计

四、请假申请案例实践-数据使用

 

一、  宜搭的在线审批基础

 

1.  在线审批的背景与优势

 

a.  在线审批解决了线下审批的问题：

 

• 填写困难；
• 审批找人难；
• 统计困难；
• 存档困难；

 

b.  在线审批的优势：

 

• 传统表格能做的宜搭都能做；
• 线下找人签字改成线上审批；
• 不用麻烦的翻找纸质存档。

 

2.  宜搭在线审批基础

 

在宜搭的应用中，通过表单、流程表单、报表、自定义页面、添加外部链接来配合完成完整的业务场景需求的解决。

 

宜搭的基础三要素：表单、流程和报表。

 

3.  宜搭表单的类型及适用场景

 

宜搭表单主要分为两类：普通表单和流程表单，两类表单的适用场景分别是：

 

• 普通表单：收集数据，适用于匿名投票应用；
• 流程表单：流程线上化，适用于行政管理应用，请假、出差申请流程表单。

 

4.  表单的页面设计

 

表单的页面设计包括组件库、画布和属性三部分：

 

• 组件库

• 选择组件，不同的组件可以存储不同类型的数据；

• 画布

• 可以布局组件排列顺序等；

• 属性

• 包括单个组件段的属性设置以及整个表单的属性设置；

 

5.  简易流程设计器

 

在表单设计页面点击“流程设计”可以到达简易流程设计器页面，包括：流程画布、全局设置、测试、保存和发布。

 

• 流程画布

• 能配置包括审批人、执行人、抄送人、分支节点和消息通知等节点；

• 全局设置

• 配置校验、关联规则、自动执行规则等操作；

• 测试

• 配置好测试数据及发起人后，选择启动测试，即可在审批流程中查看模拟的流程；

• 保存并发布

• 配置完成后点击保存并发布流程，后续提交的数据按照此次流程设计进行流转。

 

二、  请假申请案例实践-表单使用

 

1.  传统请假单存在的问题

 

• 填写繁琐，不容易存档；
• 人工传递表单进行审批，容易疏漏，并且审批不及时；
• 表单数据不易追踪与统计，HR需要人工计算与汇总数据，容易出错；

 

2.  线下表单与在线表单对比

 

使用宜搭，一般职能人员就可以搭建流程应用系统，HR可以将线下的请假流程转移到线上，实现在线化的请假审批流程。

 

在下图中的左侧是传统的纸质请假单，右侧是请假申请的宜搭应用。

 

3.  表单组件介绍

 

• 成员：可以输入当前架构内的人员，如申请人；
• 单行文本：可以输入文字、数字，字数上限200字，如部门；
• 日期：选择日期填入，可设置格式与可选日期区间，如申请时间，请假开始/结束时间；
• 单选：从多个选项中选择其中一项，可自定义选项内容，如请假类型；
• 数值：可以输入数字，可以设置小数位数和单位，支持输入数字的有效长度为16位，如请假小时/请假天数；
• 多行文本：可以输入较长，较为复杂的内容，如请假事由；
• 图片上传：支持图片上传，可选择上传类型(点击、卡片、拖拽)，如图片。

 

 

4.  组件中的公式介绍

 

组件中的函数类型有：人员获取函数（USER）、文本函数（DEPTNAME），以及四类时间函数（SYSTIME,TIMESTAMP,DAYS,DATE）。

 

5.  搭建演示

 

详细步骤：

 

a.  进入宜搭首页，选择工作台-创建空白应用，填写应用名称并点击“确定”；

 

b.  选择新建流程表单，填写表单名称，并点击“确定”，完成流程表单创建；

 

c.  在表单设计页面从左侧组件库中拖拽需要的组件到中间的画布，并在右侧栏中进行组件的属性设置：

 

组件1：成员

 

属性设置

• 标题：申请人；
• 默认值：选择公式编辑，点击“编辑公式”，在函数列表中选择USER，点击“确定”；

 

组件2：单行文本

 

属性设置：

• 标题：申请人所在部门；
• 默认值：选择公式编辑，点击“编辑公式”，在函数列表中选择DEPTNAME，点击“确定”；

 

组件3：日期

 

属性设置：

• 标题：申请日期
• 默认值：公式编辑，函数TIMESTAMP(SYSTIME())，点击“确定”
• 格式：年-月-日 时-分-秒

 

组件4：单选

 

属性设置：

• 标题：请假类型
• 自定义选项：选择批量编辑，输入：年假、事假、病假，点击“确定”；

 

组件5：日期

 

属性设置：

• 标题：请假开始时间/请假结束时间

 

组件6：数值

 

属性设置：

• 标题：时长
• 默认值：公式编辑，函数DAYS(DATE(请假结束时间))，DAYS(DATE(请假开始时间))

 

组件7：单行文本

 

属性设置：

• 标题：请假事由

 

组件8：图片上传

 

属性设置：

• 标题：图片
• 上传类型：卡片

 

d.  设置完成后点击“确定”，然后进行页面预览，完成表单。

 

 

6.  请假申请表单搭建的整体流程

 

通过对请假流程的背景了解和需求分析，确定应用所需要的功能，开始创建一个请假申请表单，请假申请表单搭建的整体流程如下：

 

a.  创建空白应用；

b.  新建流程表单；

c.  拖动所需组件并配置相关公式。

 

三、  请假申请案例实践-流程设计

 

1.  审批流程介绍

 

一个审批流程通常由审批人、审批策略、审批动作组成：

 

• 审批人：指定成员、角色、连续多级主管审批等；
• 审批策略：当有多个审批人时，可以选择会签、或签和依次审批的方式进行审批；
• 审批动作：同意、拒绝、转交、加签和退回。

 

2.  流程审批节点介绍

 

一个审批流程包含发起、一个或若干个流程节点和结束三个部分，中间可添加的节点类型有：人工节点、分支节点、连接器、数据节点和开发者。下图右边黑色框中的内容就是可以添加的节点。

 

3.  两种审批流程

 

审批流程主要有两种：串行审批和条件触发审批。

 

4.  请假审批流程设计

 

下图是请假申请流程设计，采用条件触发流程，以请假时长作为触发条件，当请假时长小于1天，仅需部门主管审批，其他情况需要主管和总经理审批。

 

 

5.  实操演练

 

详细步骤：

 

a.  在搭建好的请假申请表单设计中点击“流程设计”进入简易流程设计器，在流程中点击加号添加节点；

 

 

b.  选择“分支节点”，在“条件一”中配置条件规则：时长-小于等于-1；

 

 

c.  删除流程图中默认的“审批人”并重新设置“审批人”节点；

 

 

d.  配置审批人

 

• 审批人设置：部门主管；
• 选择部门主管：发起人-第1级主管；
• 多人审批方式：或签（一名审批人同意即可）；

 

e.  配置审批动作，点击“审批按钮”，默认启用“同意”和“拒绝”，可根据需要自行打开其他操作；

 

f.  配置“其他情况”，需要添加2个审批人：部门主管和总经理，配置完成点击“确认”；

 

 

g.  流程配置完成后点击“保存”并发布流程，期间可以点击“启用测试”测试表单。

 

6.  请假审批流程的设计步骤

 

创建完请假申请的流程表单之后，需要对请假审批流程进行设计，进入到流程设计界面，按如下步骤完成流程设计与配置：

 

a.  流程设计；

b.  添加分支节点并配置规则；

c.  配置审批人节点和审批动作；

d.  保存并发布。

 

四、  请假申请案例实践-数据使用

 

1.  数据统计与分析

 

请假申请数据通过表单提交后如何汇总员工请假数据并进行统计与分析呢?使用宜搭可以实现数据整理。

 

数据整理的优点:

 

• 数据采集简单，不易丢失；
• 一键批量导出数据，高效办公；
• 设置权限，让信息更安全；
• 可直接快速检查所需信息；
• 数据可视化，方便查看，对比等；

 

2.  数据的闭环

 

数据的闭环包括三个部分：数据采集、数据分析和数据汇总。

 

a.  数据采集：

 

在流程中有不同的角色负责不同的任务：

 

• 审批人：汇总待我审批的流程任务；
• 发起人：随时掌握我创建任务的审批进度；
• 抄送人：抄送我的内容；

 

这些任务数据会集中显示在前端页面，在后台设置方面，宜搭应用后台管理内置四个流程（待我处理、我已处理、我创建的、抄送我的）相关的数据展示页面。

 

• 实操演示：

 

进入宜搭应用后台，点击“访问”；

 

查看后台内部数据；

 

点击“请假申请”进入请假申请表流程表单，点击“数据管理”进入后台数据管理页面，页面功能包括：设置查询条件、设置数据的显示列、数据批量导入导出、下载文件，等；

 

设置筛选条件，点击“筛选条件”，勾选“全选”，点击“确定”；

 

新建数据管理页面；

 

点击“访问”查看新建的请假申请-数据管理页；

 

以上实现数据在访问页面展示的功能。

 

b.  数据汇总

 

宜搭可以将散落在各处的数据进行自动汇总，并集中展示，还支持导入、导出、打印等功能。

 

c.  数据分析

 

使用宜搭可以通过建立报表页面以图表形式对数据进行多维的展示和分析。

 

3.  实操演示：搭建报表页面

 

a.  创建报表：在后台管理页面点击加号，找到新建报表，输入报表名称，点击“确定”；

 

b.  进入报表页面设计器的组件库，这里提供多种图标组件，如：柱状图、折线图、饼图、仪表盘、漏斗图，等等；

 

c.  配置2个图表组件：表格和折线图，在组件库中选择基础表格和折线图；

 

d.  配置表格，在右侧栏中点击“选择数据集”-表单-请假申请，并进行配置，在字段中选择所需字段拖拽到表格列中；

 

 

e.  配置折线图，折线图的横轴表示时间，纵轴表示数值，将对应字段拖拽到横轴（日_请假开始时间）和纵轴（申请人）；

 

 

f.  配置柱状图，选择柱状图到页面并配置数据，如统计申请人请假总时长，将字段“申请人”放到横轴，“时长”放到纵轴，时长设置为“求和”以计算总时长，纵轴添加一个数据“实例ID”用来计算请假次数；

 

g.  配置完成后点击“保存”；

 

h.  查看报表，点击“访问”-“报表页面”，完成数据汇总。

 

4.  请假申请数据管理流程

 

提交请假申请，完成请假审批流程后，数据将存放到系统后台中，通过以下流

程实现对数据的管理：

 

a.  数据采集：通过任务模块获取不同状态的任务，采集数据；

 

b.  数据汇总：通过数据管理页面，汇总所有请假申请表单中的详细数据；

 

c.  数据分析：通过新建报表页面，配置柱状图，统计请假数据结果，便于进行数据分析。

 

课程总结

 

本章主要讲解了以下内容：

1.  表单组件:成员、单选、日期、数值、图片上传；

2.  函数:人员获取函数、文本函数、时间函数；

3.  功能:

• 流程设计，分支条件，审批人配置；
• 数据整理后的报表、数据管理页展示；

4.  更多场景：出差申请、报销审批，等。

 

课后练习

 

(不定项)流程设计的人工节点包含哪些?

 

A.审批人

B.执行人

C.抄送人

D.消息通知

 

答案：ABCD