检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
选择“标准页面”，设置页面标签和名称，即可创建一个全新空白的标准页面。页面创建后，自动进入标准页面开发界面，您可以阅读以下内容初步了解标准页面。 图1 标准页面开发界面 标准页面开发界面由四部分组成，分别是：左侧组件区域、上方按钮区域、中间工作区域和右侧可配置页面元素区域，具体功能说明如下表所示。
查看AstroZero高级页面性能 使用AstroZero开发完高级页面后，支持检查高级页面性能，生成性能报告页，供开发者查看。 检查页面性能 打开要进行性能检查的高级页面，在浏览器开发者工具中，勾选“Disable cache”属性。 在Chrome浏览器中，按下“F12”或者“Ctrl
设置AstroZero高级页面基本折线图组件属性 基本折线图是折线图的一种，用于实现折线图图表统计。 图1 设置基本折线图属性 基础 组件标题：设置组件的标题，用于在高级页面显示。 组件名称：设置组件的名称，名称是该组件在页面中的唯一标识。 位置 距离左端：组件到页面左侧的距离，单位为px。
在应用设计器的左侧导航栏中，选择“界面”。 在页面中，将鼠标放在对应的标准页面上，单击，选择“详情”。 在标准页面的详情页面，可查看标准页面的标签、归属APP和版本等信息。 移动标准页面 标准页面创建后，支持将标准页面移动到拥有开发权限的应用中。例如，A应用中创建的标准页面，在B应用中也会用到，为避免多次重复创建，可
型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 在“属性”下拉框中，选择容器的某个属性。 在模型字段中，单击，进入选择模型页面。 单击“新增模型”，进入新增模型页面。 设置模型名称与来源，单击“下一步”。 AstroZero支持
te，单击Page1页面中的OK按钮，输入框中的数据会通过页面宏传递给Page2。 图1 页面间组件交互场景示例 页面间的组件交互原理如下图所示，在配置事件时，选择“默认”类别中的页面跳转，并通过新增动作参数将事件的参数传给页面宏，在跳转的目标页面中读取页面宏数据。 图2 Page传值原理
否则拖拽组件到页面时会提示如下报错。 图5 界面报错 在应用设计器中，单击左侧导航栏中的“设置”。 在“高级设置”中，取消勾选“页面组件的渲染框架由Vue2升级为Vue3”开关。 图6 取消选中 在应用设计器中，选择“界面”，单击高级页面后的“+”，新建一个高级页面。 单击，从“全部
值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。 在“数据绑定”中，单击“值（value）绑定”中的，进入选择模型页面。 单击“新增模型”，进入新增模型页面。 设置模型名称与来源，单击“下一步”。
查看页面性能 使用说明 低代码平台支持检查标准页面性能，生成性能报告页供开发者查看。 操作步骤 打开一个标准页面。 在标准页面右上方，单击“性能分析”，系统会检查页面性能，并打开“页面性能分析”页面。 图1 性能分析 图2 页面性能分析 查看页面性能报告，单击图2中各指标后的“展开”，可查看性能指标具体详情。
标准页面 AstroZero标准页面概述 创建空白AstroZero标准页面 使用模板创建AstroZero标准页面 为AstroZero标准页面添加组件 设置AstroZero标准页面组件属性 添加事件实现AstroZero组件间交互 添加库扩展AstroZero标准页面功能 查看AstroZero标准页面性能
值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。 在“数据绑定”中，单击“值（value）绑定”中的，进入选择模型页面。 单击“新增模型”，进入新增模型页面。 设置模型名称与来源，单击“下一步”。
图组件至设计页面自定义组件下方。 单击页面上方的，保存页面。 保存成功后，单击，发布页面。 页面发布成功后，单击，进入预览页面，查看页面效果。 新增了路由页面3，结果符合预期。 图9 预览效果 嵌套路由导航开发示例 如果要在路由导航中嵌套路由，即实现如图10所示页面效果。需要在第
否则拖拽组件到页面时会提示如下报错。 图4 界面报错 在应用设计器中，单击左侧导航栏中的“设置”。 在“高级设置”中，取消勾选“页面组件的渲染框架由Vue2升级为Vue3”开关。 图5 取消选中 创建CommodityDisplay高级页面。 首次创建高级页面时，会出现视图选项
创建一个标准页面 创建一个空白的标准页面，并根据实际业务完成页面设计。 创建标准页面 参考登录经典应用设计器中操作，进入应用设计器。 在对应的文件夹后，单击，选择“标准页面”。 输入标签页面的“标签”和“名称”，单击“添加”。 根据业务需求，设计标准页面。 参考平台标准组件介绍中操作，为标准页面添加组件并设置组件属性。
te，单击Page1页面中的OK按钮，输入框中的数据会通过页面宏传递给Page2。 图1 页面间组件交互场景示例 页面间的组件交互原理如下图所示，在配置事件时，选择“默认”类别中的页面跳转，并通过新增动作参数将事件的参数传给页面宏，在跳转的目标页面中读取页面宏数据。 图2 Page传值原理
发布当前开发的页面，页面发布后可以预览该页面的运行态效果。 页面修改、保存后，需再次执行发布操作，才能在应用和预览页面中体现修改内容。 ：页面发布后，可以预览该页面运行态效果。 ：页面开发完成后，可将该页面发布为模板。 /：页面开发过程中如果出现误操作，可执行撤销、复原操作。 ：低代码平台支持检查高级页面性能，生成性能报告页供开发者查看。
弹性布局实现居中 移动端配置 固定底部：开启后，在移动端预览页面时，容器组件在页面底部显示。 图17 显示在页面底部 固定顶部：开启后，在移动端预览页面时，容器组件在页面顶部显示。 图18 显示在页面顶部 按钮填满容器：开启后，在移动端预览页面时，按钮组件填满整个容器。 图19 按钮填满容器
值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。 在“数据绑定”中，单击“值（value）绑定”中的，进入选择模型页面。 单击“新增模型”，进入新增模型页面。 设置模型名称与来源，单击“下一步”。
可收缩面板：弹性伸缩布局，用于将内容区域收缩/展开。 滚动容器：当页面内容已超出屏幕的范围时，需要拉动滚动条，在有限的屏幕中浏览更多内容。 选择卡：用于将多个项目，从一边移动到另一边。 栅格容器：用于控制页面的布局，即将页面设计几行几列，先设置元素在页面中纵向排列，然后在每一行中又可设置元素横向排列。 代码块：用于代码块展示。
}) 返回标准页面开发界面，单击页面上方的，保存页面。 设置工具栏区域。 在左侧“设计视图”中，选中“表格”，单击右侧“属性 > 表格区块 > 工具栏”后的“添加”。 删除上图工具栏中多余的按钮，只保留“新增行”、“保存”和“删除”按钮。 单击页面上方的，保存页面。 树形数据功能介绍
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
