低代码开发简易出差审批应用

方案概述

华为云Astro轻应用低代码平台基于业界BPMN 2.0标准，实现了自己的业务流程管理系统，即工作流。华为云Astro轻应用中的工作流是一套图形化的流程编排引擎，着重于构建带有用户交互行为的业务流程，例如审批流、工单派发流程等。本实践通过创建一个出差审批应用，帮助您快速熟悉华为云Astro轻应用中的工作流。

员工出差是企业运营中最常见的业务场景，涉及到一系列的管理流程，例如出差申请、审批、行程安排、费用报销等。本实践以一个简单的员工出差场景，即员工在出差前需要提交一个出差申请审批的电子流程，员工提交出差申请后，主管处理审批或拒绝提交人申请，向您介绍如何使用华为云Astro轻应用中的工作流。本示例中的出差审批应用主要包括如下功能：

• 基于工作流模板创建出差电子流。
• 发送邮件。

图1 出差审批应用最终效果图

操作流程

在华为云Astro轻应用中开发出差审批应用的流程，如图2所示。

图2 出差审批应用开发流程

1. 步骤一：添加业务用户并进行授权

   本示例中的应用包括主管和员工两种角色的业务用户。创建出差审批应用前，需要将员工、主管添加到华为云Astro轻应用中。

2. 步骤二：创建队列

   队列是华为云Astro轻应用中的一种成员集，即在实际业务场景中，用来记录一类具有相同权限和任务对象的成员集。本示例中需要创建2个队列，用于在工作流中区分不同角色在流程中处理的任务。

3. 步骤3：创建空白应用

   创建应用是在华为云Astro轻应用开发环境开发项目的第一步，也是端到端构建软件应用的入口。

4. 步骤四：创建工作流

   基于工作流中HR类流程模板，创建工作流，并设置各泳道责任人。

5. 步骤五：配置BTA应用

   在应用配置中，定义出差审批应用的导航菜单栏。

6. 步骤六：业务功能调测

   验证出差审批流程是否按照预期执行，即员工提交出差申请，主管对申请进行审批，分别测试审批通过、拒绝与重填。

步骤一：添加业务用户并进行授权

本示例中的应用包括主管和员工两种角色的业务用户。创建出差审批应用前，需要将员工、主管添加到华为云Astro轻应用中。

1. 在 统一身份认证 服务 IAM 中创建两个子账号（主管和员工）。
   1. 以华为账号登录华为云官网，在顶部导航栏右侧单击“控制台”，进入华为云控制台。
   2. 在左侧导航栏上方，单击，选择服务实例所在的区域项目。
   3. 单击，在查找框中搜索“统一身份认证服务”，单击查找到的结果，进入IAM服务控制台。

      您也可以选择“管理与监管 > 统一身份认证服务 IAM”，进入IAM服务控制台。

   4. 在“用户”中，单击“创建用户”，创建主管、员工两个用户。

      如何创建用户，请参见创建IAM用户。假设，本示例创建主管用户为Helen、员工用户为Mike。

2. 在华为云Astro轻应用中添加子账号并授权。
   1. 以华为账号登录华为云。
   2. 单击，在查找框中搜索“华为云Astro轻应用”，单击查找的结果，进入华为云Astro轻应用服务控制台。
   3. 在实例页面，单击“进入首页”。
   4. 在页面左上角，单击，选择“环境管理 > 环境配置”，进入华为云Astro轻应用环境配置。
      图3 进入华为云Astro轻应用环境配置
      
   5. 在左侧导航栏中，选择“用户安全 > 用户”，单击“添加IAM用户”。
   6. 在全部用户列表中，选择1中创建的子账号，单击“下一步”。
      图4 选择待添加的子账号
      
   7. 赋予主管和员工System Administrator Profile权限，单击“保存”。
      System Administrator Profile为系统管理员权限，拥有这个权限的用户拥有华为云Astro轻应用全部权限。在实际的出差审批应用中，只需赋予业务用户Portal User Profile或Anonymous User Profile权限即可。此处为了验证出差审批应用的功能，赋予业务用户（员工Mike、主管Helen）System Administrator Profile权限。如何给业务用户授权，请参见配置业务用户。

      图5 给子账号授权
      

