检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
同时页面经常会有一些通用的交互模块，例如“人员选择”、“部门选择”等，这些页面交互模块可能会在多个页面中用到，逻辑也相对独立。面对这个情况，平台提供了让开发者自己创建组件的特性，称之为“自定义标准组件”。通过这个特性，开发者就能够将这样的交互模块抽象成标准页面组件，使页面的构建
如何实现组件交互 初识事件-动作 同页面内组件的交互 页面间组件交互 父主题： 高级页面
在线编辑组件示例 修改完成后，单击页面右上角的，进入更新组件页面。 单击“更新”，返回组件详情页面。 单击“预览”，可查看到展示文本已变为“Hello, I am AppCube Studio”。 管理组件版本 若更新的组件已用于高级页面中，需要在“页面设置 > 插件”页签中，更新组
详细说明 默认 页面跳转 跳转至其他页面，配置参数说明： 页面类型：设置待跳转的页面是当前应用中的标准页面、高级页面或外部页面。 高级页面、标准页面、外部页面：选择高级页面、标准页面或输入外部页面的地址。 动作参数：通过页面宏传递参数，可暂且不关注。 页面打开方式：设置跳转页面的打开方式
据。 在高级页面设计器中，单击，从“图表 > 散点图”中，拖拽“散点图”组件到画布中，如图1所示。 图1 散点图 属性 在属性中，设置散点图组件的位置、边框、背景等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称。 位置 距离左端：组件到页面左侧的距离，单位为px。
在事件中，显示了组件暴露出来的一些常用事件，供用户实现，来扩展组件的交互。整个页面有加载（on-load）事件，该事件在页面渲染完成后执行，可进行数据初始化操作。更多关于事件的介绍，请参见主要事件说明。 库 在库中，可配置页面需要的依赖库，扩展页面功能。库分为系统预置库和自定义库两种，更多介绍请参见如何引入第三方库。
}) 返回标准页面开发界面，单击页面上方的，保存页面。 设置工具栏区域。 在左侧“设计视图”中，选中“表格”，单击右侧“属性 > 表格区块 > 工具栏”后的“添加”。 删除上图工具栏中多余的按钮，只保留“新增行”、“保存”和“删除”按钮。 单击页面上方的，保存页面。 树形数据功能介绍
新建或编辑已有事件 图2 事件编排器 事件编排是页面的重要组成部分，用于承载页面中的逻辑，完成事件响应，以帮助用户快速高效地实现页面所需要呈现的功能效果。 事件行为区：集中存放事件编排过程中使用的行为节点，包括系统内置的动作（例如打开页面、弹出页面、显示或隐藏控件、定时任务、提交表单、重
管理应用中的页面资源 管理组件 管理组件模板 管理库 管理桥接器 管理桥接器模板 管理禁用资产 管理页面模板 父主题： 管理AstroZero中已安装应用的资源
</div> 参考6中操作，在组件库中上传该Widget包。 打开一个高级页面，在设计页面左上方单击，从“自定义”组件中拖出刚创建的Widget至右侧空白页面。 单击页面上方的，保存高级页面。 切换环境语言，在不同语种下，在页面中选中拖出的Widget，会在右侧显示该组件的属性配置面板，查看Widget属性是否符合预期。
在事件中，显示了组件暴露出来的一些常用事件，供用户实现，来扩展组件的交互。整个页面有加载（on-load）事件，该事件在页面渲染完成后执行，可进行数据初始化操作。更多关于事件的介绍，请参见主要事件说明。 库 在库中，可配置页面需要的依赖库，扩展页面功能。库分为系统预置库和自定义库两种，更多介绍请参见如何引入第三方库。
数据。 在高级页面设计器中，单击，从“媒体 > 通用”中，拖拽“图片”组件到画布中，如图1所示。 图1 图片 属性 在属性中，设置图片组件的位置、边框、连接器等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称。 位置 距离左端：组件到页面左侧的距离，单位为px。
联一些页面呈现给用户进行处理，可选择任务页面类型为标准页面。标准页面预置了以下几种与BPM流程相关的组件，供BPM关联标准页面时使用。 流程-动作 流程-历史 流程-附件 流程图 当标准页面使用了如上组件，如图1所示，BPM又关联了该标准页面，BPM启动时，会自动在标准页面中传入
参考开发高级组件中操作，将高级页面组件包上传至组件库中，在页面上中添加该高级页面组件。 当高级页面中拖入widget_demo_mintui高级页面组件后，即可在“页面设置 > 资源”中发现Vue库和MintUI库已加载，表示引用成功。 图5 库的引用情况 保存发布页面，页面效果如下图所示。 图6
</el-form> </div> 参考6中操作，在组件库中上传该Widget包。 打开一个高级页面，在设计页面左上方单击，从“自定义”组件中拖出刚创建的Widget至右侧空白页面。 选中该Widget，会在右侧显示该组件的属性配置面板。 在“属性”页签下，“自定义属性列表”区
在AstroZero标准页面组件较多时，如何快速选中组件？ 方式一：使用组件导航，选中目的组件 当页面中组件过多，不易选择某个组件时，可以先选择该组件附近的某个子组件，当选中子组件后，“组件导航”上将显示它的html标签层级。直接单击标签层级，即可快速切换组件。 如图1所示，当不
在高级页面设计器中，单击，从“图表 > 线状图”中，拖拽“基本折线图”组件到画布中，如图1所示。 图1 基本折线图 属性 在属性中，设置基本折线图组件的位置、边框、背景等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称。 位置 距离左端：组件到页面左侧的距离，单位为px。
保留小数位数：支持设置精确保留的小数位数。 单位：汇总数额的单位，可以设置为中文，也可以设置为英文。 属性：勾选后，页面上会隐藏该字段。 宽度：该组件框的宽度，占页面宽度的比例。 父主题： 统计页面组件介绍
水位图组件用于实现水位图的统计。 在高级页面设计器中，单击，从“图表 > 水位图”中，拖拽“基本饼图”组件到画布中，如图1所示。 图1 水位图 属性 在属性中，设置基本饼图组件的位置、边框、背景等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称。 位置 距离左端：组件到页面左侧的距离，单位为px。
在事件中，显示了组件暴露出来的一些常用事件，供用户实现，来扩展组件的交互。整个页面有加载（on-load）事件，该事件在页面渲染完成后执行，可进行数据初始化操作。更多关于事件的介绍，请参见主要事件说明。 库 在库中，可配置页面需要的依赖库，扩展页面功能。库分为系统预置库和自定义库两种，更多介绍请参见如何引入第三方库。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
