华为云用户手册

操作步骤 鼠标放在App下的Logic文件夹旁会出现加号，单击加号，选择“触发器”。 系统出现“增加触发器”弹框，在该页面中填写基本信息，单击“添加”。 “对象”设置为“Employee__ CS T”，设置触发器名称、标签，触发类型配置为“插入或更新记录时”。 图1 新建触发器 单击“添加条件”，进入创建规则条件页面，进行配置，单击“保存”。 参数说明如表1所示。 表1 条件参数说明 参数 参数说明 条件名称 该条件规则的名称。 执行操作条件 进入该条件规则的条件。配置为“当条件满足时”。 设置条件 设定具体条件。字段配置为“name”，操作符配置为等于，类型配置为常量值配置为“"syw"”。 因为具体条件只有一个，所以不用设置与或关系。 条件中当字段是数字、百分比、币种金额类型时，取值不用加“""”；其他字段类型取值请加“""”。 单击“添加操作”，设置满足规则条件后执行的动作，单击“保存”。 图2 创建动作 表2 操作类型说明 参数 参数说明 操作类型 动作类型，设置为“邮件告警”。 操作名称 该动作名称。 电子邮件告警 选择配置好的邮件告警。 单击进行启用。

常见问题 问题：是否有执行触发器设定的操作权限，取决于触发器的创建人还是触发人？ 回答：是否有执行触发器设定的操作权限，取决于触发者本人是否有相关权限，和触发器创建人无关。例如某个触发器关联了对象“D__CST”，触发类型是“插入或更新记录时”，触发时执行脚本C，即对象“D__CST”数据有新增或者更新时，会触发该触发器，从而执行脚本C。用户A是触发器的创建人，没有对象“D__CST”的操作权限和脚本C的执行权限，用户B有“D__CST”的操作权限和脚本C的执行权限，当用户B更新“D__CST”对象数据时，会触发该触发器，执行脚本C。

操作步骤 鼠标放在App下的Logic文件夹旁会出现加号，单击加号，选择“触发器”。 填写基本信息，单击“添加”。 对象：选择“Travel_Information_CST”表示将触发器与对象关联。 标签：定义为“TravelProcess”。触发器显示名称。 名称：系统根据Lable取值自动生成“TravelProcess”。系统其它地方调用触发器时所引用的唯一标识。 触发类型：配置了触发器的启动条件。 仅在插入记录时：当系统创建某条记录时。 仅在更新记录时：当系统更新某条记录时。 插入或更新记录时：当系统创建或更新某条记录时（本任务中选择该选项）。 被别的触发器调用时：被其他触发器所调用时。 收到平台事件时：被事件（event）触发。选中该条件时请在“事件”中配置具体事件。 图1 新建触发器 当编辑已有触发器时，为防止编辑时多人篡改，编辑前请单击进行锁定。 单击“添加条件”，进入创建规则条件页面，进行配置，并单击“保存”。 图2 创建规则条件 参数说明如表1所示。 表1 条件参数说明 参数 参数说明 条件名称 该条件规则的名称。 执行操作条件 进入该条件规则的条件。有以下三种类型： 当条件满足时：只有满足以下设定条件时。 当满足条件表达式时：支持手写的规则条件，自定义逻辑。 没有条件，直接执行：无条件进入该分支。 设置条件 当进入该条件规则勾选的是“当条件满足时”时，您需要设定具体条件。通过设定该触发器涉及对象的某个或某些字段取值的与或关系，来控制进入该触发器的条件。 单击“新增”可添加多个字段取值条件。 条件中当字段是数字、百分比、币种金额类型时，取值不用加“""”；其他字段类型取值请加“""”。 支持在条件中引用旧记录字段的取值，可判断字段级变化。 构建公式 当进入该条件规则勾选的是“当满足条件表达式时”时，您需要手写的规则条件。 系统会对输入的规则条件进行简单的校验。 条件 当进入该条件规则勾选的是“当满足条件表达式时”时且设置的多个条件时，多个条件的关系。 满足所有条件(AND)：与关系，必须满足所有条件。 满足部分条件(OR)：或关系，只要满足条件之一即可。 单击“添加操作”，设置满足规则条件后执行的动作，并单击“保存”。 图3 创建动作 表2 操作类型说明 参数 参数说明 操作类型 操作类型：动作类型，分以下几种： 创建记录：创建一条记录。 更新记录：更新记录。 邮件告警：发送邮件告警。 触发器：调用子触发器。 脚本：调用Script脚本。 服务编排：调用服务编排。 BPM：调用BPM。 发送事件：发送事件。 操作名称 该动作名称。 （可选）若需要设定多个规则或者多个分支动作，请单击“添加条件”、“添加操作”进行配置。 在触发器开发页面单击启用触发器。

脚本中调用 您可以在脚本中调用刚创建的Rest Action，这里以新建一个脚本为例进行举例说明。 鼠标放在App下的Logic文件夹旁会出现加号，单击加号，选择“脚本”。 选择“创建一个新脚本”，输入基本信息，单击“添加”。 编辑代码如下，其中“LT927__test”表示连接器名称，“test1”为3配置的认证信息名称，“LT927__flapRefund”为3配置的动作名称。 // Here's your code.import * as connector from "connector";let client = connector.newClient("LT927__test", "test1");let result = client.invoke("LT927__flapRefund", {});console.log(result) 单击代码编辑页面上方保存图标，保存脚本。 运行测试脚本。 单击编辑器上方执行图标。 在页面底部“输入参数”页签输入请求参数，单击测试窗口右上角图标。检查脚本编辑页面下方“日志”页签打印的日志。

栅格容器 栅格容器用于对页面区域按照行列布局划分，先分为多个分栏，每个分栏再分为多栏。 在页面中拖入一个栅格容器，选择栅格容器页签，右侧显示属性配置面板。单击“新增行”后的或者，可在栅格容器中“分栏”上方或者下方新增分栏（即新增行）。 图5 栅格容器属性面板 选择栅格容器中“分栏”，右侧显示分栏的属性配置面板。 图6 选择分栏 其实，栅格容器相比较分栏组件来说，只是外面嵌套了一层div元素，栅格容器是AppCube较早提供的容器类页面布局，分栏是AppCube后续单独提供的组件。推荐您使用分栏组件完成页面行列布局的划分。

