文档首页> 应用魔方 AppCube> 快速入门> 初学入门> 简易出差审批应用开发
更新时间:2022-04-27 GMT+08:00
分享

简易出差审批应用开发

本示例通过使用AppCube的BPM功能,带您快速创建一个简易版的出差审批应用。

通过创建出差审批应用,您可以初步了解轻应用的基本概念并体验“BPM”的能力。

业务流程管理(Business Process Management,简称BPM),是AppCube的核心功能之一,BPM是一种可视化的流程编排。若需了解更多BPM内容,请参见什么是BPM

场景说明

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

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

  • 基于BPM模板创建出差电子流。
  • 发送邮件。
图1 出差审批应用最终效果图

开发流程

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

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

前提条件

  • 已注册华为云帐号,并完成实名认证。

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

  • 使用已注册的华为云帐号,申请开通免费试用AppCube。

    如何注册并申请试用AppCube,请参见申请免费试用。此处申请开通AppCube的华为云帐号即为租户帐号。本示例中的开发操作均是使用租户帐号进行的,子帐号(主管、员工)仅在业务功能调测时使用。

步骤1:添加子帐号并进行授权

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

  1. 在统一身份认证服务IAM中创建两个子帐号(主管和员工)。

    1. 租户帐号登录华为云网站,在顶部导航栏右侧单击“控制台”,进入华为云控制台。
    2. 在左侧导航栏上方,单击,选择服务实例所在的区域项目。
    3. 单击,在查找框中搜索“统一身份认证服务”,单击查找的结果,进入IAM服务控制台。

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

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

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

  2. 在AppCube中添加子帐号并授权。

    1. 租户帐号登录华为云。
    2. 单击,在查找框中搜索“应用魔方”,单击查找的结果,进入AppCube服务控制台。
    3. 在AppCube服务控制台,单击实例中的“进入经典首页”。
    4. 单击页面上方的“管理”,进入AppCube管理中心。
    5. 在左侧导航栏中,选择“用户管理 > 用户”,单击“添加IAM用户”。
    6. 在全部用户列表中,选择1中创建的子帐号,单击“下一步”。
      图3 选择待添加的子帐号
    7. 赋予主管和员工Developer Profile权限,单击“保存”。

      Developer Profile为开发者权限,拥有这个权限的用户可以在AppCube进行开发。在实际的出差审批应用中,只需赋予业务用户Portal User ProfileAnonymous User Profile权限即可。此处为了验证出差审批应用的功能,赋予业务用户(员工Mike、主管Helen)Developer Profile权限。如何给业务用户授权,请参见配置业务用户

      图4 给子帐号授权

步骤2:创建工作队列

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

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

表1 工作队列信息

名称

说明

Employee

员工队列,添加的队列成员为普通员工,如Mike。

Manager

主管队列(负责一级审批),添加的队列成员为主管,如Helen。

  1. 租户帐号登录AppCube管理中心。
  2. 在左侧导航栏中,选择“用户管理 > 工作队列”。
  3. 在工作队列页面,单击“新建”,创建表1中的Employee工作队列。

    1. 在新建队列基本信息中,设置队列标签和名称,其他参数保持默认。
      • 标签:新建队列的标签,用于在AppCube界面上显示。本示例配置为Employee。
      • 名称:新建队列的名称,AppCube系统中的唯一标识。本示例配置为Employee。
    2. 在队列成员中,单击“添加”,为Employee工作队列添加Mike及当前租户帐号为成员。
      图5 添加Mike成员
    3. 单击“保存”,进入队列详情页面。

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

  4. 参照3中操作,创建Manager工作队列。

    图6 设置标签和名称
    图7 为队列添加Helen成员及租户帐号

