检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
父主题： 标准页面
AstroZero高级页面概述 什么是高级页面 高级页面是由一个或者多个组件拼装而成。高级页面可以使用组件进行组装和配置，方便用户达到自己想要的效果。高级页面支持多种框架，支持代码开发，比较自由，多用于对页面效果要求高的场景。
创建一个标准页面 创建一个空白的标准页面，并根据实际业务完成页面设计。 创建标准页面 参考登录经典应用设计器中操作，进入应用设计器。 在对应的文件夹后，单击，选择“标准页面”。 输入标签页面的“标签”和“名称”，单击“添加”。 根据业务需求，设计标准页面。
单击页面上方的，保存页面。
在应用开发过程中除了新建页面，其它页面相关操作都必须先锁定页面，包括编辑页面、删除页面、下载页面、发布页面模板、复制页面、保存发布页面。同时，在进行页面设置前，必须先锁定页面设置。
图1 页面模型（服务） 方式一：将服务封装成页面模型执行后台逻辑 将服务（服务编排、脚本或API）映射为页面模型，在组件事件JS代码中，操作对应的页面模型实现执行后台逻辑。 如何将标准页面需要使用的服务，映射为页面服务模型，请参见如何获取后台数据。
如何设置页面水印 使用说明 如果需要为高级页面设置水印，可参考本章节操作。 操作步骤 参考登录经典应用设计器中操作，登录经典版应用设计器。 在需要设置水印的高级页面后，单击“...”，选择“设置”。 若页面已被锁定，请在编辑页面上方单击，先获取锁。
图16 弹性布局实现居中 移动端配置 固定底部：开启后，在移动端预览页面时，容器组件在页面底部显示。 图17 显示在页面底部 固定顶部：开启后，在移动端预览页面时，容器组件在页面顶部显示。 图18 显示在页面顶部 按钮填满容器：开启后，在移动端预览页面时，按钮组件填满整个容器。
开启：勾选该按钮，下方可见页面适配功能。 页面适配：勾选页面适配下方的“开启”，表示组件开启自适应高度。该属性使页面其它位于其下方的组件，根据该组件的高度变化自动调整位置，一个页面只支持一个组件。 边框 设置组件的边框样式，支持全边框和角边框两种。
设置AstroZero标准页面分栏组件属性 分栏是一种高级的容器组件，分栏相当于行，内部可分多栏（列）。使用该组件，可将页面划分为两栏或多栏，每一栏都可以拖入其它组件。
父主题： 设置AstroZero标准页面组件属性
基础详情页面 基础的详情页面。 操作步骤 参考登录经典应用设计器中，进入经典版应用设计器。 在左侧导航栏中，单击。 鼠标放在应用下的页面文件夹上，单击加号，选择“标准页面”，也可以参考什么是标准页面来创建标准页面。 页面开发完成后，单击页面上方的。
（可选）单击页面后的，为标准页面添加目录。 标准页面默认存放在根目录下，在创建标准页面前，您可以先创建标准页面存放的目录，也可以在标准页面创建后将其拖拽到指定目录。 将鼠标放在已创建的标准页面目录上，单击。 如果无需创建标准页面目录，请直接单击页面后的。
图8 在移动端拖拽CommodityDisplay组件 单击页面上方的，保存高级页面后，单击，发布高级页面。 单击，进入预览页面，调整窗口大小，查看效果是否符合预期。 父主题： 高级页面专项
页面列表 “页面类型”选择“标准页面”或“高级页面”时，需要在页面列表中选择需要跳转的已创建的“标准页面”或“高级页面”。 “页面类型”选择“自定义页面地址”时，请直接输入需要跳转的页面地址。 打开新页面：是否在新页面，打开目标页面。
分享统计页面 统计页面创建完成后，可将统计结果分享给其他用户查看。 分享统计页面 参考登录零代码工作台中操作，登录AstroZero零代码工作台。 在全部应用中，单击对应的应用，进入应用开发页面。 单击页面右上角的“查看统计”，进入统计页面。
如何调测前台页面 使用说明 在高级页面开发过程中，常需要调测自定义组件或整个前台页面，本节将介绍高级页面调测的常用工具。对于自定义组件的开发和调试，AstroZero提供Scaffolding脚手架工具，可实现本地开发组件的实时在线调测。
父主题： 设置AstroZero标准页面组件属性
为AstroZero标准页面中表格的数据增加链接 期望实现效果 在标准页面中，支持为表格中的数据增加超链接，来提升用户体验和数据交互的便捷性。例如，在表格的webName列中，将鼠标移动至WEB A上在页面的左下角可查看到对应的链接地址，单击会跳转到对应的页面。
同时请确保高级页面已发布，若未发布，单击高级页面上方的，发布页面。 图3 查看性能分析报告 在页面性能报告中，单击各指标后的“展开”，可查看性能指标详情。 图4 查看性能指标详情 父主题： 高级页面
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