查看运行态报表 报表运行态可以对报表进行进一步的数据筛选和可视化呈现，也是对报表的一种预览和检查。 在报表列表页面单击需要查看运行态的报表后面的运行报表。 单击右上角“显示图表”，可以设置报表的展示样式。 您需要在创建报表时设置分组字段（参考4.b），该界面才会有“显示图表”。 图10 设置报表的展示样式 式样与类型：可以为数据选择合适的图表类型，如柱状图、堆叠图、折线图、饼图、仪表图、漏斗图、散点图等，不同的图表有不同的选项，可以在“设置”页签中配置。 柱状图、堆叠图、折线图的设置页签配置如下： 图例位置：图例的位置。 X轴：选择一个分组字段作为X轴。 X轴标签：X轴显示名称。 次级分组：可以额外地指定一个分组字段作为次级分类，在同一个柱状图上显示，或者作为堆叠图中的堆叠。 Y轴：选择一个公式字段（默认记录计数）作为Y轴。 Y轴标签：Y轴显示名称。 显示参考线：在图中显示一个参考线，以便比较不同分组的Y轴的值。 显示数值：显示每个柱状的数值。 饼图的设置页签配置如下： 图例位置：图例的位置。 值：可以指定一个公式字段（默认位记录计数）。 切片：可以指定一个分组字段。 显示数值：显示每个饼的数值。 仪表图：仪表图是一种相对简单的图表，用于展示一个具体数值，以及该数值在3 段范围内的状态（最小、中等、最差）。仪表图的设置页签配置如下： 测量：可以指定一个公式字段（默认位记录计数）。 最小值：指定一个度量的最小值。 最大值：指定一个度量的最大值。 漏斗图的设置页签配置如下： 值：选择一个公式字段作为数值度量。 着色依据：选择一个分组字段作为分组度量。 显示数值：显示每层的数值。 散点图的设置页签配置如下： X轴：指定一个公式度量。 Y轴：指定一个公式度量。 详情：指定一个分组度量。 显示数值：显示每点的数值。 调色板：可以为图表选择不同的配色方案，以便制作出个性化的图表。 运行报表界面上的操作仅为用户提供一种快速的数据探索的途径，并不会保存到数据库中。 单击齿轮图标，设置展示数据。 可以对数据进行过滤展示。 图11 数据过滤展示 显示细节：显示分组的详细记录信息。 分组汇总：是否显示每个分组的汇总信息。 整体汇总：在表格底部显示汇总信息。

选择或上传图片 您可以直接从配置的OBS库或者SFTP库中选择一张已存在的图片，也可以直接从本地上传图片。 在图片组件属性“基本属性”中单击“图片地址”后的齿轮图标，出现“选择图片”弹窗。 在“图片库”中，选择图片库类型。 选择或上传图片。 在当前图片库下，单击某图片，即可选中此图片。如果图片库中还没有图片，可以选择上传一个图片。 单击“上传图片”，在本地选择一张图片，完成后该图片将默认上传到当前图片库。 单击“确定”完成图片选择，返回页面设计视图。

属性值绑定 在列表视图的“属性”页签，单击“数据绑定”中的，绑定数据模型。 模型实例化必须为数组，详情请参见绑定数据模型、增加查询条件、工具栏。 图2 绑定数据模型 向列表视图中拖入栅格容器，将栅格容器设置为6行2列，再向前5行中拖入标签组件，并设置标签属性。 属性值绑定。 选择第一行、第二列中的标签，单击右侧“属性值绑定”的“+”，新增属性值绑定。 其中，“属性”设置为“文本内容”，再单击，添加模型字段，将模型字段绑定到当前标签上。 重复上一步，为其他行的标签组件进行属性值绑定。 在第6行拖入一个按钮，设置为“Handle”。 单击，保存页面，再单击，进行预览 ，预期效果如图3。 进行属性值绑定的标签组件，显示绑定的模型字段内容。 图3 通过属性值绑定获取模型中的数据

分页 当数据量较多时，可以使用分页组件，快速进行数据切换。 分页组件一般与表格组合使用时，分页组件可以对表格数据进行分页显示、数据切换，系统内置的表格组件中已包含了分页组件。 向页面中拖入一个分页组件，单击“分页”页签，显示属性配置面板。 表1 分页组件属性 属性 说明 配置 默认分页大小 默认每页条数（分页大小）。 数值型，例如：10 每页条数切换的配置 每页条数切换的配置。 数组型，例如：[10,20,30,40] 显示跳转 是否显示跳转，显示后可设置快速跳转到某一页。 例如：打开开关 显示分页 是否显示分页，显示后可设置具体的分页大小。 例如：打开开关 大小 分页显示大小，可选值为small（迷你版）或不填（默认）。 例如：small 简洁版 是否简洁版显示分页样式。 例如：打开开关 AUI风格 是否展示AUI风格。 例如：打开开关 表2 分页组件事件说明 事件名称 说明 数据改变 单击、或切换每页数据显示量（）以及输入跳转页后，触发事件的相关业务。 每页条数改变 在切换每页数据显示量（）后触发。 父主题： 平台标准组件介绍