步骤3:创建空白轻应用

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

  1. 租户帐号登录AppCube服务控制台。
  2. 在实例列表中,单击“旧版入口”,进入开发环境首页。
  3. 在“项目”中,单击轻应用图标,进入创建轻应用页面。

    图8 进入创建轻应用入口

  4. 单击“创建空白轻应用”,输入轻应用标签和名称,此处均设置为BTA。

    图9 设置轻应用标签和名称

    图9名称前的CNAME01为命名空间,在AppCube中为了避免不同租户间数据的重名,租户在首次创建应用时需要先定义一个命名空间。一个租户只能创建一个命名空间,创建后不支持修改,请谨慎定义。

  5. 单击“创建”,进入BTA应用开发页面。

    图10 BTA应用开发页面

    在BTA应用开发页面,若出现下图中提示,请单击页面的“请单击此处进行配置”,进入“用户管理 > 公司配置 > 公司信息”中配置默认SMTP邮箱服务器,具体请参见服务编排、BPM、脚本中发送邮件功能不可用。若不配置默认SMTP邮箱服务器,主管无法正常审批出差电子流。

步骤4:创建BPM

基于BPMHR类流程模板,创建BPM,并设置各泳道责任人。

  1. 创建BPM。

    1. 在BTA应用开发页面,单击Logic目录后的,单击“BPM”。
    2. 在添加BPM页面,单击“基于模板”,设置标签、名称和描述信息。
      图11 添加BPM
    3. 单击“选择模板”,选择“HR”中的“出差申请”模板后,单击“创建”。
      图12 选择出差申请模板

      执行上述操作后,在BTA应用开发页面的“Logic”目录下,可查看到基于出差模板创建的BPM。

  2. 设置BPM,配置各泳道处理人。

    在进行BPM设计前,请先参照初始BPM中内容对BPM设计界面进行全面的了解。

    1. 在BTA应用开发页面,单击基于出差模板创建的BPM,单击,获取锁定。
    2. 单击“Process Owner”泳道,配置工作队列为“Employee”。
      图13 配置员工为申请人
    3. 单击“Reviewer”泳道,配置工作队列为“Manager”。
      图14 配置主管为审批人
    4. 单击泳道“Process Owner”上的“重新填写请求”用户任务元素,设置任务标题为“待重新提交”。

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

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

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

      图16 配置为待主管审批
    6. 单击,保存设置。
    7. 单击,启用BPM。

步骤5:配置BTA应用

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

  1. 在BTA应用开发页面,单击底部的“配置”,进入应用配置页面。

    图17 进入应用配置

  2. 在“导航条”页签,单击“菜单树 > Home”后的,将“标签”设置为“我的待办”。

    图18 编辑页签

  3. 单击“菜单树”后的,选择“添加页签”,新建我要出差页签。

    图19 添加我要出差页签
    图20 导航条最终效果

  4. 单击BTA应用开发页面下方的,可预览出差审批应用。

    图21 出差审批应用效果图

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

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

    在应用配置页面的“布局和颜色”中,可以修改菜单样式、应用图标等。

    图22 设置后效果

步骤6:业务功能调测

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

  1. 我是员工,填写出差申请。

    1. 以员工帐号(本示例为Mike)登录AppCube服务控制台。
      图23 员工登录AppCube
    2. 单击实例中的“旧版入口”,进入开发环境首页。
    3. 在“项目 > 我的应用”中,单击已创建的BTA应用,进入BTA应用开发页面。
    4. 单击页面下方的,进入应用预览页面。
    5. 单击“我要出差”,填写出差信息,单击“提交”。
      图24 员工填写出差申请
    6. 在确认页面,单击“确定”。
      在“我的待办 > 我的申请”中,可查看到已提交的出差申请电子流。
      图25 查看我的申请

  2. 我是主管,审批出差申请。

    1. 以主管帐号(本示例为Helen)登录AppCube服务控制台。
      图26 主管登录AppCube
    2. 单击实例中的“旧版入口”,进入开发环境首页。
    3. 在“项目 > 我的应用”中,单击已创建的BTA应用,进入BTA应用开发页面。
    4. 单击页面下方的,进入应用预览页面。
    5. 单击“我的待办”,在我的待办列表中,单击“待主管审批”,进入主管审批页面。
      图27 我的待办
      图28 主管审批页面
    6. 单击“通过”或“驳回”。
      • 若主管通过了审批,会发送审批通过的邮件到图24中的员工电子邮箱中,如图29
        图29 审批通过邮件
      • 若主管驳回了审批,在员工“我的待办”中,可查看到被主管退回的申请记录,如图30
        图30 查看被拒绝的记录

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

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

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

分享:

    相关文档

    相关产品

close