基于沃土数字平台—开发出差电子流应用

您在体验过程中有任何疑问，都可以在此留言反馈>>

如需下载本指导文档，请点击此处下载。注意：打开CHM文档时，请去勾选弹出框上的“打开此文件前总是询问”，否则文档内容无法正常展示。

1. 什么是沃土数字平台?

“自己设计的“降落伞”自己跳” 是华为各产品线的名言，“沃土数字平台”就是源于华为自身的数字化转型实践，以及行业的实际需求，打造的以云为基础，集成云计算、物联网、大数据、视频、人工智能、5G等多种新技术的平台。在这个平台上，开发者可：

组件化集成上述新技术，为开发者数据的接入与融合，降低了门槛和集成难度；
使用易用的开发环境和丰富的开发组件，服务于开发者数据的加工治理，方便高效创新；
持续运营演进此平台，平台的基本特性就是开放，是与行业最强伙伴深度合作共建共享的平台；

所以沃土数字平台是融合共享的平台：统筹资源、融合数据、使能应用。沃土数字平台的高阶架构和核心价值主张如下图：

备注：详细落地方案可参阅智慧园区、城市数字平台、数字城轨等场景化解决方案，也可访问数字平台官网https://developer.e.huawei.com了解详细技术能力。目标是所有能力都可以在线访问、在线订阅、在线试用，将开放与体验进行到底。

图1-1 沃土数字平台的高阶架构和核心价值主张

2. 什么是开发使能?

App Engine是一个可安装行业服务/套件：

行业应用—引用即可部署使用；
基础业务BO服务—引用即可复用与扩展开发；
行业解决方案包—引用即可部署使用与二次开发；
第三方连接器与适配器—引用即可直接集成；

和自身拥有丰富可视化在线工具集：

UI Studio—前端站点编排工具，支持PC/Pad/Phone三屏页面的在线编排；
Flow Builder—业务流程编排工具，支持拖拽图元和服务的方式快速编排；
Business Object构建工具，业务人员就可以定义Object；
BPM跨人员的工作流

的一体云开发、云测试、云部署、云运维application PaaS平台，支撑不同专业化程度的开发者开发：

> No-Code 模式: Business人员可参与，可视化托拉拽式的业务开发 > > Low-Code模式: 初级code能力的人员，80%编排配置+20%代码，快速编排和集成 > > Full-Code模式：核心code人员，结合自身微服务及平台能能力，极致优化构建与沉淀能力

促进开发者高效应用开发和商业变现, 为开发者提升效率，降低门槛。

PS: Business Object（BO）是封装了完整业务模型、业务规则、业务行为、页面展现碎片的软件单元。

3. Codelabs-开发目标及准备

一个新注册用户，第一次创建应用，可以完全follow本文的步骤。

3.1 您将建立的场景

一个出差申请审批的电子流，员工提交出差电子流申请，主管审批或者拒绝提交人申请。您的应用程序将包含：

基于模板创建出差电子流的功能。
发送邮件的功能

图1-2 最终效果图

3.2 您将学到什么

3.2.1 BPM的核心能力：

页面流编排: 将用户交互的前端页面与各种任务之间进行编排，形成一个完整的BPM。
跨人员的工作流：支持每一步都可以指明下一步的处理人。

3.2.2 BPM的界面介绍:

在进行BPM设计前，您需要对设计界面进行全面的了解。

3.3 开发环境及技能要求

您需要注册一个沃土数字平台账户。
了解 java 或者JavaScript或者type Script 与json及有基本的工程能力。

3.4 运行终端要求：

Laptop等上Chrome浏览器。

3.5 整体开发流程图

图1-3 整体流程图

4. Codelabs-应用配置化开发

4.1 登录注册

请使用Chrome浏览器，登录<https://developer.e.huawei.com/> 进行免费注册(已有账户，请直接登录)，注册请注意用户名与密码的设置规则。

图1-4 注册页面

4.2 创建业务子账户

点击“用户名”-->个人中心-->“子账户管理”，创建子账户

图1-5 填写子账户信息

图1-6 填写子账户信息

4.3 进入开发者中心

登录平台后，点击“开发者中心”进入开发环境

图1-7 进入开发中心首页

