检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在主页中，单击“进入首页”，进入AstroZero应用开发页面。 单击，选择“环境管理 > 环境配置”，进入环境配置。 在主菜单中，选择“维护”。 在左侧导航栏中，选择“全局元素 > 页面资产管理 > 库”。 单击“提交新库”，进入提交新库页面。 设置库的基本信息，上传1中的zip包后，单击“提交”。
查看AstroZero高级页面性能 使用AstroZero开发完高级页面后，支持检查高级页面性能，生成性能报告页，供开发者查看。 检查页面性能 打开要进行性能检查的高级页面，在浏览器开发者工具中，勾选“Disable cache”属性。 在Chrome浏览器中，按下“F12”或者“Ctrl
设置完成后，单击“发布”，即可将高级页面发布为模板。 高级页面发布为模板后，可以基于模板创建新的页面，也可以管理页面模板。 基于高级页面模板，创建新的高级页面。 在添加高级页面时，可选择基于已创建的模板创建新的高级页面。 图4 选中模板创建高级页面 预览或删除高级页面模板。 在AstroZero环境配置的“维护
高级页面 AstroZero高级页面概述 创建AstroZero高级页面 为AstroZero高级页面添加组件 设置AstroZero高级页面预置组件属性 为AstroZero高级页面添加自定义组件 为AstroZero高级页面组件绑定数据 添加事件或宏实现AstroZero高级页面组件交互
标准页面 什么是标准页面 创建一个标准页面 开发调查问卷标准页面实例 标准页面布局 如何实现页面组件间的交互 如何实现页面转跳 如何获取后台数据 如何执行后台逻辑 如何调测标准页面 查看页面性能 主要事件说明 平台标准组件介绍 创建自定义标准组件 创建标准页面模板 如何自定义主题样式
将开发完的自定义组件上传到组件库，并在高级页面中使用。 本章节以开发网站中常用的标签切换页面为例，向您介绍如何基于组件模板在线开发组件。参考消费者业务网站（如图1所示），页面中主要包含标签栏和详情展示模块两部分，可以通过切换标签来控制详情展示模块中的展示内容。 图1 消费者业务网站示例 本章节主要在高级页面中，通过
组装页面 组装“业务用户注册”页面 组装“业务用户管理”页面 验证 父主题： 用户管理功能开发
”，选择“编辑”，进入编辑应用页面。 在页面右上角，单击“查看统计”。 图1 查看统计 如果没有创建过统计页面，显示如图2，请单击“点击创建”。 图2 创建统计报表入口 如果之前创建过统计页面，需要重新编辑，则单击已有统计页面后的。 配置统计页面。 在页面左上角，设置统计页面名称。 在页面上方，单击
如果更新的组件已用于高级页面中，需要在“页面设置 > 插件”页签中，更新组件版本，更新后的组件才可在高级页面中生效。 参考登录AstroZero新版应用设计器中操作，登录应用设计器。 在左侧导航栏中，选择“界面”。 单击“更多”中的“页面设置”，进入页面设置。 图7 管理组件版本示例
员”，“ds，派单人员”、“ms，维修人员”。 图6 设置选项值 单击页面上方的，保存设置。 单击页面上方的，进入预览页面，查看页面是否符合预期，并单击查看是否有下拉框选项。 图7 页面预览 父主题： 组装页面
页面，“默认”页面为预览“testnav”页面时展示的默认页。 图4 配置页面 路由导航组件本身作为路由页面跳转使用，只需要在“路由”页签进行配置，不需要在组件“事件”页签配置“点击”动作，实现页面跳转。 单击页面上方的，保存页面。 保存成功后，单击，发布页面。 发布成功后，单击，可查看页面效果。
在AstroZero高级页面中使用花瓣图展示订单数据 期望实现效果 高级页面中组件展示的数据除了系统预置的静态数据之外，还支持动态数据，即通过调用脚本、服务编排或对象等接口动态生成的数据。例如，将玫瑰花饼图的数据修改为订单对象中的数据。 图1 实现效果 功能实现方法 在应用设计器中，选择“界面
面板对页面进行更深度的个性化布局定制。 基础布局设置 标准页面提了流式布局（Flow Layout）和弹性布局（Flex Layout），标准页面的基础布局主要是通过“容器”组件实现的。 容器组件就是基础的布局容器，可以将其理解为CSS中DIV的概念。DIV是层叠样式表中的定位技
如何设置页面水印 使用说明 如果需要为高级页面设置水印，可参考本章节操作。 操作步骤 参考登录经典应用设计器中操作，登录经典版应用设计器。 在需要设置水印的高级页面后，单击“...”，选择“设置”。 若页面已被锁定，请在编辑页面上方单击，先获取锁。 图1 选择“设置” 在“水印”
面。在高级页面中单击“查看页面地址”可查看页面的地址。 删除：单击，选择“删除”，可删除该应用，但是不会删除应用依赖的配置项。如果需要彻底删除应用，请执行卸载AstroZero中已安装的应用中操作。 父主题： 管理AstroZero中已安装的应用
标准页面 AstroZero标准页面概述 创建空白AstroZero标准页面 使用模板创建AstroZero标准页面 为AstroZero标准页面添加组件 设置AstroZero标准页面组件属性 添加事件实现AstroZero组件间交互 添加库扩展AstroZero标准页面功能 查看AstroZero标准页面性能
分享统计页面 统计页面创建完成后，可将统计结果分享给其他用户查看。 分享统计页面 参考登录零代码工作台中操作，登录AstroZero零代码工作台。 在全部应用中，单击对应的应用，进入应用开发页面。 单击页面右上角的“查看统计”，进入统计页面。 单击已有统计页面后的，选择“分享统计”。
同页面内组件的交互 组件中自定义事件、动作 若低代码平台预置的事件与动作不能满足您的开发需求，还可以在组件中对其进行自定义，以实现业务逻辑。 低代码平台提供的组件模板中，包含了事件和动作的模板组件（widgetEventTemplate、widgetActionTemplate）。在经典版管理中心的“应用管理
可收缩面板：弹性伸缩布局，用于将内容区域收缩/展开。 滚动容器：当页面内容已超出屏幕的范围时，需要拉动滚动条，在有限的屏幕中浏览更多内容。 选择卡：用于将多个项目，从一边移动到另一边。 栅格容器：用于控制页面的布局，即将页面设计几行几列，先设置元素在页面中纵向排列，然后在每一行中又可设置元素横向排列。 代码块：用于代码块展示。
值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。 在“数据绑定”中，单击“值（value）绑定”中的，进入选择模型页面。 单击“新增模型”，进入新增模型页面。 设置模型名称与来源，单击“下一步”。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