模态框 模态框组件作为一个模态对话框的容器，支持向模态框中拖入各种组件，用于在模态框弹出时，用户必须先响应模态框后，才能对其他对象进行操作的场景。 模态对话框功能：当一个模态对话框弹出时，用户想要对模态框以外的应用程序进行操作时，必须先对该对话框进行响应，例如单击“确定”或“取消”按钮等将该对话框关闭。 属性 说明 标题 模态框的标题。 确定按钮文字 模态框的“确定”按钮上的文字。 取消按钮文字 模态框的“取消”按钮上的文字。 显示Loading 开启后，确定按钮显示loading状态。 显示遮罩层 开启后，显示遮罩层。 点击遮罩层关闭 开启后，允许点击模态框外的遮罩层关闭模态框。 关闭后，必须先对该模态框进行响应才能将该模态框关闭，例如单击模态框中的按钮（“确定”、“取消”）以及图标。 可拖动 开启后，该容器可拖动。 不显示底部 开启后，隐藏“确认”和“取消”按钮区域。 显示取消按钮 开启后，显示取消按钮。 确定按钮在前 开启后，确认按钮在前。 确定按钮禁用 开启后，确认按钮被禁用。 如果模态框高度太大，无法正常显示，可在页面的“样式代码”里添加以下样式代码，即先在样式代码里设置滚动条，然后再将高度改小，如图1所示。 .ivu-modal-body {overflow:auto;} 图1 模态框样式 父主题： 平台标准组件介绍

快速开始 在进行标准页面设计前，您需要对开发界面进行全面的了解。 将光标放在应用目录上之后，应用目录右侧会出现“+”，单击“+”，选择“标准页面”，设置页面标签和名称，即可创建一个全新空白的标准页面，页面创建后，自动进入标准页面开发界面， 标准页面中预置了多种组件，可以直接从左侧“组件”区域，将这些组件拖拽到中间“设计视图”上。 图2 标准页面编辑界面（UI Builder） 在配置使用组件前，您可以将光标放在每个组件上后，组件右上角将显示帮助信息的问号图标，单击问号图标，即可进入该组件介绍页面。若需了解更多AppCube预置组件的使用及配置方法，请参见平台标准组件介绍。 图3 组件的帮助图标 在“设计视图”中，选中一个页面组件，可在右侧“属性”页签，设置该组件的绑定数据、样式等属性，如图4所示。在设计视图中选中一个文本框，可以在右侧修改这个文本框的标签名、样式、绑定的数据模型等。 图4 组件属性面板 在“设计视图”中，选中任意组件，可以在右侧“事件”页签，设置组件的关联事件。例如，选择一个“按钮”，然后在按钮的“点击”事件中，添加相应的事件代码，实现在单击按钮后将界面输入保存到数据库中。 图5 编辑组件的关联事件 利用组件导航，快速选中组件。 当选中某个组件时，页面上方会在组件导航上显示它的html标签层级。 因此，在组件数量比较多，位置较为紧密时，您可以直接单击标签层级，快速选择组件，也可以快速切换组件。例如，在上图的组件导航中单击“页面”，可以直接选中页面上的最外层页面组件。 利用组件树，快速选中组件。 在组件数量比较多，位置较为紧密时，您也单击页面右下角的“组件树”，展开组件树，在组件树中，直接单击标签层级，快速选择组件，也可以快速切换组件。 图6 利用组件树快速选中组件

初识标准页面 将光标放在应用目录上之后，应用目录右侧会出现“+”，单击“+”，选择“标准页面”，设置页面标签和名称，即可创建一个全新空白的标准页面，页面创建后，自动进入标准页面开发界面，您可以阅读以下内容初步了解标准页面。 图1 标准页面开发界面 标准页面开发界面由四部分组成，分别是：左侧组件区域、上方按钮区域、中间工作区域和右侧可配置页面元素区域，具体功能说明如下表所示。 表1 界面布局说明 分类 功能说明 按钮区域 页面功能按钮区域，包括获取锁、释放锁、保存、另存为、预览页面、修订记录、操作回退、撤销回退、页面性能分析、布局切换以及发布成高级页面组件的操作。 组件区域 页面的组件区域。设计页面时，需要从组件区域拖拉拽各种组件（按住鼠标拖动）到工作区域中以丰富页面功能。 组件区域由以下两个页签组成： 基本组件：平台预置的各类组件，具体说明如基本组件分类说明所示。若需要了解每个基本组件的详细使用说明，请将鼠标悬浮在基本组件上，基本组件右上会出现问号图标，单击该图标会出现该基本组件的使用说明。平台标准组件介绍介绍了常用的基本组件属性说明。 扩展组件：存放用户自定义的组件，自定义组件由用户在线下开发完成并上传到AppCube，用于丰富页面组件的功能。自定义组件开发过程及上传方法，请参考创建自定义标准组件。 工作区域 工作区域即是编辑页面内容区域以及页面视图区，主要的页面布局设计操作区域，完成对页面具体布局、组件放置等操作。 设计视图：页面默认视图，此视图下，可以在页面内容中，通过拖拉拽的方式对需要在页面布局中展示的组件元素进行编排，所有组件视图化，所见即所得，让您快速构建您需要的页面布局。页面右上角“外层容器”开关，可快速呈现外层容器和范围。 模型视图：该页面所涉及的模型展示视图。 事件视图：该视图下，页面布局中各事件以代码形式展示在工作区域。 样式代码：页面自定义的样式代码。 更多：单击“更多”后，将会展开以下页签。 组件代码：该视图下，页面布局中各组件以代码形式展示在工作区域。 第三方库：该页面加载的第三方库代码。 可配置页面元素区域 页面和组件属性设置区域，在该区域可以对组件属性、事件进行设置，也可以加载第三方库以完成对组件的应用。该区域由以下三个页签组成： 属性：组件的属性展示区域，可在属性面板修改组件属性使页面达到预期效果。在工作区域“设计视图”下选中组件，键盘上按Tab键，可在“属性”页签中切换属性参数项，按Enter键可设置属性值。 事件：进入事件编排器的入口，您可通过系统预置的事件编排器，或者直接通过定义JS代码，来实现页面组件与后台接口之间的交互。 库：加载当前页面所依赖库的入口。页面设计的某些功能需要依赖特定的库来完成，用户可以在该页签下新增或删除某些库。系统默认会提供部分库，若不满足现有需求，也可以根据实际情况加载新的库。