4.4 创建工作流各角色人员队列

使用BPM，我们需要先创建2个人员工作队列，如下表所示。

工作队列	说明
Employee	员工队列
Manager	主管队列（负责一级审批）

首页单击“管理”，进入管理页面。
选择“用户管理 > 工作队列”。

图1-8 进入工作队列

单击“新建”。
设置队列基本信息、队列成员，单击“保存”。

> 队列基本信息：

标签：队列的标签，用于在界面上显示。
名称：队列的名称，系统中的唯一标识。
队列邮箱：该队列的公共邮箱地址，当有事件触发需要给这个队列发邮件时使用的邮件地址。
队列管理者：该队列经理，可以为队列其他成员分配工作任务。
给成员发邮件：当有事件触发需要给此队列发送邮件时，是否发送邮件给队列中所有用户，勾选表示发送。
邮件模板：当选中“给成员发邮件”，需要选择邮件模板。
设置队列支持的对象，只有涉及这些对象的触发器、待审批任务才能进入该队列。

图1-9 Employee工作队列示例

4.5 配置系统参数：

sys_portal_url的值为：https://studio.e.huawei.com

图1-10 调整sys_portal_url的值

4.6 创建App

> 创建项目是在APP Engine平台开发环境的第一步，也是端到端构建软件应用的入口。

在平台首页->项目，点击“创建App”, 创建App时，首次会提示创建命名空间(命名空间一旦创建，不可修改，后续所有新建对象，都会使用此命名空间作为前缀，建议使用姓名首字母缩写)

图1-11 创建项目

项目命名

标签	名称	描述
BTA	BTA	出差电子流应用

4.6.1 基于模板创建BPM

自定义新建/修改开发目录名称，可以通过新增目录，删除目录，此处在Model下建BPM。

图1-12 新建BPM
弹出界面，选择基于模板图标，标签填写为 “BTA”，名称填写为 “BTA”

图1-13 BPM名称定义
“选择模板”，在弹出界面选择HR-->出差申请，然后点击“创建”

图1-14 选择模板

4.6.2 认识BPM的界面

> 在进行BPM设计前，您需要对设计界面进行全面的了解

认识BPM界面元素

图1-15 BPM设计界面

分类	功能说明
按钮区域	功能按钮区域，包括操作回退、撤销回退、保存、另存为新版本或者新实例、激活（或者去激活）、运行、切换版本、锁定、解锁以及启用流跟踪器的操作。
面板元素区域	BPM的组成元素：<br/>事件（Events）：事件用来表明BPM的生命周期中发生的事件。事件总是画成一个圆圈。<br/>网关（Gateways）：网关用来控制流程的执行流向，可理解为决策、判断。<br/>活动（Activities）：活动是是BPM的核心元素，可理解为节点或者步骤。一个活动可以是流程中一个基本处理单元（如用户需要做的任务、调用脚本任务），也可以是一个组合单元（如嵌套的BPM子流程）。
画布工作区域	BPM设计操作区域。在该区域可对BPM进行具体流程设计、组件放置。<br/>选中图元或者泳道按“Delete”可进行删除操作。<br/>每种颜色为一种角色处理的泳道
属性配置区域	整个BPM、泳道或者元素属性设置区域。当选择BPM中元素时，右侧配置区域为该元素的属性设置区域；当选择BPM中空白区域时，右侧配置区域为该BPM的设置区域；当选择泳道左侧标签时，右侧配置区域为该泳道的属性设置区域。

4.6.3 调整BPM，配置各泳道处理人

点击上图中进行解锁，然后点击泳道“Process Owner”，配置工作队列为“Employee”

图1-16 配置员工为申请人
点击泳道“Reviewer”，配置工作队列为“Manager”

图1-17 配置主管为审批人
点击泳道“Process Owner”上的“重新填写请求”用户任务元素，设置任务标题为“待重新提交”，将来在我的待办，可以看到的任务状态“待重新提交”

图1-18 配置为待重新提交
点击泳道“Reviewer”上的“申请审批”用户任务元素，设置任务标题为“待主管审批”，将来在我的待办，可以看到的任务状态“待主管审批”

图1-19 配置为待主管审批
依次点击左上方保存，激活

图1-20 保存激活流程