检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
设置AstroZero标准页面列表视图组件属性 列表视图是一个组合组件，可以灵活组合列表项的内容，并且根据实例化数据进行动态展示。 列表视图由上方列表区和下方的页码区组成。使用时，需要在“列表视图（List View）”上绑定数据模型，且数据类型必须为数组，如果要使用分页功能，分页组件需放在最外层“列表视图（List
设置AstroZero标准页面表单组件属性 表单是一个组合组件，即可以直接绑定对象模型，构建基础表单能力，如保存、重置、查询（通过事件编排调用“getFormData”方法）。也可以在空表单中，添加其他可以绑定模型字段的组件，如输入框，下拉框等，以完成数据交互功能。 向页面中拖入
设置AstroZero标准页面输入框组件属性 输入框是基础输入组件，输入框中的内容可以通过鼠标或键盘输入。输入框一般在有需要输入内容、提供组合型条件查询或有其他资料需要提交时使用。 图1 输入框组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。
设置AstroZero标准页面下拉框组件属性 下拉框通过配置绑定选项内容，提供给用户进行下拉选择的操作，支持单选、多选、搜索，以及键盘快捷操作。 图1 下拉框组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑
false”语句，可取消上传预览。 当前文件。 文件名。 库 在库中，可配置页面需要的依赖库，扩展页面功能。库分为系统预置库和自定义库两种，更多介绍请参见如何引入第三方库。 系统为上传组件预置了clearFiles()方法，该方法用于清除上传文件列表。在上传组件的事件编排JS代码中，可使用该方法，示例JS代码如下：
设置AstroZero标准页面表格（新）组件属性 表格（新）为数据表格组件，主要用于展示大量的结构化数据，支持电脑端和移动端。使用时，需要先通过数据绑定来绑定数据模型，再设置表格属性。 表格（新）相对于设置AstroZero标准页面表格组件属性中的表格组件来说，更适用于移动端，但
设置AstroZero标准页面面包屑组件属性 面包屑组件用于显示网站的层级结构，告知用户当前所在位置。 图1 面包屑组件 数据绑定 将面包屑组件的某个属性，如隐藏、样式、跳转等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。
路由导航和路由视图 路由导航和路由视图组合使用，可实现路由导航以及展示当前生效路由对应的页面内容（如图1）。一个页面只支持放置一个路由导航和一个路由视图组件。 图1 页面预览效果 使用预置的路由导航和路由视图组件 在使用路由导航和路由视图组件时，当前使用该组件的页面和路由导航关联
设置AstroZero标准页面图片组件属性 图片作为一个基本组件，用于展示图片，用户可以通过“图片地址”属性，来选择图片。图片可以从本地上传，也可以来自服务器上的图片库。 图1 图片组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。
关于事件的介绍，请参见主要事件说明。 库 在库中，可配置页面需要的依赖库，扩展页面功能。库分为系统预置库和自定义库两种，更多介绍请参见如何引入第三方库。 父主题： 平台标准组件介绍
”进行配置，这里不再详细描述流程配置的具体操作。流程中默认将5添加的主对象作为对象变量，图元之间连线的规则设置以及图元的输入、输出参数可以引入该对象变量，也可添加其他变量。 图8 事故处理流程（示例） 左侧展示流程配置中可以用到的图元，说明如下： start：开始图元，单击开始图元，在右侧可配置开始属性。
设置AstroZero标准页面上传组件属性 在标准页面中，使用上传组件来上传文件。 图1 上传组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑
标准页面中预置的API 在开发标准页面时，可以通过编写JS代码，来实现页面组件与后台接口之间的交互。如图1所示，在编写JS代码时，可直接使用系统预置的API。 系统预置的API代码结构样例如下，提供事件上下文context，用于封装常用的对象及API。 context ├──$app
库，例如流行的Vue（已预置）、Bootstrap、Element（已预置）等，需要将其制作成库资产，再上传到环境中使用。如何在高级页面中引入库，请参见使用AstroZero开发高级页面时如何引用第三方库。 桥接器 在进行前台页面开发时，经常要调用后台数据，例如购物车中用户的ID
绍其他模块与服务编排是如何进行相互调用的。 脚本 在服务编排中可以通过配置脚本图元，选择当前应用中的脚本进行脚本的调用。 在脚本中可以通过引入sys库，然后执行sys.invokeFlow({Flow_Name})，进行服务编排的调用。其中，Flow_Name为服务编排的名称。 对象
他模块与服务编排是如何进行相互调用的。 脚本 在服务编排中，可通过配置脚本图元，选择当前应用中的脚本，进行脚本的调用。 在脚本中，可以通过引入sys库，再执行“sys.invokeFlow({Flow_Name})”，进行服务编排的调用。其中，“Flow_Name”为服务编排的名称。
如何自定义组件属性 场景描述 本章节主要介绍，如何给Widget自定义属性以及如何在页面的Widget中，使用该属性值。单击链接，获取Widget样例包“widget_demo_property.zip”。 自定义Widget属性效果，如图1所示。 图1 自定义Widget属性 操作步骤
关于事件的介绍，请参见主要事件说明。 库 在库中，可配置页面需要的依赖库，扩展页面功能。库分为系统预置库和自定义库两种，更多介绍请参见如何引入第三方库。 绑定数据模型、增加查询条件、工具栏 设置组件绑定的数据模型，有自定义对象、对象、服务和事件四种，本章节以绑定模型为例进行介绍。
配置数据导入模板 使用说明 通过定义数据导入模板，定义后下载模板，录入数据，再导入数据并按照预定义的脚本处理数据。 场景描述 本节介绍的是在应用内配置数据导入模板，您还可以在管理中心进行配置，相关操作请参考通过配置数据导入模板进行数据导入。两者的区别是在应用中配置的数据导入模板，
通过配置数据导入模板，进行数据导入 在AstroZero上定义数据导入模板，将模板下载到本地，并录入数据。数据录入完成后，通过导入模板导入新数据并按照预定义的脚本处理数据。 前提条件 导入数据的数据表已存于AstroZero中，参考数据对象建模创建对象CNAME__Class__CST，并自定义字段number。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
