检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
如何调测前台页面 使用说明 在高级页面开发过程中，常需要调测自定义组件或整个前台页面，本节将介绍高级页面调测的常用工具。对于自定义组件的开发和调试，AstroZero提供Scaffolding脚手架工具，可实现本地开发组件的实时在线调测。
图1 页面模型（服务） 方式一：将服务封装成页面模型执行后台逻辑 将服务（服务编排、脚本或API）映射为页面模型，在组件事件JS代码中，操作对应的页面模型实现执行后台逻辑。 如何将标准页面需要使用的服务，映射为页面服务模型，请参见如何获取后台数据。
添加页面变量 使用说明 页面状态变量仅适用于当前页面。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，展开状态管理页面。
单击页面右上角的“查看统计”，进入统计页面。 单击已有统计页面后的，选择“克隆”。 图1 克隆统计页面 克隆成功后，系统自动进入克隆后的统计页面。 图2 克隆的统计页面 父主题： 制作统计报表多维度展示数据
标准页面 相对于高级页面，标准页面主要用于对前端页面的样式要求相对简单的场景，这种页面一般只是针对业务数据的增、删、改、查等基础功能。
基础详情页面 基础的详情页面。 操作步骤 参考登录经典应用设计器中，进入经典版应用设计器。 在左侧导航栏中，单击。 鼠标放在应用下的页面文件夹上，单击加号，选择“标准页面”，也可以参考什么是标准页面来创建标准页面。 页面开发完成后，单击页面上方的。
同时请确保高级页面已发布，若未发布，单击高级页面上方的，发布页面。 图3 查看性能分析报告 在页面性能报告中，单击各指标后的“展开”，可查看性能指标详情。 图4 查看性能指标详情 父主题： 高级页面
选择“编辑”，进入编辑应用页面。 在页面右上角，单击“查看统计”。 图1 查看统计 如果没有创建过统计页面，显示如图2，请单击“点击创建”。 图2 创建统计报表入口 如果之前创建过统计页面，需要重新编辑，则单击已有统计页面后的。 配置统计页面。
管理页面模板 AstroZero支持用户将高级页面发布为页面模板，便于后续复用，减少重复开发，提高交付效率。在页面模板管理中，可以管理该账号下所有用户创建的高级页面模板。 管理页面模板 在AstroZero服务控制台，单击“进入首页”，进入应用开发页面。
挂载前端页面 应用开发完成后，要将页面挂载到导航条上，作为应用菜单，在应用预览时，查看应用相关页面。应用菜单仅支持开发者号的管理员查看，业务号只能查看对应权限的页面。 操作步骤 在经典版应用开发页面，单击左侧导航栏下方的“配置”。
页面性能采集 页面性能采集(WebPage)，页面性能采集器，获取页面性能相关信息。包括：类别、指标、指标名称、指标说明、单位、数据类型以及默认聚合方式。
在页面中，将鼠标放在对应的标准页面上，单击，选择“详情”。 在标准页面的详情页面，可查看标准页面的标签、归属APP和版本等信息。 移动标准页面 标准页面创建后，支持将标准页面移动到拥有开发权限的应用中。
验证 页面组装及事件添加完成后，需要在预览页面，初步检查页面预览效果，验证页面的数据绑定及事件代码正确性。当前工单流转相关的BPM及工单列表尚未创建，因此暂不验证“保存”、“取消”按钮。 在“HW__createWorkOrder”页面中，单击界面上方的，进入预览页面。
复制门户页面 在门户页面列表，单击“操作”列的“复制”，将在门户页面列表中生成一个该门户的副本。 编辑门户页面 在门户页面列表，单击“操作”列的“编辑”。 删除门户页面 在门户页面列表，单击“操作”列的“删除”。 说明： 门户页面为禁用状态时，才能被删除。
复制门户页面 在门户页面列表，单击“操作”列的“复制”，将在门户页面列表中生成一个该门户的副本。 编辑门户页面 在门户页面列表，单击“操作”列的“编辑”。 删除门户页面 在门户页面列表，单击“操作”列的“删除”。 说明： 门户页面为禁用状态时，才能被删除。
创建门户页面 门户页面是企业工作台的重要展示功能，通过对门户页面的配置，可快速构建功能页面并配置页面布局。通过预置界面进行布局配置并添加各类功能、跳转等内容，进行自定义页面创建。本章节将为您介绍门户页面的创建及配置方法。
创建门户页面 门户页面是工业工作台的重要展示功能，通过对门户页面的配置，可快速构建功能页面并配置页面布局。通过预置界面进行布局配置并添加各类功能、跳转等内容，进行自定义页面创建。本章节将为您介绍门户页面的创建及配置方法。
AstroZero高级页面概述 什么是高级页面 高级页面是由一个或者多个组件拼装而成。高级页面可以使用组件进行组装和配置，方便用户达到自己想要的效果。高级页面支持多种框架，支持代码开发，比较自由，多用于对页面效果要求高的场景。
单击页面上方的，保存页面。
页面加载失败 问题现象 CodeArts IDE Online页面加载失败。 原因分析 页面加载失败通常是由于网络连接不稳定或被拦截导致。 处理方法 检查浏览器网络连接是否正常。若无网络连接，请修复网络连接。刷新页面重试，若仍加载失败，请参照2继续排查处理。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