步骤二：创建队列

队列是华为云Astro轻应用中的一种成员集，即在实际业务场景中，用来记录一类具有相同权限和任务对象的成员集。本示例中应用需要使用到表1中2个队列，用于在工作流中区分不同角色在流程中处理的任务。

1. 以华为账号登录华为云Astro轻应用环境配置。
2. 在主菜单中 ，选择“维护”。
3. 在左侧导航栏中，选择“全局元素 > 队列”。
4. 在队列页面，单击“新建”，创建表1中的Employee队列。
   1. 在新建队列基本信息中，设置队列标签和名称，其他参数保持默认。
      • 标签：新建队列的标签，本示例配置为Employee。
      • 名称：新建队列的名称，本示例配置为Employee。
   2. 在队列成员中，单击“添加”，为Employee工作队列添加Mike及当前租户账号为成员。
      图6 添加Mike成员
      
   3. 单击“保存”，进入队列详情页面。

      在Employee队列详情页面，可以查看新建队列的信息。如果创建队列时未添加成员，在成员信息中单击“添加”，可为队列添加成员。

5. 参照4中操作，创建Manager队列。
   图7 设置标签和名称
   
   图8 为队列添加Helen成员及租户账号
   

步骤3：创建空白应用

创建应用是在华为云Astro轻应用开发环境开发项目的第一步，也是端到端构建软件应用的入口。

1. 以华为账号登录华为云Astro轻应用服务控制台。
2. 在实例列表中，单击“进入首页”，进入应用开发页面。
3. 在左侧导航栏中，单击“应用”，进入低代码应用页面。
4. 单击新建低代码应用后的，进入新建空白应用页面。
   图9 进入创建轻应用入口
   

5. 在新建低代码应用中，选择“标准应用”，单击“确定”。
6. 设置应用标签和名称，此处均设置为BTA。
   图10 设置轻应用标签和名称
   

   图10名称前模糊掉的内容为命名空间，在华为云Astro轻应用中为了避免不同租户间数据的重名，租户在首次创建应用时需要先定义一个命名空间。一个租户只能创建一个命名空间，创建后不支持修改，请谨慎定义。

7. 单击“新建”，进入BTA新版应用设计器。
   图11 BTA新版应用设计器
   

步骤四：创建工作流

基于工作流中HR类流程模板，创建工作流，并设置各泳道责任人。

1. 创建工作流。
   1. 在BTA新版应用设计器的“开始”页面中，单击“新建工作流”。
   2. 在新建工作流页面，单击“基于模板”，设置标签、名称和描述信息。
      图12 添加工作流
      
   3. 单击“选择模板”，选择“HR”中的“出差申请”模板后，单击“创建”。
      图13 选择出差申请模板
      

      创建完成后，自动进入出差申请工作流编辑页面。在设置工作流前，您可以先通过表2了解出差申请工作流中各节点的功能。

      图14 出差申请工作流开发页面
      

      表2 出差申请工作流中各节点功能介绍

      编号	节点	功能说明
      1	提交申请	开始节点，调用一个标准表单TravelRequest，供出差申请人提交出差申请。
      2	数据映射	将出差申请标准表单中的请求字段映射到对象中。
      3	申请审批	用户任务，将对象中的字段渲染到标准表单Approve并且确定审批人。
      4	审批网关	审批人进行通过或拒绝两种操作。
      5	数据映射	申请拒绝后，将Approve标准表单中的字段映射回TravelRequest标准表单。
      6	重新填写请求	刷新TravelRequest表单中的内容，重新提交出差申请。
      7	数据映射	将TravelRequest表单中的字段值映射到Approve中，重新发起审批申请。
      8	发送邮件	审批通过，发送邮件将结果告知出差申请人。
      9	流程结束	结束节点，执行到此整个工作流执行结束。

