# 通过华为云Astro轻应用流程模板创建出差审批电子流 #### 方案概述 华为云Astro轻应用低代码平台基于业界BPMN 2.0标准，实现了自己的业务流程管理系统，即工作流。华为云Astro轻应用中的工作流是一套图形化的流程编排引擎，着重于构建带有用户交互行为的业务流程，例如审批流、工单派发流程等。本实践通过创建一个出差审批应用，帮助您快速熟悉华为云Astro轻应用中的工作流。 员工出差是企业运营中最常见的业务场景，涉及到一系列的管理流程，例如出差申请、审批、行程安排、费用报销等。本实践以一个简单的员工出差场景，即员工在出差前需要提交一个出差申请审批的电子流程，员工提交出差申请后，主管处理审批或拒绝提交人申请，向您介绍如何使用华为云Astro轻应用中的工作流。本示例中的出差审批应用主要包括如下功能： - 基于工作流模板创建出差电子流。 - 发送邮件。 图1出差审批应用最终效果图 ![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001900612690.png "点击放大") #### 操作流程 在华为云Astro轻应用中开发出差审批应用的流程，如[图2]所示。 图2出差审批应用开发流程 ![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000002126353274.png) 1. [步骤一：添加业务用户并进行授权] 本示例中的应用包括主管和员工两种角色的业务用户。创建出差审批应用前，需要将员工、主管添加到华为云Astro轻应用中。 2. [步骤二：创建队列] 队列是华为云Astro轻应用中的一种成员集，即在实际业务场景中，用来记录一类具有相同权限和任务对象的成员集。本示例中需要创建2个队列，用于在工作流中区分不同角色在流程中处理的任务。 3. [步骤3：创建空白应用] 创建应用是在华为云Astro轻应用开发环境开发项目的第一步，也是端到端构建软件应用的入口。 4. [步骤四：创建工作流] 基于工作流中HR类流程模板，创建工作流，并设置各泳道责任人。 5. [步骤五：配置BTA应用] 在应用配置中，定义出差审批应用的导航菜单栏。 6. [步骤六：业务功能调测] 验证出差审批流程是否按照预期执行，即员工提交出差申请，主管对申请进行审批，分别测试审批通过、拒绝与重填。 #### 步骤一：添加业务用户并进行授权 本示例中的应用包括主管和员工两种角色的业务用户。创建出差审批应用前，需要将员工、主管添加到华为云Astro轻应用中。 1. 在统一身份认证服务IAM中创建两个子账号（主管和员工）。 1. 以华为账号登录[华为云官网](https://www.huaweicloud.com/)，在顶部导航栏右侧单击"控制台"，进入华为云控制台。 2. 在左侧导航栏上方，单击![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001939212293.png)，选择服务实例所在的区域项目。 3. 单击![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001900452778.png)，在查找框中搜索"统一身份认证服务"，单击查找到的结果，进入IAM服务控制台。 您也可以选择"管理与监管 \> 统一身份认证服务 IAM"，进入IAM服务控制台。 4. 在"用户"中，单击"创建用户"，创建主管、员工两个用户。 如何创建用户，请参见[创建IAM用户](https://support.huaweicloud.com/usermanual-iam/iam_02_0001.html)。假设，本示例创建主管用户为Helen、员工用户为Mike。 2. 在华为云Astro轻应用中添加子账号并授权。 1. 以华为账号登录[华为云Astro轻应用服务控制台](https://console.huaweicloud.com/appcube/?locale=zh-cn#/home)。 2. 在主页中，单击"进入首页"，进入开发页面。 3. 在页面左上角，单击![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001939212193.png)，选择"环境管理 \> 环境配置"，进入华为云Astro轻应用环境配置。 图3进入华为云Astro轻应用环境配置 ![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001900612718.png "点击放大") 4. 在左侧导航栏中，选择"用户安全 \> 用户"，单击"添加IAM用户"。 5. 在全部用户列表中，选择[1]中创建的子账号，单击"下一步"。 图4选择待添加的子账号 ![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001939212301.png "点击放大") 6. 赋予主管和员工System Administrator Profile权限，单击"保存"。 System Administrator Profile为系统管理员权限，拥有这个权限的用户拥有华为云Astro轻应用全部权限。在实际的出差审批应用中，只需赋予业务用户Portal User Profile或Anonymous User Profile权限即可。此处为了验证出差审批应用的功能，赋予业务用户（员工Mike、主管Helen）System Administrator Profile权限。如何给业务用户授权，请参见[配置业务用户](https://support.huaweicloud.com/usermanual-astrozero/astrozero_06_2032.html)。 图5给子账号授权 ![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001939212325.png "点击放大") #### 步骤二：创建队列 队列是华为云Astro轻应用中的一种成员集，即在实际业务场景中，用来记录一类具有相同权限和任务对象的成员集。本示例中应用需要使用到[表1]中2个队列，用于在工作流中区分不同角色在流程中处理的任务。 表1队列信息 | 名称 | 说明 | |:---|:---| | Employee | 员工队列，添加的队列成员为普通员工，如Mike。 | | Manager | 主管队列（负责一级审批），添加的队列成员为主管，如Helen。 | 1. 以华为账号登录华为云Astro轻应用环境配置。 2. 在主菜单中 ，选择"维护"。 3. 在左侧导航栏中，选择"全局元素 \> 队列"。 4. 在队列页面，单击"新建"，创建[表1]中的Employee队列。 1. 在新建队列基本信息中，设置队列标签和名称，其他参数保持默认。 - 标签：新建队列的标签，本示例配置为Employee。 - 名称：新建队列的名称，本示例配置为Employee。 2. 在队列成员中，单击"添加"，为Employee工作队列添加Mike及当前租户账号为成员。 图6添加Mike成员 ![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001939212225.png "点击放大") 3. 单击"保存"，进入队列详情页面。 在Employee队列详情页面，可以查看新建队列的信息。如果创建队列时未添加成员，在成员信息中单击"添加"，可为队列添加成员。 5. 参照[4]中操作，创建Manager队列。 图7设置标签和名称 ![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001900612766.png "点击放大") 图8为队列添加Helen成员及租户账号 ![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001900612686.png "点击放大") #### 步骤3：创建空白应用 创建应用是在华为云Astro轻应用开发环境开发项目的第一步，也是端到端构建软件应用的入口。 1. 以华为账号登录[华为云Astro轻应用服务控制台](https://console.huaweicloud.com/appcube/?locale=zh-cn#/home)。 2. 在主页中，单击"进入首页"，进入应用开发页面。 3. 在左侧导航栏中，单击"应用"，进入低代码应用页面。 4. 单击新建低代码应用后的![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001900612714.png)，进入新建空白应用页面。 图9进入创建轻应用入口 ![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001900452818.png "点击放大") 5. 在新建低代码应用中，选择"标准应用"，单击"确定"。 6. 设置应用标签和名称，此处均设置为BTA。 图10设置轻应用标签和名称 ![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001900612670.png "点击放大") [图10]名称前模糊掉的内容为命名空间，在华为云Astro轻应用中为了避免不同租户间数据的重名，租户在首次创建应用时需要先定义一个命名空间。一个租户只能创建一个命名空间，创建后不支持修改，请谨慎定义。 7. 单击"新建"，进入BTA新版应用设计器。 图11BTA新版应用设计器 ![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001900452802.png "点击放大") #### 步骤四：创建工作流 基于工作流中HR类流程模板，创建工作流，并设置各泳道责任人。 1. 创建工作流。 1. 在BTA新版应用设计器的"开始"页面中，单击"新建工作流"。 2. 在新建工作流页面，单击"基于模板"，设置标签、名称和描述信息。 图12添加工作流 ![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001963171758.png "点击放大") 3. 单击"选择模板"，选择"HR"中的"出差申请"模板后，单击"创建"。 图13选择出差申请模板 ![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001939212297.png "点击放大") 创建完成后，自动进入出差申请工作流编辑页面。在设置工作流前，您可以先通过[表2]了解出差申请工作流中各节点的功能。 图14出差申请工作流开发页面 ![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001969549718.png "点击放大") 表2出差申请工作流中各节点功能介绍 | 编号 | 节点 | 功能说明 | |:---|:---|:---| | 1 | 提交申请 | 开始节点，调用一个标准表单TravelRequest，供出差申请人提交出差申请。 | | 2 | 数据映射 | 将出差申请标准表单中的请求字段映射到对象中。 | | 3 | 申请审批 | 用户任务，将对象中的字段渲染到标准表单Approve并且确定审批人。 | | 4 | 审批网关 | 审批人进行通过或拒绝两种操作。 | | 5 | 数据映射 | 申请拒绝后，将Approve标准表单中的字段映射回TravelRequest标准表单。 | | 6 | 重新填写请求 | 刷新TravelRequest表单中的内容，重新提交出差申请。 | | 7 | 数据映射 | 将TravelRequest表单中的字段值映射到Approve中，重新发起审批申请。 | | 8 | 发送邮件 | 审批通过，发送邮件将结果告知出差申请人。 | | 9 | 流程结束 | 结束节点，执行到此整个工作流执行结束。 | 2. 设置工作流，配置各泳道处理人。 在进行工作流设计前，请先参照[工作流](https://support.huaweicloud.com/usermanual-astrozero/astrozero_05_9176.html)中内容对工作流设计界面进行全面的了解。 1. 在工作流开发页面，单击"Process Owner"泳道，配置工作队列为"Employee"。 图15配置员工为申请人 ![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001939212305.png "点击放大") 2. 单击"Reviewer"泳道，配置工作队列为"Manager"。 图16配置主管为审批人 ![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001900452758.png "点击放大") 3. 单击泳道"Process Owner"上的"重新填写请求"用户任务元素，设置任务标题为"待重新提交"。 执行该操作的目的是，后续在"我的待办"中可以看到"待重新提交"的任务状态。 图17配置为待重新提交 ![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001900612702.png "点击放大") 4. 单击泳道"Reviewer"上的"申请审批"用户任务元素，设置任务标题为"待主管审批"。 执行此操作的目的是，后续在"我的待办"中可以看到"待主管审批"的任务状态。 图18配置为待主管审批 ![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001900452842.png "点击放大") 5. 单击![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001900452782.png)，保存工作流。 6. 单击![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001900452798.png)，启用工作流。 #### 步骤五：配置BTA应用 在应用配置中，定义出差审批应用的导航菜单栏。 1. 在BTA新版应用设计器的"开始"页面，单击底部的"应用导航设置"。 图19进入应用配置 ![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001900612738.png "点击放大") 2. 在"主导航设置"页签，单击"Home"，将"菜单名称"设置为"我的待办"，单击"保存"。 图20编辑页签 ![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001939212269.png "点击放大") 3. 在主导航设置中，单击"新建"，新建"我要出差"菜单项，单击"保存"。 图21添加我要出差页签 ![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001900452786.png "点击放大") 图22导航条最终效果 ![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001900612746.png) 4. 在BTA新版应用设计器主菜单中，单击"运行 \> 立即运行"，可预览出差审批应用。 图23出差审批应用效果图 ![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001939212273.png "点击放大") 到此，您已完成出差审批应用的开发。 **思考**：如何将导航栏菜单在出差审批应用顶部显示？ 在应用配置页面的"外观设置"中，可以修改菜单样式、应用图标等。 图24修改菜单样式、应用图标 ![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001900452854.png "点击放大") 图25设置后效果 ![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001939212257.png "点击放大") #### 步骤六：业务功能调测 出差审批测试流程：员工提交出差申请，主管对申请进行审批，分别测试审批通过、拒绝与重填。 1. 我是员工，填写出差申请。 1. 以员工账号（本示例为Mike），登录[华为云Astro轻应用服务控制台](https://console.huaweicloud.com/appcube/?locale=zh-cn#/home)。 图26员工登录华为云Astro轻应用 ![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000002161391669.png "点击放大") 2. 在主页中，单击"进入首页"，进入应用开发页面。 3. 在左侧导航栏中，单击"应用"，进入低代码应用页面。 4. 在低代码应用列表中，单击已创建BTA应用后的"编辑"，进入BTA应用设计器。 5. 在主菜单中，单击"运行 \> 立即运行"，进入出差审批应用预览页面。 6. 单击"我要出差"，填写出差信息，单击"提交"。 图27员工填写出差申请 ![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001939212317.png "点击放大") 7. 在"我的待办 \> 我的申请"中，可查看到已提交的出差申请电子流。 图28查看我的申请 ![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001939212197.png "点击放大") 2. 我是主管，审批出差申请。 1. 以主管账号（本示例为Helen），登录[华为云Astro轻应用服务控制台](https://console.huaweicloud.com/appcube/?locale=zh-cn#/home)。 图29主管登录华为云Astro轻应用 ![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000002126109586.png) 2. 在主页中，单击"进入首页"，进入应用开发。 3. 在左侧导航栏中，单击"应用"，进入低代码应用页面。 4. 在低代码应用列表中，单击已创建BTA应用后的"编辑"，进入BTA应用设计器。 5. 在主菜单中，单击"运行 \> 立即运行"，进入出差审批应用预览页面。 6. 单击"我的待办"，在我的待办列表中，单击"待主管审批"，进入主管审批页面。 图30我的待办 ![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001900452862.png "点击放大") 图31主管审批页面 ![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001939212281.png "点击放大") 7. 单击"通过"或"驳回"。 - 如果主管通过了审批，会发送审批通过的邮件到[图27]中的员工电子邮箱中，如[图32]。 图32审批通过邮件 ![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001939212309.png) - 如果主管驳回了审批，在员工"我的待办"中，可查看到被主管退回的申请记录，如[图33]。 图33查看被拒绝的记录 ![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001939212253.png "点击放大") 恭喜您，完成了出差审批应用的开发和功能测试。通过本章节的操作，相信您对华为云Astro轻应用中的轻应用及工作流有了一定的了解。