检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
库分为系统预置库和自定义库两种，更多介绍请参见如何引入第三方库。 父主题： 平台标准组件介绍
本章节以开发网站中常用的标签切换页面为例，向您介绍如何基于组件模板在线开发组件。参考消费者业务网站（如图1所示），页面中主要包含标签栏和详情展示模块两部分，可以通过切换标签来控制详情展示模块中的展示内容。
库分为系统预置库和自定义库两种，更多介绍请参见如何引入第三方库。 父主题： 平台标准组件介绍
更多介绍，请参见如何调用后台接口。 图4 设置组件数据 事件 在事件中，查看组件可配置的事件列表。更多关于事件的介绍，请参见初识事件-动作。 图5 设置事件 父主题： 全局高级组件
本示例通过该动作，演示如何存储对象。 get_endpoint_minio：用于获取对象存储地址的前缀。该前缀加上传对象的路径，是实际访问对象的全路径。 输入参数 为定义连接器时，设置的自定义参数。 “目标”配置为“object”时：请在“源”中，配置对象名称。
本章节主要向您介绍，如何使用AstroZero快速创建一个空白的应用。 创建空白应用 进入AstroZero服务控制台。 在主页中，单击“进入首页”，进入AstroZero应用开发页面。 在“应用”中，单击“新建低代码应用”或单击，进入新建低代码应用页面。
参考如何开发服务编排中操作，创建一个空白服务编排。 图4 添加服务编排 在服务编排设计页面左侧，选择“连接器 > 消息通知”，拖拽“MSGSMS”图元至画布中。 MSGSMS是系统预置的，与MSGSMS对接的接口。
如何在组件中配置桥接器，请参见在组件中使用通用桥接器。 数据类型 > 静态数据：获取桥接器中定义的静态数据作为该组件的数据来源，也可以在静态数据编辑器中修改或重置静态数据。 数据类型 > 动态数据：通过动态调用后台的服务编排或脚本，获取数据作为该组件的数据来源。
为了便于描述，下面以应用“A”为例，向您介绍如何给接口添加业务权限凭证。 在AstroZero服务控制台，单击“进入首页”，进入应用开发页面。 在“主页 > 全部应用”中，单击“A”应用后的“编辑”，进入“A”应用设计器。 在左侧导航栏中，单击“设置”。
如何创建BPM表单，请参见创建标准表单。 默认为选中，即另存工作流时同步复制表单。 在新工作流设计页面，进行定制修改。 在工作流设计页面，可查看到新的工作流，且版本为1.0.1。 图4 新的工作流 工作流定制完成后，单击页面上方的，保存工作流。
如何设置数据系列，请参见设置数据系列。 通用柱状图颜色：选项为“单色”或“渐变色”，选择颜色可改变柱状条的颜色。 定制柱条颜色：自定义柱状条颜色。 柱形图宽度：柱状条宽度，默认为20px。 柱条边框圆角：柱状条边框圆角设置，取值为“0”时为直角，“100”为圆角。
如何创建一个端到端的BPM，请参见简易出差审批应用开发。 表2 开发BPM步骤 步骤序号 相关术语 描述 操作 1 创建BPM 新建：创建空白BPM。 导入既有：将同一租户或平台中已有的BPM以导入的方式创建BPM，方便用户快速继承已有BPM的配置，增加效率。
参考如何开发服务编排中操作，创建一个空白服务编排。 图6 添加服务编排 在服务编排设计页面，从左侧“连接器 > AI”中，拖拽“IEF”图元到画布中。 IEF是系统预置的，与IEF对接的接口。 图7 拖拽IEF图元到画布中 创建该服务编排的入参和出参变量。
库分为系统预置库和自定义库两种，更多介绍请参见如何引入第三方库。 系统为上传组件预置了clearFiles()方法，该方法用于清除上传文件列表。在上传组件的事件编排JS代码中，可使用该方法，示例JS代码如下： var _component = context.
如何新建服务编排，请参见创建空白AstroZero服务编排。 图3 复用特性 BO新建私有接口时允许绑定服务编排、脚本、对象资源，通过定义服务的API，可迅速满足您定制所需要的业务接口，并将该接口服务注册到网关，供第三方使用。
图8 ROMA Connect的API管理侧编辑API 图9 添加入参 在服务编排中调用ROMA Connect的API 参考如何开发服务编排中操作，创建一个服务编排。
更多自定义JS脚本介绍，请参见如何通过JS代码，实现页面与后台接口间的交互。
参考如何开发服务编排中操作，创建一个空白服务编排。 图7 添加服务编排 创建该服务编排的入参和出参变量。 由于该服务编排调用的是ModelArts服务接口，需要定义该服务编排的入参和出参，与接口的入参和出参类型保持一致。
如何设置数据系列，请参见设置数据系列。 是否展现：是否展示该数据系列。关掉该开关，可控制某数据系列不显示。 半径 > 南丁格尔图：是否展示南丁格尔图效果。 半径 > 内半径(%)：该数据系列饼图最内侧圆环半径占组件一半高度的百分比。
为了方便说明，如何使用“分栏”组件实现自适应布局，向画布中拖拽一个“分栏”组件，在“PC”下选择从左到右三个“栏”的布局形式。向每个“栏”中拖拽一个“标签”组件和一个“输入框”组件用来模拟录入员工信息的场景，如图14。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
