简易出差审批应用开发

场景说明

本示例主要针对员工出差场景，即员工在出差前需要提交一个出差申请审批的电子流程，员工提交出差申请后，主管处理审批或拒绝提交人申请。

本示例中的出差审批应用主要包括如下功能：

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

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

开发流程

在AstroZero中开发出差审批应用流程，如图2所示。

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

前提条件

• 已注册华为账号并开通华为云，且已完成实名认证。

  实名认证分为企业认证和个人认证，两种认证方式均支持新增子账号。如何申请实名认证，请参见实名认证。

• 使用已注册的华为账号，申请开通免费试用AstroZero。

  如何注册并申请试用AstroZero，请参见申请免费试用。本示例中的开发操作均是使用华为账号进行的，子账号（主管、员工）仅在业务功能调测时使用。

步骤1：添加子账号并进行授权

添加子账号的目的是为了给应用添加不同角色的业务用户，本示例中的应用包括主管和员工两种角色的业务用户。创建出差审批应用前，需要将员工、主管子账号添加到AstroZero中。

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

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

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

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

2. 在AstroZero中添加子账号并授权。
   1. 以华为账号登录华为云。
   2. 单击，在查找框中搜索“Astro轻应用”，单击查找的结果，进入AstroZero服务控制台。
   3. 在实例页面，单击“进入首页”。
   4. 在页面左上角，单击，选择“开发环境管理 > 环境配置”，进入AstroZero开发环境的环境配置。
      图3 进入AstroZero开发环境的环境配置
      
   5. 在左侧导航栏中，选择“用户安全 > 用户”，单击“添加IAM用户”。
   6. 在全部用户列表中，选择1中创建的子账号，单击“下一步”。
      图4 选择待添加的子账号
      
   7. 赋予主管和员工System Administrator Profile权限，单击“保存”。
      

      System Administrator Profile为系统管理员权限，拥有这个权限的用户拥有AstroZero全部权限。在实际的出差审批应用中，只需赋予业务用户Portal User Profile或Anonymous User Profile权限即可。此处为了验证出差审批应用的功能，赋予业务用户（员工Mike、主管Helen）System Administrator Profile权限。如何给业务用户授权，请参见配置业务用户。

      图5 给子账号授权
      

步骤2：创建队列

队列是AstroZero中的一种成员集，即在实际业务场景中，用来记录一类具有相同权限和任务对象的成员集。

本示例中应用需要使用到表1中2个队列，用于在工作流中区分不同角色在流程中处理的任务。

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

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

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

步骤3：创建空白轻应用

创建应用是在AstroZero开发环境开发项目的第一步，也是端到端构建软件应用的入口。此处创建一个空白轻应用的目的是在应用的Logic目录下创建BPM。

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

5. 设置应用标签和名称，此处均设置为BTA。
   图10 设置轻应用标签和名称
   
   

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

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

步骤4：创建工作流

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

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

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

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

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

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

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

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

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

步骤5：配置BTA应用

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

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

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

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

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

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

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

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

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

步骤6：业务功能调测

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

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

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

   恭喜您，完成了出差审批应用的开发和功能测试。通过本章节的操作，相信您对AstroZero中的轻应用及工作流有了一定的了解，如果需更深入的学习AstroZero，可挑战一下进阶实战和高阶实战。

   

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

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