基本组件分类说明 组件包括平台预置基本组件、用户自定义的扩展组件，基本组件具体说明如表2所示。若需要了解每个基本组件的详细使用说明，请将鼠标悬浮在基本组件上，基本组件右上会出现问号图标，单击该图标会出现该基本组件的使用说明。 表2 基本组件分类说明 分类 说明 布局 用于控制页面的布局，即将页面设计几行几列。例如先拖入一个栅格容器，将栅格容器用行列划分成小区域后，再向单元格中拖入其他组件。容器本身可以包含容器，也可以包含其他组件。 表单：元数据表单。根据数据对象可生成表单。可用于制作带数据的交易类页面。 表格：元数据表格，用于展示对象记录。根据数据对象可生成表格。数据对象中的属性映射为表格中的列。用于通过一个表格完成数据对象的增、删、改、查操作场景。 基础容器：基本的布局容器，支持拖拽放置任何组件进去，按照流式布局模式布局（非独占整行组件如按钮组件，从左往右排列，占满整行即换行；独占整行组件如标题组件，则默认独占一行）。 分栏：容器组件，相当于行，内部可分多栏（列）。可将页面划分为两栏或者多栏，每一栏都可以拖入其他组件。 折叠面板：用于对页面的某些区域进行折叠和展开，可放下多个折叠页组件。 页签：用于制作多页签页面时使用，可放下多个页签组件，实现多页签效果，可在不同的页签内放置内容，通过点击标签切换显示不同的内容。 列表视图：用于灵活组合列表项的内容，并且根据实例化数据动态展示。使用时需要在List View上绑定数据模型。数据类型为数组。如果要使用分页，分页组件需放在List View Container内。 模态框：弹框样式布局，使用数据绑定实现双向绑定，通过控制模型的值true、false来显示、隐藏对话框。 表单 输入框：文本输入框，关联对象文本（text）类型，可编辑一行的文本控件，包含标签。控件内的标签将其与输入组件区分开。适用于普通文本输入。 多行输入框：多行文本输入区域，关联对象文本区（Text Area）类型，多行可编辑的文本控件。适用于多行文本输入。 日期选择框：用于日期选择或输入，关联对象日期（Date）类型、日期/时间（Date/Time）类型，可以选择或输入日期，支持年、月、日期等类型，支持选择范围。 数字输入框：数字（Number）类型的输入框，关联对象数字类型。 复选按钮：该控件允许用户从多个选项中进行多种选择。 单选按钮：用于有一组可选项的单项选择，或者切换某个选项的选中状态，以实现从一组互斥的选项组中选择一项。 下拉框：下拉框的可选值为对象的SingleSelect类型字段的不同Picklist取值，也可以是自定义json数据。如果Picklist和自定义json数据同时存在，以Picklist的取值为准。 级联选择框：提供按层级选择的选择框，可对选择框的数据进行校验，可以对数据进行搜索。 开关：滑动开关，可关联对象的复选框（Boolean）类型字段。允许用户选择“真”（选取）或“假”（不选取）值。 上传：文件选择上传和拖拽上传控件，可以通过绑定数据模型，上传文件列表会保存在绑定的模型中。 自动完成：带有提示的文本输入框。 弹出对话框：单击后会弹框的组件，需要自定义实现代码。 多语言选择框：多语言切换组件，关联对象多语言（mutillang）类型。 评分：评分、评价组件。 关联选择框：一个搜索的选择框，关联对象的查找关系（lookup）或主从关系（masterdetail）类型，可以通过搜索来匹配下拉的选项，匹配成功的选项会展开在下拉列表中。 基本 按钮：通过编排事件实现Button，触发业务逻辑使用。 按钮卡：包含多个按钮（两个或更多）的整体面板。该组件可用于构建多项菜单，用于在视图之间导航。 标签：用于显示页面信息的静态文本。 图标：用于辅助相关文字进行展示，也可当做按钮点击使用，常配合其他组件一起使用。 标题：用于添加具有标题意义的文字，可以通过选择属性“标题类型”的值来控制添加的标题的文字大小。 链接：链接地址，用于链接、跳转，一般常用来打开新页面或作为文字性按钮使用。 图片：用于上传图片，可以从OBS或者SFTP选择或上传图片。 面包屑：是项目中常用的一种组件。结构大致是“首页/菜单1/菜单2/菜单3”。 滑块：滑块是一个可以利用鼠标在其上面进行滑动的条状组件，一般使用在进度条，区域划分等地方。当鼠标在轨道上点击时，滚动球会移动到当前鼠标点击的位置，单击过的地方会以蓝色显示，未单击的地方是灰色。 分页：用于多条数据展示时可设置分页展示，每页展示固定数据条数。 高级 选项树：树形结构选择设置。适用于要展示的数据为树形结构。 步骤条：步骤进度条。可设置总步骤数和每一步的展示名称。 时间轴：一般绑定数据服务使用，动态的展示时间轴的内容。 走马灯：在满足设置的条件可切换显示灯。 可收缩面板：弹性伸缩布局，可左右伸缩的容器。 滚动容器：由于屏幕尺寸限制，当页面内容已经超出屏幕的范围时，需要拉动滚动条，在有限的屏幕中浏览更多内容。 代码块：用于代码块展示。 选择卡：可从某一卡片区域选中到另一卡片区域。 栅格容器：用于控制页面的布局，即将页面设计几行几列，先设置元素在页面中纵向排列，然后在每一行中又可设置元素横向排列。 标签栏：只有页面布局模式为手机模式时，才会显示该组件。为底部导航组件，单击标签栏中的选项可切换本应用中不同的页面。

按钮 按钮一般在用户单击触发业务逻辑时使用，按钮组件提供单击触发事件能力。 向工作区域中拖入一个按钮组件，单击按钮页签，显示可配置属性页面。 表1 按钮组件属性说明 参数名 说明 显示名称 按钮展示名称。 支持国际化配置，在配置按钮展示名称时，可选择已有多语言、创建或更新多语言。此处创建的多语言会保存在租户的多语言库中。 类型 按钮类型。 大小 按钮大小。 鼠标悬停时展示 鼠标悬停时展示的文字。 支持国际化配置，在配置鼠标悬停展示文字时，可选择已有多语言、创建或更新多语言。此处创建的多语言会保存在租户的多语言库中。 形状 按钮形状。 选择图标 系统预置的按钮图标。 图标位置 按钮图标展示位置。 加载中状态 按钮是否显示为加载中状态。 配置完按钮属性后，需要在“事件”页签定义该按钮的实现方法，即进行事件编排，事件编排有两种方式，请根据实际情况进行编排，具体请参见事件编排器说明。 父主题： 平台标准组件介绍

