检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
查看页面性能 使用说明 低代码平台支持检查标准页面性能，生成性能报告页供开发者查看。 操作步骤 打开一个标准页面。 在标准页面右上方，单击“性能分析”，系统会检查页面性能，并打开“页面性能分析”页面。 图1 性能分析 图2 页面性能分析 查看页面性能报告，单击图2中各指标后的“展开”，可查看性能指标具体详情。
进入应用设计器的“界面”，单击页面后的“+”，即可新建一个空白标准页面或基于模板创建一个标准页面。页面创建后，自动进入标准页面开发界面，您可以阅读以下内容初步了解标准页面。 图1 标准页面开发界面 标准页面开发界面由左侧组件区域、上方按钮区域、中间工作区域和右侧可配置页面元素区域四部分组成。各区域功能介绍，请参见表1。
型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 在“属性”下拉框中，选择容器的某个属性。 在模型字段中，单击，进入选择模型页面。 单击“新增模型”，进入新增模型页面。 设置模型名称与来源，单击“下一步”。 AstroZero支持
值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。 在“数据绑定”中，单击“值（value）绑定”中的，进入选择模型页面。 单击“新增模型”，进入新增模型页面。 设置模型名称与来源，单击“下一步”。
选择“标准页面”，设置页面标签和名称，即可创建一个全新空白的标准页面。页面创建后，自动进入标准页面开发界面，您可以阅读以下内容初步了解标准页面。 图1 标准页面开发界面 标准页面开发界面由四部分组成，分别是：左侧组件区域、上方按钮区域、中间工作区域和右侧可配置页面元素区域，具体功能说明如下表所示。
配置高级页面组件桥接器实例属性时，如何设置下拉框中的选项值？ 问题描述 配置组件“数据”页签的桥接器实例属性时，下拉框中的选项来源是哪里设置的？ 图1 桥接器实例 解决方法 当组件中定义的桥接器属性设置的model值和桥接器中定义的model值相同时，桥接器实例选项可选到这些桥接器。
标准页面 AstroZero标准页面概述 创建空白AstroZero标准页面 使用模板创建AstroZero标准页面 为AstroZero标准页面添加组件 设置AstroZero标准页面组件属性 添加事件实现AstroZero组件间交互 添加库扩展AstroZero标准页面功能 查看AstroZero标准页面性能
在应用设计器的左侧导航栏中，选择“界面”。 在页面中，将鼠标放在对应的标准页面上，单击，选择“详情”。 在标准页面的详情页面，可查看标准页面的标签、归属APP和版本等信息。 移动标准页面 标准页面创建后，支持将标准页面移动到拥有开发权限的应用中。例如，A应用中创建的标准页面，在B应用中也会用到，为避免多次重复创建，可
型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 在“属性”下拉框中，选择容器的某个属性。 在模型字段中，单击，进入选择模型页面。 单击“新增模型”，进入新增模型页面。 设置模型名称与来源，单击“下一步”。 AstroZero支持
cache”属性 在已发布的高级页面上方，单击“性能分析”，进入页面性能分析报告页面。 开发者工具请保持打开状态，关闭后“Disable cache”属性会自动不勾选。同时请确保高级页面已发布，若未发布，单击高级页面上方的，发布页面。 图3 查看性能分析报告 在页面性能报告中，单击各指标后的“展开”，可查看性能指标详情。
值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。 在“数据绑定”中，单击“值（value）绑定”中的，进入选择模型页面。 单击“新增模型”，进入新增模型页面。 设置模型名称与来源，单击“下一步”。
设置AstroZero高级页面图片组件属性 图片是媒体组件的一种，用于直接展示需要呈现的图片数据。 图1 设置图片组件属性 基础 组件标题：设置组件的标题，用于在高级页面显示。 组件名称：设置组件的名称，名称是该组件在页面中的唯一标识。 位置 距离左端：组件到页面左侧的距离，单位为px。
设置AstroZero高级页面文本编辑组件属性 文本编辑是文本组件的一种，用于显示多行文本。 图1 属性 基础 组件标题：设置组件的标题，用于在高级页面显示。 组件名称：设置组件的名称，名称是该组件在页面中的唯一标识。 位置 距离左端：组件到页面左侧的距离，单位为px。 距离顶端：组件到页面顶部的距离，单位为px。
设置AstroZero高级页面基本饼图组件属性 基本饼图是饼图图表的一种，用于实现饼图图表统计。 图1 属性 基础 组件标题：设置组件的标题，用于在高级页面显示。 组件名称：设置组件的名称，名称是该组件在页面中的唯一标识。 位置 距离左端：组件到页面左侧的距离，单位为px。 距离
设置AstroZero高级页面散点图组件属性 散点图组件主要使用散点的形式展示数据。气泡图和散点图类似，气泡图使用气泡来展示数据。 图1 设置散点图属性 基础 组件标题：设置组件的标题，用于在高级页面显示。 组件名称：设置组件的名称，名称是该组件在页面中的唯一标识。 位置 距离左端：组件到页面左侧的距离，单位为px。
设置AstroZero高级页面基本柱图组件属性 基本柱图是柱状图的一种，通过柱形图来呈现数据整体的表现。 图1 设置基本柱图属性 基础 组件标题：设置组件的标题，用于在高级页面显示。 组件名称：设置组件的名称，名称是该组件在页面中的唯一标识。 位置 距离左端：组件到页面左侧的距离，单位为px。
否则拖拽组件到页面时会提示如下报错。 图4 界面报错 在应用设计器中，单击左侧导航栏中的“设置”。 在“高级设置”中，取消勾选“页面组件的渲染框架由Vue2升级为Vue3”开关。 图5 取消选中 创建CommodityDisplay高级页面。 首次创建高级页面时，会出现视图选项
创建一个标准页面 创建一个空白的标准页面，并根据实际业务完成页面设计。 创建标准页面 参考登录经典应用设计器中操作，进入应用设计器。 在对应的文件夹后，单击，选择“标准页面”。 输入标签页面的“标签”和“名称”，单击“添加”。 根据业务需求，设计标准页面。 参考平台标准组件介绍中操作，为标准页面添加组件并设置组件属性。
高级页面布局 使用说明 在低代码平台中，可以通过如下两种模式，开发高级页面。 绝对布局：在绝对布局中，每个组件可在页面中任意位置进行拖拽放置，组件的宽高可自定义设置。绝对布局常用于大屏页面的开发。 流式布局：在流式布局中，拖拽到页面中的组件，将根据从上到下、从左到右的顺序依次排列
型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 在“属性”下拉框中，选择容器的某个属性。 在模型字段中，单击，进入选择模型页面。 单击“新增模型”，进入新增模型页面。 设置模型名称与来源，单击“下一步”。 AstroZero支持
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
