检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
}) 返回标准页面开发界面，单击页面上方的，保存页面。 设置工具栏区域。 在左侧“设计视图”中，选中“表格”，单击右侧“属性 > 表格区块 > 工具栏”后的“添加”。 删除上图工具栏中多余的按钮，只保留“新增行”、“保存”和“删除”按钮。 单击页面上方的，保存页面。 树形数据功能介绍
设置AstroZero高级页面雷达图组件属性 雷达图是指通过极坐标的展现形式，使用围合的区域，来表示数据在不同维度的具体表现。 图1 设置雷达图属性 基础 组件标题：设置组件的标题，用于在高级页面显示。 组件名称：设置组件的名称，名称是该组件在页面中的唯一标识。 位置 距离左端：组件到页面左侧的距离，单位为px。
值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。 在“数据绑定”中，单击“值（value）绑定”中的，进入选择模型页面。 单击“新增模型”，进入新增模型页面。 设置模型名称与来源，单击“下一步”。
中操作，为标准页面添加组件。 参考设置AstroZero标准页面组件属性中操作，设置标准页面组件属性。 参考添加事件实现AstroZero组件间交互中操作，为组件添加交互动作。 设计完成后，单击页面上方的，保存标准页面。 保存成功后，单击，预览标准页面。 如果预览效果和预期不符，可返回标准页面进行修改，直至符合预期。
面板对页面进行更深度的个性化布局定制。 基础布局设置 标准页面提了流式布局（Flow Layout）和弹性布局（Flex Layout），标准页面的基础布局主要是通过“容器”组件实现的。 容器组件就是基础的布局容器，可以将其理解为CSS中DIV的概念。DIV是层叠样式表中的定位技
设计器。 在左侧导航栏中，单击。 鼠标放在应用下的页面文件夹上，单击加号，选择“标准页面”，也可以参考什么是标准页面来创建标准页面。 页面开发完成后，单击页面上方的。 在“另存为...”页面中，设置模板标签和模板名，打开“另存为模板”开关，单击“创建”，将应用另存为模板。 图1 另存为模板
为AstroZero标准页面中表格的数据增加链接 期望实现效果 在标准页面中，支持为表格中的数据增加超链接，来提升用户体验和数据交互的便捷性。例如，在表格的webName列中，将鼠标移动至WEB A上在页面的左下角可查看到对应的链接地址，单击会跳转到对应的页面。 图1 实现效果 功能实现方法
页面列表 “页面类型”选择“标准页面”或“高级页面”时，需要在页面列表中选择需要跳转的已创建的“标准页面”或“高级页面”。 “页面类型”选择“自定义页面地址”时，请直接输入需要跳转的页面地址。 打开新页面：是否在新页面，打开目标页面。 设置完成后，单击“确定”，将自动生成转跳代码至剪切板，只需要粘贴到面板即可。
如何设置页面水印 使用说明 如果需要为高级页面设置水印，可参考本章节操作。 操作步骤 参考登录经典应用设计器中操作，登录经典版应用设计器。 在需要设置水印的高级页面后，单击“...”，选择“设置”。 若页面已被锁定，请在编辑页面上方单击，先获取锁。 图1 选择“设置” 在“水印”
如何调测前台页面 使用说明 在高级页面开发过程中，常需要调测自定义组件或整个前台页面，本节将介绍高级页面调测的常用工具。对于自定义组件的开发和调试，AstroZero提供Scaffolding脚手架工具，可实现本地开发组件的实时在线调测。对于前台页面中常遇到的样式或功能问题，可借
在AstroZero服务控制台，单击“进入首页”，进入应用开发页面。 单击页面左上角的，选择“环境管理 > 环境配置”，进入环境配置页面。 在顶部主菜单中，选择“维护”。 在左侧导航栏中，选择“全局元素 > 页面资产管理 > 组件模板”。 单击模板“widgetBridgeTemplate”，进入模板详情页。
值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。 在“数据绑定”中，单击“值（value）绑定”中的，进入选择模型页面。 单击“新增模型”，进入新增模型页面。 设置模型名称与来源，单击“下一步”。
可收缩面板：弹性伸缩布局，用于将内容区域收缩/展开。 滚动容器：当页面内容已超出屏幕的范围时，需要拉动滚动条，在有限的屏幕中浏览更多内容。 选择卡：用于将多个项目，从一边移动到另一边。 栅格容器：用于控制页面的布局，即将页面设计几行几列，先设置元素在页面中纵向排列，然后在每一行中又可设置元素横向排列。 代码块：用于代码块展示。
值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。 在“数据绑定”中，单击“值（value）绑定”中的，进入选择模型页面。 单击“新增模型”，进入新增模型页面。 设置模型名称与来源，单击“下一步”。
在AstroZero高级页面中，如何实现所有组件都加载完成后，再执行某段逻辑？ 问题描述 高级页面开发中，需要在所有组件都加载完成后，再执行某段逻辑，该如何处理？ 解决方法 可通过绑定readerPageWidgetReady事件实现，代码示例如下： $(document).bi
参考登录AstroZero新版应用设计器中操作，登录应用设计器。 在左侧导航栏中，选择“界面”。 （可选）单击高级页面后的，为高级页面添加目录。 高级页面默认存放在根目录下，在创建高级页面前，您可以先创建高级页面存放的目录，也可以在高级页面创建后将其拖拽到指定目录。 将鼠标放在已创建的高级页面目录上，单击，进入添加高级页面。
分享统计页面 统计页面创建完成后，可将统计结果分享给其他用户查看。 分享统计页面 参考登录零代码工作台中操作，登录AstroZero零代码工作台。 在全部应用中，单击对应的应用，进入应用开发页面。 单击页面右上角的“查看统计”，进入统计页面。 单击已有统计页面后的，选择“分享统计”。
多语言库中。 将组件从页面左侧的组件元素区域拖动到页面后，选中该组件，会在右侧显示该组件的属性配置面板。在属性配置面板中，可以对该组件在页面显示属性风格进行配置，使页面达到预期效果。 图1 配置组件属性 若需要了解每个基本组件的详细使用说明，在标准页面设计界面左侧组件区域，将鼠标
设置AstroZero高级页面仪表盘组件属性 仪表盘是指通过仪表的特殊展示方式，对数据进行展示。 图1 设置仪表盘组件属性 基础 组件标题：设置组件的标题，用于在高级页面显示。 组件名称：设置组件的名称，名称是该组件在页面中的唯一标识。 位置 距离左端：组件到页面左侧的距离，单位为px。
页面类型：设置待跳转的页面是当前应用中的标准页面、高级页面或外部页面。 高级页面、标准页面、外部页面：选择高级页面、标准页面或输入外部页面的地址。 动作参数：通过页面宏传递参数，可暂且不关注。 页面打开方式：设置跳转页面的打开方式，可选项包含当前浏览器窗口打开或新窗口打开。 显示组件 选择要显示的组件。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