面包屑 面包屑组件，是项目中常用的一种组件。结构大致是“首页/菜单1/菜单2/菜单3”。 向工作区域中拖入一个面包屑组件（在“基本”区域中），单击面包屑组件页签，显示可配置属性页面。 表1 面包屑组件属性说明 参数名 说明 配置菜单 单击“设置”，弹出“配置菜单”界面，界面参数说明如图1和表2所示。 分隔符 菜单名之间的分隔符。 跳转 单击面包屑组件的菜单标签，是否开启自动跳转。 默认为开启。若不开启跳转，可在“事件”页签定义跳转的实现方法，即进行事件编排。 图1 “配置菜单”界面 表2 “配置菜单”参数说明 参数名 说明 图标 配置某具体菜单的图标。 文本内容 配置某具体菜单的显示名称。 URL类型 该菜单跳转页面的URL类型，分“常量”和“选择页面”两种选项。 地址 当“URL类型”为“常量”时，需要配置跳转页面的具体URL地址；当“URL类型”为“选择页面”时，需要选择系统中创建的具体跳转页面。 链接目标 跳转后页面显示形式，分以下几种。 新窗口：在新窗口页显示跳转页面。 当前框架：在当前框架显示跳转页面。 父框架：在父框架区域显示跳转页面。 整个窗口：在当前整个窗口显示跳转页面。 在“配置菜单”界面单击“新增”或“删除”可创建或者删除相应菜单。单击可调整菜单顺序。 父主题： 平台标准组件介绍

通过自定义JS代码编排事件 您可以不使用事件编排器的内置动作，直接手动编写JS代码，实现按钮的事件逻辑。系统支持在手动编写JS代码时，进行代码联想提示；系统封装了一些常用功能的接口，并将其中典型接口做成模板，您可以从左侧拖动相关模板至右侧事件定义区域，直接使用。 选择按钮组件，在右侧“事件”页签下，单击“点击”后的加号，进入“添加动作”页面。 在左上角选择“自定义动作”，在右侧事件定义区域输入实现事件逻辑的JS代码，也可从左侧拖动相关模板至右侧事件定义区域，单击“创建”。 图3 自定义JS代码 代码如下： //获取当前组件var _component = context.$component.current;//获取当前表单var _form = context.$component.form;// 重置表单_form.resetFields(); 或者单击自定义JS代码区域右上侧的，最大化自定义JS代码页面，编辑代码。 内置的JS事件说明及使用方法，请参考如何通过JS代码实现页面与后台接口间的交互。 单击页面上方保存按钮，保存页面。

通过内置动作编排事件 系统预置了多种常用的事件交互动作，您可以根据需要直接使用来实现页面或组件之间的交互。 以下通过编排一个重置功能按钮为例，介绍通过内置动作编排事件，本示例主要是通过内置动作“重置表单”实现该功能，即重置表单数据。“提交表单”是指将页面数据提交到表单中，和重置表单配置类似，不再单独介绍。 选择按钮组件，在右侧“事件”页签下，单击“点击”后的加号，进入“添加动作”页面。 在左上角选择“内置动作”，单击“重置表单”，选择需要重置的表单，单击“创建”。 单击页面上方保存按钮，保存页面。 单击预览页面，在表单中输入数据，然后单击“重置”按钮，可预览按钮的事件效果。

AI代码补全功能 功能描述：开发者在JS代码编写过程中，键入特定的字符，界面会进行提示，从而自动构建智能代码补全服务，增强IDE代码补全能力。 使用方法：开发者在JS代码编辑器中编写代码过程中，敲击字符时自动触发代码推荐，选中后按Enter补全。 下面对AI代码补全功能进行详细介绍： 事件内置API补全：开发者键入“context”后提示事件代码内可调用的API。 模型名称补全：开发者键入“context.$model.ref”后提示当前页面中的模型。 服务编排名称补全：开发者键入“context.flow”后提示当前租户下的服务编排。 脚本名称补全：开发者键入“context.script”后提示当前租户下的脚本。 服务名称补全：开发者键入“context.service”后提示当前租户下的 API服务 ，选择API服务名称后自动补全服务地址。 华为OneMobile API补全：开发者键入“xm”后提示华为OneMobile小程序中的API。 WeLink API补全：开发者键入“HWH5”后提示WeLink小程序中的API。

控制组件是否可见可用可编辑 系统预置了多种常用的事件交互动作，例如内置动作“显示/隐藏控件”、“启用/禁用控件”、“只读/编辑控件”可控制页面上的全部或者部分组件是否可见可用可编辑。 示例：用户填写调查问卷，单击“提交”按钮后，调查问卷项只可读，不可编辑。设置组件是否可见可用的配置方法相似，这里以配置是否可编辑为例进行说明。 选择“提交”按钮组件，在右侧“事件”页签下，单击“点击”后的加号，进入“添加动作”页面。 在左上角选择“内置动作”，单击“只读/编辑控件”，在右侧页面单击“添加控件”，选择需要设置的组件，单击“确定”，设置组件是否可编辑。单击“创建”。 图1 选择组件 图2 设置是否可编辑 单击页面上方保存按钮，保存页面。 单击预览页面，填写问卷项后，单击“提交”按钮，可预览按钮的事件效果。 父主题： 主要事件说明

