检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图片 图片作为一个基本组件，用于展示图片，用户可以通过“图片地址”属性，来选择图片。图片可以从本地上传，也可以来自服务器上的图片库。 在标准页面设计界面，从“基本组件 > 基本”中，拖拽“图片”组件至页面工作区域，如图1。 图1 图片 查看组件帮助 将鼠标放在对应的组件上，单击，可查看组件说明。
桥接器中，AstroZero对外开放的自定义部分主要执行流程如图1所示： 图1 桥接器执行流程图 桥接器中主要的自定义函数为constructUrl和transform，您可以按需求封装上述函数，以此实现不同功能的桥接器。自定义桥接器中常用的API如表2所示，在经典版应用设计器左侧列表中，单击，选择“高级页面
如何实现页面组件间的交互 组件之间的交互主要依托数据的变化和传输实现，将组件的属性与对应的数据进行绑定。当其他组件的事件、服务编排、事件等使属性绑定值发生变化时，绑定的属性也随即发生变化，实现了组件之间的交互。 数据绑定方式 在标准页面开发界面，选中任意组件，在右侧“属性”页签进行数据绑定。
通过AstroZero中的连接器实现文件上传功能 期望实现效果 AstroZero封装了不同类型的连接器用于对接其他服务，对接后即可在应用中使用该服务。例如，通过连接器对接OBS后，可将前端页面中上传的文件存储到OBS桶中。 图1 在OBS桶的指定路径下可查看到文件 功能实现方法 准备工作。
同页面内组件的交互 组件中自定义事件、动作 若低代码平台预置的事件与动作不能满足您的开发需求，还可以在组件中对其进行自定义，以实现业务逻辑。 低代码平台提供的组件模板中，包含了事件和动作的模板组件（widgetEventTemplate、widgetActionTemplate）。在经典版管理中心的“应用管理
js模块管理，也不支持npm的整套机制。 脚本文件和模块是一一对应的，每个脚本被视为一个独立的模块。假设，有一个名称为foo的脚本： import * as circle from './命名空间__circle'; console.log(`半径为 4 的圆的面积是 ${circle.area(4)}`);
拉框中的选项值？ 问题描述 配置组件“数据”页签的桥接器实例属性时，下拉框中的选项来源是哪里设置的？ 图1 桥接器实例 解决方法 当组件中定义的桥接器属性设置的model值和桥接器中定义的model值相同时，桥接器实例选项可选到这些桥接器。 例如，查看组件editor.js文件中
选取。此时，可以通过添加一个输入框B，实现下拉框A的选项值根据输入框B输入的值进行筛选。例如，输入框B中输入Online，下拉框A中只显示所有上架状态的商品，如图1。 图1 实现效果 解决方法 这里可以通过设置标准页面的输入框和下拉框，来实现自定义下拉框选项取值。 向标准页面工作
图片 图片组件用于在页面展示图片。 在表单开发页面，从“通用组件”中，拖拽“图片”组件至表单设计区域，如图1。 图1 图片 显示名称：设置图片显示名称，默认隐藏显示名称。 选择图片：单击“上传图片”，上传需要展示的图片。 点击放大预览：勾选后，可放大预览图片。 移动端独立设置：勾选后，可给移动端单独设置展示的图片。
editor.js”的“propertiesConfig”中，定义Widget属性，包含属性的类型、名称和在界面展示的标签名。 如下加粗代码所示，“widget_demo_property.editor.js”中分别定义了text、 checkbox以及select类型的三个属性参数。
图片 图片是媒体组件的一种，用于直接展示需要呈现的图片数据。 在高级页面设计器中，单击，从“媒体 > 通用”中，拖拽“图片”组件到画布中，如图1所示。 图1 图片 属性 在属性中，设置图片组件的位置、边框、连接器等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称。
段。 图1 数据源（存在父子关系的字段） 图2 树形数据 处理方法 首先查看数据对应的对象，查看数据列的字段名。 若需要构造如图1所示的数据，在新建对象，请新增图3中的自定义字段。自定义字段后，打开布局页签，选中“对象名Records”数据记录页，新增图1所示的数据。 图3 自定义字段
中添加用户。 图1 在工作队列中添加用户成员 图2 在公共组中添加用户 “当前泳道”方式是通过指定泳道的工作队列实现的。 “名称和表达式”方式是通过设置“参与者”类型为“组”，并指定组（公共组）实现的。 通过“当前泳道”或“名称和表达式”的方式，将需要进行投票操作的用户加入到用户
将鼠标放在对应的组件上，单击，可查看组件说明。 图2 查看组件说明 属性 数据绑定：通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：设置组件绑定的数据模型，数据模型一般有以下几种。更多介绍，请参见值绑定。 自定义：由用户自定义的前端模型，可以在模型树上快速创建自定义字段。
OTest”的BO。 在BO中，新建需要调用的资源“命名空间__FlowC”，并启用。 新建“命名空间__FlowC”后，该资源可见性默认为“公开”，表示在其他应用中可调用该资源。 图1 设置资源为公开 参考图2和图3，在BO中新建公共接口，该接口用于封装“命名空间_FlowC”。
实现会签 在配置用户任务时，可以选择“或签”或“会签”两种审批类型。 图1 审批类型 或签：任一个分配人均可审批：只需要接收人中的某一用户完成了审批，即可推动任务流程，走向下一个任务。 会签：每个分配人都需要审批：需要接收人中的用户群体，满足设置的审批条件，才可推动任务流程，走向下一个任务。
再从“表单”中，拖拽一个输入框到列表视图中。 图2 添加输入框 选中列表视图组件，在“属性 > 移动端配置”中，将“默认数据条数”设置为“5”，并开启“显示加载文字”和“异步加载”。 图3 移动端设置 为组件绑定数据。 选中列表视图组件，在“属性 > 数据绑定”中，单击“值(value) 绑定”后的。 图4 单击加号
设置AstroZero高级页面路由导航和路由视图组件属性 路由导航和路由视图组合使用，可实现路由导航以及展示当前生效路由对应的页面内容（如图1）。一个页面只支持放置一个路由导航和一个路由视图组件。路由导航和路由视图组件的属性和其他组件类似，可参考其他组件进行配置。 图1 页面预览效果 使用预置的路由导航和路由视图组件
表单”中，拖拽“上传”组件至页面工作区域，如图1。 图1 上传 查看组件帮助 将鼠标放在对应的组件上，单击，可查看组件说明。 图2 查看组件说明 属性 数据绑定：通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：设置组件绑定的数据模型，数据模型一般有以下几种。更多介绍，请参见值绑定。
设置AstroZero标准页面图片组件属性 图片作为一个基本组件，用于展示图片，用户可以通过“图片地址”属性，来选择图片。图片可以从本地上传，也可以来自服务器上的图片库。 图1 图片组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 属
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
