检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
设置AstroZero高级页面翻牌器组件属性 翻牌器组件用于在页面中展示实时数据的变化，在初始化或数据刷新时页面该组件展示数据会连续变动到新的数据。 图1 设置翻牌器组件属性 基础 组件标题：设置组件的标题，用于在高级页面显示。 组件名称：设置组件的名称，名称是该组件在页面中的唯一标识。 位置
如何调测标准页面 标准页面开发完成后，需要预览调测，验证页面是否实现了想要的效果。标准页面的调测分为调试事件和调试DOM及样式两类。 使用说明 标准页面开发完成后，需要预览调测，验证页面是否实现了预期效果。标准页面的调测分为调试事件和调试DOM及样式两类。 调试事件 打开一个标准页面。
创建空白AstroZero标准页面 当系统预置的标准页面模板不能满足您的业务需求时，您可以创建一个空白的标准页面，并根据实际业务完成页面设计。 创建标准页面 参考登录AstroZero新版应用设计器中操作，进入应用设计器。 在应用设计器的左侧导航栏中，选择“界面”。 （可选）单击页面后的，为标准页面添加目录。
分享统计页面 统计页面创建完成后，可将统计结果分享给其他用户查看。 分享统计页面 参考登录零代码工作台中操作，登录AstroZero零代码工作台。 在全部应用中，单击对应的应用，进入应用开发页面。 单击页面右上角的“查看统计”，进入统计页面。 单击已有统计页面后的，选择“分享统计”。
在图片地址输入框中，直接输入图片地址，来展示图片。 连接器设置 使用连接器：是否从连接器获取图片。 选择连接器类型：选择有存储功能的连接器，支持OBS、MINIO和对象存储代理。 选择连接器：选择具体的连接器实例。 选择桶：连接器的存储桶。 使用相对地址：使用图片的相对路径。 链接 在链接地址中，输入图片跳转的目标地址。
高级页面布局 使用说明 在低代码平台中，可以通过如下两种模式，开发高级页面。 绝对布局：在绝对布局中，每个组件可在页面中任意位置进行拖拽放置，组件的宽高可自定义设置。绝对布局常用于大屏页面的开发。 流式布局：在流式布局中，拖拽到页面中的组件，将根据从上到下、从左到右的顺序依次排列
查看页面性能 使用说明 低代码平台支持检查标准页面性能，生成性能报告页供开发者查看。 操作步骤 打开一个标准页面。 在标准页面右上方，单击“性能分析”，系统会检查页面性能，并打开“页面性能分析”页面。 图1 性能分析 图2 页面性能分析 查看页面性能报告，单击图2中各指标后的“展开”，可查看性能指标具体详情。
型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 在“属性”下拉框中，选择容器的某个属性。 在模型字段中，单击，进入选择模型页面。 单击“新增模型”，进入新增模型页面。 设置模型名称与来源，单击“下一步”。 AstroZero支持
值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。 在“数据绑定”中，单击“值（value）绑定”中的，进入选择模型页面。 单击“新增模型”，进入新增模型页面。 设置模型名称与来源，单击“下一步”。
标准页面 相对于高级页面，标准页面主要用于对前端页面的样式要求相对简单的场景，这种页面一般只是针对业务数据的增、删、改、查等基础功能。 标准页面主要是通过对前端页面组件的组合编排，以及为组件配置属性、关联事件实现业务功能的，在组装“编辑设备”页面章节，则会详细介绍组件、组件属性以及事件之间的调用及相关配置。
”，选择“编辑”，进入编辑应用页面。 在页面右上角，单击“查看统计”。 图1 查看统计 如果没有创建过统计页面，显示如图2，请单击“点击创建”。 图2 创建统计报表入口 如果之前创建过统计页面，需要重新编辑，则单击已有统计页面后的。 配置统计页面。 在页面左上角，设置统计页面名称。 在页面上方，单击
”，单击“确定”。 图9 新增list模型 单击页面上方的，保存页面。 页面保存成功后，单击，预览页面。 页面预览效果，如图10所示。在输入框中输入“Online”，下拉框中只显示处于“Online”状态的商品选项。 图10 页面效果 父主题： 应用前端开发
值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。 在“数据绑定”中，单击“值（value）绑定”中的，进入选择模型页面。 单击“新增模型”，进入新增模型页面。 设置模型名称与来源，单击“下一步”。
型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 在“属性”下拉框中，选择容器的某个属性。 在模型字段中，单击，进入选择模型页面。 单击“新增模型”，进入新增模型页面。 设置模型名称与来源，单击“下一步”。 AstroZero支持
值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。 在“数据绑定”中，单击“值（value）绑定”中的，进入选择模型页面。 单击“新增模型”，进入新增模型页面。 设置模型名称与来源，单击“下一步”。
AstroZero高级页面概述 什么是高级页面 高级页面是由一个或者多个组件拼装而成。高级页面可以使用组件进行组装和配置，方便用户达到自己想要的效果。高级页面支持多种框架，支持代码开发，比较自由，多用于对页面效果要求高的场景。 高级页面主要用于开发应用中较复杂的前端页面，例如包含图片、
基础详情页面 基础的详情页面。 操作步骤 参考登录经典应用设计器中，进入经典版应用设计器。 在左侧导航栏中，单击。 鼠标放在应用下的页面文件夹上，单击加号，选择“标准页面”，也可以参考什么是标准页面来创建标准页面。 页面开发完成后，单击页面上方的。 在“另存为...”页面中，设置模
标准页面 AstroZero标准页面概述 创建空白AstroZero标准页面 使用模板创建AstroZero标准页面 为AstroZero标准页面添加组件 设置AstroZero标准页面组件属性 添加事件实现AstroZero组件间交互 添加库扩展AstroZero标准页面功能 查看AstroZero标准页面性能
选择“标准页面”，设置页面标签和名称，即可创建一个全新空白的标准页面。页面创建后，自动进入标准页面开发界面，您可以阅读以下内容初步了解标准页面。 图1 标准页面开发界面 标准页面开发界面由四部分组成，分别是：左侧组件区域、上方按钮区域、中间工作区域和右侧可配置页面元素区域，具体功能说明如下表所示。
管理页面模板 使用说明 AstroZero支持用户将高级页面和大屏页面发布为页面模板供后续复用，减少重复开发，提高交付效率。在页面模板管理中，可以管理该账号下所有用户创建的高级页面模板和大屏页面模板。 操作步骤 参考登录管理中心中操作，登录AstroZero管理中心。 在左侧导航栏中，选择“应用管理
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