上传 文件选择上传控件，用于上传文件。 上传组件说明如下。 默认是一个Button组件，可以自定义修改内容。 可以通过数据绑定模型，上传文件列表会保存在绑定的模型中。 该组件在移动端支持调用摄像头接口。 向工作区域中拖入一个上传组件，单击“上传”页签，显示可配置属性页面。 表1 上传组件属性说明 参数名 说明 默认已上传的文件列表 默认已上传的文件列表。 存储 上传文件的存储类型。单击该参数后的齿轮图标，可进行配置。 存储：存储器类型，支持如下选项： OBS：表示通过OBS类型连接器存储到华为OBS（Object-based Storage Service）上。 MINIO：表示通过MINIO类型连接器存储到MINIO上。 OBJE CTS TORAGEPROXY：表示通过OBJECTSTORAGEPROXY类型连接器存储到相应服务器上。 EDM：系统预置的EDM类型存储器。 CUSTOMAPI：通过自定义接口来上传和展示文件。 连接器：当存储配置为OBS、MINIO或者OBJECTSTORAGEPROXY时，该参数才会显示，表示具体的连接器。 桶：当存储配置为OBS、MINIO或者OBJECTSTORAGEPROXY时，该参数才会显示，表示具体的存储桶。 上传服务：当存储配置为CUSTOMAPI时，该参数才会显示，选择自定义接口实现上传文件的功能。 展示服务：当存储配置为CUSTOMAPI时，该参数才会显示，选择自定义接口实现展示文件的功能。 过滤文件类型 接受上传的文件类型，为文件原生的属性，会在选择文件时按照文件类型过滤，多个类型格式间以“,”符号隔开，如：“image/jpeg,application/msword,text/plain”。 支持文件类型 支持的文件类型，与“过滤文件类型”不同的是，该参数是识别文件的后缀名，“过滤文件类型”为原生的属性，会在选择文件时过滤，可以两者结合使用。如：jpg,doc,txt 支持多文件 是否支持多选文件。 自定义文件名 上传的单个文件时，可自定义上传的文件名。 同名处理 防止同名文件覆盖，同名文件名后自动增加随机数，也可在“on-before-upload”事件中自定义处理文件名。 上传路径 自定义服务器端上传路径，默认uistudio/upload，上传路径不能是以“./”或“../”等开头的相对路径。 文件数量 多文件上传时，最大文件数量限制，即允许上传的文件数量，超过此数量后，将不允许上传。 文件大小(kb) 单个文件大小限制，单位kb。 文件大小错误描述 当文件超过限制大小时，提示的错误描述。支持多种语言配置。 公开读 上传到服务器上，是否可以公开读。 可选择 是否设置文件列表中选择设置。文件列表中可以带遮罩层选择或者复选框选择。 是否多选 当“可选择”开关打开时，该参数才会显示。是否支持文件列表的多文件的选择。 选择类型 当“可选择”开关打开时，该参数才会显示。选择类型包含“遮罩层选择”或者“选择框选择”两种类型。 选择框内容 当“选择类型”设置为“选择框选择”时，该参数才会显示。可设置选择框内容。 选中时显示内容 当“选择类型”设置为“选择框选择”时，该参数才会显示。表示是否选中时显示选择框内容。 九宫格 九宫格形态展示图片列表，仅当上传全部为图片时开启效果较好，移动端每行展示4个并且大小自适应。 列表展示位置 相对于上传按钮，上传列表的展示位置，默认在下方。 展示方向 上传列表中多张图片时，控制图片展示排列方向。 图片宽度 上传列表中单个图片的宽高，单位像素。 最大宽度 限制最大的宽度。 连接器配置请参考了解连接器。 配置完上传属性后，需要在“事件”页签可进行事件编排，具体请参见事件编排器说明。 表2 事件编排 事件名 说明 返回值 数据改变 已上传文件列表改变时触发 当前已上传文件列表 文件上传 开始上传文件时触发 当前开始上传的文件 当前已上传文件列表 操作成功 上传成功后触发 上传成功文件的地址 选中文件 文件列表选中时或取消选中时触发 当前文件 已选中的文件 文件上传前 文件上传前触发 在“文件上传前”事件后单击齿轮图标，在“自定义JS代码”中增加“$current.showUploadList = false”语句，可取消上传预览。 当前文件 文件名 系统为上传组件预置了clearFiles()方法。该方法用于清除上传文件列表。在上传组件的事件编排JS代码中可使用该方法，示例JS代码如下： var _component = context.$component.get('upload_0');_component.clearFiles(); 父主题： 平台标准组件介绍

脚本中调用连接器 您可以在脚本中调用连接器实现与OCR的对接，这里以新建一个脚本实现身份证识别为例进行举例说明。 鼠标放在App下的Logic文件夹旁会出现加号，单击加号，选择“脚本”。 选择“创建一个新脚本”，输入基本信息，单击“保存”。 编辑代码如下： //导入该脚本所依赖的标准库文件。ocr是系统预置的标准库。import * as ocr from 'ocr'; let cli = ocr.newClient("OCR_Test");try { let url = "https://obs-XXXX.obs.cn-north-1.testXXXX.com:443/1.PNG?AccessKeyId=ZK87UUIONJF5ZHWBINUO&Expires=1556001233&Signature=DOwO6djb4Q3EBvCieQFaO3T2GKU%3D&x-obs-security-token=gQpjbi1ub3J0aC0xipYOeC2mcbefHh5I_aMr6DEWQ8-iFyxqatavdiFtYowH-lpJCcxeTynsV_4PTJe9QIx85mlDIDo3sU9PUv3hFtRjQORjGE2PqA4hEtozvMuWxXb5b6RKiFT37-z7NoI4R85XmlTmZGQ6OUZ92bercG5DWEBTDVd3I_UYuNGzF20q6S2COP__Z-uqkhhw8nATd3k6GaIfCqxjcOih_juHBBoM1ON74vpKxCl1sJxnEYbZfkf6FO_xuGaJD7-J7OzD8tsSmFf4jR1TqZFZzrPEc9bkd2bPr8pwOCdDp8Yy0EVauKDvtIXsvzFollOR0rUvZol1sIsQU0gVpFpZyIqYqG6C_qQfXmr5DQwXTsQyifKjXLSj2MbPs6FKLYqu7mj0NhxUVcK5EQh5Vl5x5VHvYGRwgWJL078oXVBKGnQnr05EDHcCiW-6Gris2mHBYdcNmuhJ1UwNekeumBc0S6_33yK-U8OGYLMpR6HnLooyFmtmnOBIIQIkzWfWUNM7nIdWWcPmozJcBZ8iyawE0Cxgz5Xf56hPi-YZda0d1Xu387GA8PBkEPVct1yo5nh2bmVfRH6z0zWzhN-vbFcIHsfYv776DDLKQdSH0Sn-8bHdvPLPd2QieBkgS6wfvTcKMeBA6PwwNBl0Xqds6vQPpSZe6cYyplNuJoY05VLd8tLZMy_bR8Dmf1kArQaSquBzw2eDCfJAazjA4wTnkbccr38k7eM%3D" let resp = cli.idCardWithURL(url, "front"); console.log(resp);} catch (e) { console.log("error: ", e)} 其中ocr.newClient("OCR_Test")中“OCR_Test”为连接器的名称。url取值是图片的URL， "front"表示识别的是身份证正面。 单击代码编辑页面上方保存图标，保存脚本。 运行测试脚本。 单击编辑器上方执行图标。 在页面底部单击测试窗口右上角图标。 检查输出是否识别出身份证上文字信息。 识别出表示成功调用连接器。 单击代码编辑页面上方图标，启用脚本。