2. 设置工作流，配置各泳道处理人。

   在进行工作流设计前，请先参照工作流中内容对工作流设计界面进行全面的了解。

   1. 在工作流开发页面，单击“Process Owner”泳道，配置工作队列为“Employee”。
      图15 配置员工为申请人
      
   2. 单击“Reviewer”泳道，配置工作队列为“Manager”。
      图16 配置主管为审批人
      
   3. 单击泳道“Process Owner”上的“重新填写请求”用户任务元素，设置任务标题为“待重新提交”。

      执行该操作的目的是，后续在“我的待办”中可以看到“待重新提交”的任务状态。

      图17 配置为待重新提交
      
   4. 单击泳道“Reviewer”上的“申请审批”用户任务元素，设置任务标题为“待主管审批”。

      执行此操作的目的是，后续在“我的待办”中可以看到“待主管审批”的任务状态。

      图18 配置为待主管审批
      
   5. 单击，保存工作流。
   6. 单击，启用工作流。

步骤五：配置BTA应用

在应用配置中，定义出差审批应用的导航菜单栏。

1. 在BTA新版应用设计器的“开始”页面，单击底部的“应用导航设置”。
   图19 进入应用配置
   

2. 在“主导航设置”页签，单击“Home”，将“菜单名称”设置为“我的待办”，单击“保存”。
   图20 编辑页签
   

3. 在主导航设置中，单击“新建”，新建“我要出差”菜单项，单击“保存”。
   图21 添加我要出差页签
   
   图22 导航条最终效果
   

4. 在BTA新版应用设计器主菜单中，单击“运行 > 立即运行”，可预览出差审批应用。
   图23 出差审批应用效果图
   

   到此，您已完成出差审批应用的开发。

   思考：如何将导航栏菜单在出差审批应用顶部显示？

   在应用配置页面的“外观设置”中，可以修改菜单样式、应用图标等。

   图24 修改菜单样式、应用图标
   
   图25 设置后效果
   

步骤六：业务功能调测

出差审批测试流程：员工提交出差申请，主管对申请进行审批，分别测试审批通过、拒绝与重填。

1. 我是员工，填写出差申请。
   1. 以员工账号（本示例为Mike），登录华为云Astro轻应用服务控制台。
      图26 员工登录华为云Astro轻应用
      
   2. 在实例页面，单击“进入首页”。
   3. 在左侧导航栏中，单击“应用”，进入低代码应用页面。
   4. 在低代码应用列表中，单击已创建BTA应用后的“编辑”，进入BTA应用设计器。
   5. 在主菜单中，单击“运行 > 立即运行”，进入出差审批应用预览页面。
   6. 单击“我要出差”，填写出差信息，单击“提交”。
      图27 员工填写出差申请
      
   7. 在“我的待办 > 我的申请”中，可查看到已提交的出差申请电子流。
      图28 查看我的申请
      

2. 我是主管，审批出差申请。
   1. 以主管账号（本示例为Helen），登录华为云Astro轻应用服务控制台。
      图29 主管登录华为云Astro轻应用
      
   2. 在实例页面，单击“进入首页”。
   3. 在左侧导航栏中，单击“应用”，进入低代码应用页面。
   4. 在低代码应用列表中，单击已创建BTA应用后的“编辑”，进入BTA应用设计器。
   5. 在主菜单中，单击“运行 > 立即运行”，进入出差审批应用预览页面。
   6. 单击“我的待办”，在我的待办列表中，单击“待主管审批”，进入主管审批页面。
      图30 我的待办
      
      图31 主管审批页面
      
   7. 单击“通过”或“驳回”。
      • 如果主管通过了审批，会发送审批通过的邮件到图27中的员工电子邮箱中，如图32。
        图32 审批通过邮件
        
      • 如果主管驳回了审批，在员工“我的待办”中，可查看到被主管退回的申请记录，如图33。
        图33 查看被拒绝的记录
        

   恭喜您，完成了出差审批应用的开发和功能测试。通过本章节的操作，相信您对华为云Astro轻应用中的轻应用及工作流有了一定的了解。

   

   思考：如何将出差审批应用发布到运行环境？发布到运行环境后，队列中数据会同步到运行环境中吗？

   • 问题1：免费版不提供运行环境，如果需将应用发布到运行环境，请购买专享版或专业版本，详情可参见购买华为云Astro轻应用商用实例。如何编译发布应用，请参见如何一键部署应用。
   • 问题2：出差审批应用发布到运行环境后，开发环境中的队列信息不会同步到运行环境中，请在运行环境中重新执行步骤二：创建队列。