检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
设置AstroZero标准页面组件属性 设置AstroZero标准页面容器组件属性 设置AstroZero标准页面表单组件属性 设置AstroZero标准页面表格组件属性 设置AstroZero标准页面分栏组件属性 设置AstroZero标准页面栅格容器组件属性 设置AstroZero标准页面列表视图组件属性
创建AstroZero高级页面 标准页面主要用于后台管理类的表格表单类的开发，而高级页面主要用于开发应用中较复杂的前端页面，例如包含图片、图表、视频、地图等元素的页面。您可以将高级页面应用于开发网站、电商平台等，通过拖拽、布局组件，并进行相关属性配置即可快速搭建应用。 创建高级页面
管理AstroZero高级页面 为高级页面设置水印 高级页面创建后，支持为高级页面添加水印。水印可以用于标识页面的所有者、状态或其他相关信息，建议不要过多的设置水印，可能会影响页面的美观。 参考登录AstroZero新版应用设计器中操作，登录应用设计器。 在左侧导航栏中，选择“界面”。
为AstroZero高级页面添加组件 高级页面组件分类 高级页面支持的组件类型，以及每个类型下所包含的具体组件，如表1所示。通过该表，可帮助您快速了解各组件的位置分类，更加高效的开发高级页面。当预置组件不满足需求时，还可以自定义组件并上传到高级页面中使用，详情请参见为AstroZero高级页面添加自定义组件。
调测AstroZero标准页面 使用AstroZero完成标准页面开发后，需要进行预览调测、验证页面是否符合预期效果，例如根据相关数据判断页面逻辑是否正确执行。标准页面的调测分为“调试事件”和“调试页面样式”两类。 调试事件 打开一个标准页面。 图1 标准页面实例 选择一个组件，
查看AstroZero标准页面性能 使用AstroZero完成标准页面开发后，支持检查标准页面性能，生成性能报告页供开发者查看。 查看页面性能 打开一个标准页面。 在标准页面右上方，单击“性能分析”，系统会检查页面性能，并打开“页面性能分析”页面。 图1 性能分析 图2 页面性能分析
查看AstroZero高级页面性能 使用AstroZero开发完高级页面后，支持检查高级页面性能，生成性能报告页，供开发者查看。 检查页面性能 打开要进行性能检查的高级页面，在浏览器开发者工具中，勾选“Disable cache”属性。 在Chrome浏览器中，按下“F12”或者“Ctrl
调测AstroZero高级页面 在高级页面开发过程中，经常需要调测整个前台页面。对于前台页面中常遇到的样式或功能问题，可借助浏览器内置的开发者工具来对问题进行调试和定位。 前台页面常用调测方法 在高级页面的开发中，常借助浏览器内置的开发者工具对样式或功能问题进行定位和分析。下面以
设置完成后，单击“确定”，返回选择模型页面 在选择模型页面，选中新建的模型，单击“确定”，即可为该组件设置数据源。 图7 为组件设置数据源 父主题： 应用前端开发
隐藏”配置为布尔类型模型字段，在自定义JS代码中来控制模型字段取值，从而设置该组件是否隐藏，这种动态设置优先级是最高的。 样式 针对有丰富前端开发经验的用户，可通过“样式”面板对页面进行更深度的个性化布局定制。 布局：对页面CSS属性进行直接配置，如设置组件的宽度、高度等。您也可
码中来控制模型字段取值，从而设置该组件是否隐藏，这种动态设置优先级是最高的。 禁用：是否禁用该组件。 只读：值是否只读。 样式 针对有丰富前端开发经验的用户，可通过“样式”面板对页面进行更深度的个性化布局定制。 图片宽度：设置图片的宽度和高度，支持的单位有px和%。 布局：设置组件的宽度、高度等。
设置AstroZero高级页面雷达图组件属性 雷达图是指通过极坐标的展现形式，使用围合的区域，来表示数据在不同维度的具体表现。 图1 设置雷达图属性 基础 组件标题：设置组件的标题，用于在高级页面显示。 组件名称：设置组件的名称，名称是该组件在页面中的唯一标识。 位置 距离左端：组件到页面左侧的距离，单位为px。
设置AstroZero高级页面图片组件属性 图片是媒体组件的一种，用于直接展示需要呈现的图片数据。 图1 设置图片组件属性 基础 组件标题：设置组件的标题，用于在高级页面显示。 组件名称：设置组件的名称，名称是该组件在页面中的唯一标识。 位置 距离左端：组件到页面左侧的距离，单位为px。
设置AstroZero高级页面基本饼图组件属性 基本饼图是饼图图表的一种，用于实现饼图图表统计。 图1 属性 基础 组件标题：设置组件的标题，用于在高级页面显示。 组件名称：设置组件的名称，名称是该组件在页面中的唯一标识。 位置 距离左端：组件到页面左侧的距离，单位为px。 距离
设置AstroZero高级页面散点图组件属性 散点图组件主要使用散点的形式展示数据。气泡图和散点图类似，气泡图使用气泡来展示数据。 图1 设置散点图属性 基础 组件标题：设置组件的标题，用于在高级页面显示。 组件名称：设置组件的名称，名称是该组件在页面中的唯一标识。 位置 距离左端：组件到页面左侧的距离，单位为px。
设置AstroZero高级页面基本柱图组件属性 基本柱图是柱状图的一种，通过柱形图来呈现数据整体的表现。 图1 设置基本柱图属性 基础 组件标题：设置组件的标题，用于在高级页面显示。 组件名称：设置组件的名称，名称是该组件在页面中的唯一标识。 位置 距离左端：组件到页面左侧的距离，单位为px。
使用AstroZero在前端表格中增删改对象数据 期望实现效果 通过添加一个工具栏，在前端页面实现对象数据的增加、删除和修改。例如，在标准页面的表格中，增加、删除和修改数据时，页面关联的后台对象数据也会随之更改。 最终实现效果：双击demoName中的数据栏，可以对数据进行编辑。
图1 选择目标组件 方式二：使用“组件树”，选中目的组件 选中某个组件后，可以展开组件树，可以根据组件名，快速选中目的组件。 父主题： 应用前端开发
在标准页面选中表格组件，开启“树形数据”并设置如下参数。 图8 开启树形数据并设置对应参数 预览该页面，即可查看到如图2所示层级关系。 父主题： 应用前端开发
使用模板创建AstroZero标准页面 操作场景 系统预置了一些典型场景的标准页面模板，如果业务场景贴合已有模板，建议选择“基于模板”来快速创建标准页面。页面模板包括预置模板（通用模板）和自定义模板两大类。 预置模板（通用模板） 基础表单：基本的表单页面。 多区域表单：有间隔区域的多区域表单页面。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