前提条件 已在华为云的 消息通知 服务 SMN 注册帐号并获取关键信息。获取方法如下： 登录华为云官网。 如果您没有华为云帐号，请立即注册，相关操作请参见如何进行帐号注册。注册后参考企业帐号如何完成实名认证完成企业帐号实名认证。 注册成功后，该帐号用户即可使用华为云的消息通知服务SMN。关于消息通知服务的价格，请参见价格详情。 单击右上角的“控制台”，进入“管理控制台”界面。 鼠标移动至用户名处，在下拉列表中单击“我的凭证”，进入“我的凭证”页面。 在“API凭证”页签下，请获取“ IAM 用户名”、“帐号名”、所用SMN资源对应的华北-北京一的“项目ID”、“项目”取值。 图1 获取关键信息 参考获取AK/SK获取AK（Access Key ID）、SK（Secret Access Key），即访问密钥对。

轮播 轮播组件，支持多种轮播方式，实现页面广告栏。 在设计页面左上方单击，从“媒体”中拖出轮播组件至设计页面右侧空白处。在页面中，单击选中该组件，会在右侧显示该组件的属性配置面板。 图1 轮播属性页面 表1 轮播属性说明 页签 区域 参数名 说明 属性 图片源设置 使用连接器 图片来源是否取自OBS连接器。 勾选表示取自OBS连接器，当连接器中图片过多时，可能会导致读取图片缓慢；且打包该页面时，由于图片地址为绝对地址，打包安装后，图片地址不可用，需要重新上传图片并进行配置。 不勾选表示图片来源取自平台接口。选择图片后实际存储的是图片id，页面随应用打包时会将图片一起打包，在新环境安装后无需重新上传配置。 默认不勾选。 连接器设置 选择连接器 有存储功能的OBS类型连接器。 展开“连接器设置”后才可显示该参数。 选择桶 该连接器的存储桶。 展开“连接器设置”后才可显示该参数。 OBS连接器配置完成后您才可以进行图片的查询、上传等操作，支持配置多种轮播方式，连接器配置方法请参考对接OBS云对象存储实例。 选择轮播组件，单击鼠标右键选择“高级设置”，选择“轮播配置”，可进行轮播配置。 图2 轮播配置界面 表2 轮播配置参数说明 参数名 说明 切换方向 广告图片的轮播切换样式，有以下几种： 横向滚动切换。 右下角滚动切换。 纵向滚动切换。 加载自动播放 是否自动轮播。 图片之间间隔多长时间？（不大于24秒） 当“加载自动播放”开关打开时，您需要配置单张图片的播放时长。 不能超过24秒。 切换方式 图片切换时展示样式配置。 定位标志 分页图标样式配置。 选择轮播组件，单击鼠标右键选择“高级设置”，选择“图片管理”，可进行图片管理，例如进行广告图片的更换、增减广告轮播的图片、改变图片播放顺序。 单击“添加”，如图4所示，在“我的图片/视频”页面单击目录后的和可管理图片目录，单击“上传图片/视频”可进行上传操作。 选中图片单击可删除图片。 单击可编辑图片跳转链接。 图3 图片管理 图4 “选择图片/视频”配置页面 父主题： 全局高级组件

矩形装饰 矩形组件，在页面添加遮罩层或背景。 在设计页面左上方单击，从“装饰”中拖出矩形装饰至设计页面右侧空白处。在页面中，单击选中该组件，会在右侧显示该组件的属性配置面板。参数说明请参考预置组件及公共属性说明。 该组件主要作为页面遮罩层或者背景使用，选择该组件，单击鼠标右键选择“高级设置”，配置参考模板、背景颜色、阴影设置、边框设置参数。 图1 矩形装饰配置界面 表1 矩形装饰配置参数说明 参数名 说明 参考模板 系统默认提供四种可选模板，点击即可切换样式。 背景颜色 背景颜色设置，包括是否显示背景颜色、单一色或者渐变色配置。 阴影设置 阴影设置，可设置成内部阴影、外部阴影或者自定义阴影。 边框设置 可为组件边框设置粗细、颜色、类型、圆角。 父主题： 全局高级组件

图片 图片组件，在页面插入一张图片。 在设计页面左上方单击，从“媒体”中拖出图片组件至设计页面右侧空白处。在页面中，单击选中该组件，会在右侧显示该组件的属性配置面板。 图1 图片属性页面 表1 图片属性说明 页签 区域 参数名 说明 属性 图片源设置 使用连接器 图片来源是否取自OBS连接器。 勾选表示取自OBS连接器，当连接器中图片过多时，可能会导致读取图片缓慢；且打包该页面时，由于图片地址为绝对地址，打包安装后，图片地址不可用，需要重新上传图片并进行配置。 不勾选表示图片来源取自平台接口。选择图片后实际存储的是图片id，页面随应用打包时会将图片一起打包，在新环境安装后无需重新上传配置。 默认不勾选。 连接器设置 选择连接器类型 有存储功能的连接器类型。支持OBS、MINIO和对象存储代理。 展开“连接器设置”后才可显示该参数。 选择连接器 具体的连接器实例。 选择桶 该连接器的存储桶。 展开“连接器设置”后才可显示该参数。 链接 链接地址 图片的链接跳转URL。 展开“链接”后才可显示该参数。 图片URL地址 使用相对地址 使用图片的相对路径。 展开“图片URL地址”后才可显示该参数。 连接器配置完成后您才可以进行图片的查询、上传等操作，连接器配置方法请参考如何调用后台接口。 选择图片组件，单击鼠标右键选择“高级设置”，可设置图片，出现如图2所示页面。 单击“选择图片”，如图3所示，在页面单击目录后的和可管理图片目录，单击“上传图片/视频”可进行上传操作。 选择“填充”表示图片不保证保持原有比例，图片拉伸填满整个容器。 选择“包含”表示图片保持原有尺寸比例，可能会在容器内留有空白。 选择“覆盖”表示图片表示原有尺寸比例，宽高至少有一个和容器一致，可能会让图片部分区域不可见。 选择“无”表示图片保持原有尺寸比例，同时保持图片原始尺寸大小。 图2 图片设置页面 图3 “选择图片/视频”配置页面 父主题： 全局高级组件

弹出消息对话框 该预置动作用于弹出消息对话框。示例，单击某按钮“确定”，弹出消息对话框“创建实例成功”。 选择按钮组件，在右侧“事件”页签下，单击“点击”后的加号，进入“添加动作”页面。 在左上角选择“内置动作”，单击“弹出消息对话框”，在右侧设置相关参数，单击“创建”。 图4 关闭弹出页面 表4 “弹出消息对话框”参数说明 参数 说明 消息类型 消息对话框，预置以下几种： 成功 错误 警告 提示 标题 消息对话框左上角的显示标题。 例如：成功 消息内容 消息对话框中显示的消息内容。 例如：创建实例成功 内容作为HTML渲染 内容是否作为HTML渲染。 动态渲染HTML容易导致XSS攻击，当开启此属性时，请确保传入的内容是可信的。 按钮 消息对话框中显示的按钮名称，预置了以下两种可选： 是 确认 弹出后延时自动关闭 弹出后是否支持延时自动关闭。勾选后，需要设置延时秒数。 例如：勾选该参数，并设置延时3秒。效果为弹出消息对话框后，3秒后自动关闭该弹框。 单击页面上方保存按钮，保存页面。 单击预览页面，单击“确定”按钮，可预览按钮的事件效果。

关闭弹出页面 示例，单击某按钮“确定”，关闭弹出页面。 选择按钮组件，在右侧“事件”页签下，单击“点击”后的加号，进入“添加动作”页面。 在左上角选择“内置动作”，单击“关闭弹出页面”，配置是否有返回值，单击“创建”。 图3 关闭弹出页面 表3 “关闭弹出页面”参数说明 参数 说明 返回值 关闭弹窗页面时，是否带返回值。如果有，请配置返回值。 单击页面上方保存按钮，保存页面。 单击预览页面，单击“确定”按钮，可预览按钮的事件效果。

打开页面 示例，单击某按钮“立即体验”，打开新的产品体验入口页面。 选择按钮组件，在右侧“事件”页签下，单击“点击”后的加号，进入“添加动作”页面。 在左上角选择“内置动作”，单击“打开页面”，配置目标页面、打开方式等参数，单击“创建”。 图1 打开页面 表1 “打开页面”参数说明 参数 说明 目标页面 打开的页面有以下几种： 当前应用页面：当前应用已创建好的页面 URL：某个页面的URL 重新加载当前页面：加载刷新当前的页面 打开方式 打开方式： 在新标签页中打开 在当前窗口打开 参数绑定 可选配置。当打开的页面URL中有参数时，可单击“添加”，设置页面URL路径中的参数。 单击页面上方保存按钮，保存页面。 单击预览页面，单击“立即体验”按钮，可预览按钮的事件效果。

弹出页面 示例，单击某按钮“提交”，弹出“提交成功”的提示页面。 选择按钮组件，在右侧“事件”页签下，单击“点击”后的加号，进入“添加动作”页面。 在左上角选择“内置动作”，单击“弹出页面”，配置目标页面、窗口选项，单击“创建”。 图2 弹出页面 表2 “弹出页面”参数说明 参数 说明 目标页面 弹出的页面有以下几种： 当前应用页面：当前应用已创建好的页面 URL：某个页面的URL 窗口可拖拽 窗口是否可来回拖拽。 窗口标题 弹出窗口的标题内容。 窗口位置 弹出窗口在屏幕的位置： 屏幕中央 屏幕顶部居中 窗口宽度 窗口的宽度，单位像素。 窗口高度 窗口的高度，单位像素。 单击页面上方保存按钮，保存页面。 单击预览页面，单击“提交”按钮，可预览按钮的事件效果。

仪表盘 仪表盘组件，实现仪表盘统计。 在设计页面左上方单击，从“仪表盘”中拖出仪表盘至设计页面右侧空白处。在页面中，单击选中该组件，会在右侧显示该组件的属性配置面板。参数说明请参考预置组件及公共属性说明。 该组件主要实现仪表盘统计，选择该组件，单击鼠标右键选择“高级设置”，可对仪表盘进行多种配置。 图1 仪表盘配置界面 表1 仪表盘配置参数说明 参数名 说明 组件标题 该组件标题设置。包括是否显示标题、标题文本内容、文本位置、背景等。 边框圆角 边框圆角设置。 数据系列 对数据属性（单位设置、仪表盘角度、区间范围、仪表盘半径、分段个数等）进行一系列配置。 当数据系列的设置数多于实际数据时，多于的数据系列不显示。 图表背景 图表背景设置。 提示框格式 提示框格式配置。 父主题： 全局高级组件