检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图1 选择目标组件 方式二：使用“组件树”，选中目的组件 选中某个组件后，可以展开组件树，可以根据组件名，快速选中目的组件。 父主题： 应用前端开发
如何将应用发布成下载前端运行包 使用说明 选择该方式可生成前端运行包，获取包后可运行在如下容器中： 华为OneMobile 蓝标WeLink Web容器（当前只支持高级页面） 操作步骤 参考1~3中操作，进行编译设置，编译设置时请选择“资产包”。 当用户需要下载前端运行包，运行在华为
json”文件中model值同样为“SingleRepireDataViewModel”。 图2 组件中model值 图3 桥接器包中model值 父主题： 应用前端开发
管理华为云Astro轻应用标准页面 编辑标准页面 标准页面创建后，如果业务需求有变更，支持再次修改标准页面。 参考登录华为云Astro轻应用应用设计器中操作，进入应用设计器。 在应用设计器的左侧导航栏中，选择“界面”。 在页面中，将鼠标放在对应的标准页面上，单击，选择“编辑”。
便用户达到自己想要的效果。高级页面支持多种框架，支持代码开发，比较自由，多用于对页面效果要求高的场景。 高级页面主要用于开发应用中较复杂的前端页面，例如包含图片、图表、视频、地图等元素的页面。您可以将高级页面应用于开发网站、电商平台等，通过拖拽、布局组件，并进行相关属性配置即可快
标准页面是一种将一个或多个组件拖进画布，进行低代码甚至无代码的配置，即可快速完成业务功能的前端页面。对于一般的业务应用系统，例如请假电子流、出差报销、在线投票等企业常见业务场景，其功能主要是针对业务数据的增、删、改、查，且前端界面的样式相对简单的页面，可以使用华为云Astro轻应用提供的标准页面。
单击页面上方的，保存标准页面。 保存成功后，单击，在移动端预览效果。 图12 原始显示效果 按住左键鼠标向上拖动，数据可正常加载。 图13 异步加载数据 父主题： 应用前端开发
使用华为云Astro轻应用在前端表格中增删改对象数据 期望实现效果 通过添加一个工具栏，在前端页面实现对象数据的增加、删除和修改。例如，在标准页面的表格中，增加、删除和修改数据时，页面关联的后台对象数据也会随之更改。 最终实现效果：双击demoName中的数据栏，可以对数据进行编
//修改此处自定义功能按钮 showCancel: true, okText: 'ok', params: {}, }); 父主题： 应用前端开发
创建空白华为云Astro轻应用标准页面 当系统预置的标准页面模板不能满足您的业务需求时，您可以创建一个空白的标准页面，并根据实际业务完成页面设计。 创建标准页面 参考登录华为云Astro轻应用应用设计器中操作，进入应用设计器。 在应用设计器的左侧导航栏中，选择“界面”。 （可选）单击页面后的，为标准页面添加目录。
调测华为云Astro轻应用标准页面 使用华为云Astro轻应用完成标准页面开发后，需要进行预览调测、验证页面是否符合预期效果，例如根据相关数据判断页面逻辑是否正确执行。标准页面的调测分为“调试事件”和“调试页面样式”两类。 调试事件 打开一个标准页面。 图1 标准页面实例 选择一
查看华为云Astro轻应用标准页面性能 使用华为云Astro轻应用完成标准页面开发后，支持检查标准页面性能，生成性能报告页供开发者查看。 查看页面性能 打开一个标准页面。 在标准页面右上方，单击“性能分析”，系统会检查页面性能，并打开“页面性能分析”页面。 图1 页面性能分析 查看页面性能报告。
管理华为云Astro轻应用报表 查看运行态报表 报表运行态可以对报表进行进一步的数据筛选和可视化呈现，也是对报表的一种预览和检查。 参考登录华为云Astro轻应用应用设计器中操作，登录应用设计器。 在左侧导航栏中，选择“界面”。 在报表中，单击对应的报表，进入报表设计页面。 单击页面上方的，运行报表。
查看华为云Astro轻应用高级页面性能 使用华为云Astro轻应用开发完高级页面后，支持检查高级页面性能，生成性能报告页，供开发者查看。 检查页面性能 打开要进行性能检查的高级页面，在浏览器开发者工具中，勾选“Disable cache”属性。 在Chrome浏览器中，按下“F12”或者“Ctrl
调测华为云Astro轻应用高级页面 在高级页面开发过程中，经常需要调测整个前台页面。对于前台页面中常遇到的样式或功能问题，可借助浏览器内置的开发者工具来对问题进行调试和定位。 前台页面常用调测方法 在高级页面的开发中，常借助浏览器内置的开发者工具对样式或功能问题进行定位和分析。下
管理华为云Astro轻应用高级页面 为高级页面设置水印 高级页面创建后，支持为高级页面添加水印。水印可以用于标识页面的所有者、状态或其他相关信息，建议不要过多的设置水印，可能会影响页面的美观。 参考登录华为云Astro轻应用应用设计器中操作，登录应用设计器。 在左侧导航栏中，选择“界面”。
设置华为云Astro轻应用高级页面散点图组件属性 散点图组件主要使用散点的形式展示数据。气泡图和散点图类似，气泡图使用气泡来展示数据。 图1 设置散点图属性 基础 组件标题：设置组件的标题，用于在高级页面显示。 组件名称：设置组件的名称，名称是该组件在页面中的唯一标识。 位置 距
创建华为云Astro轻应用报表 华为云Astro轻应用为对象提供了一种汇总方式的视图，即为报表。利用报表功能，可以让数据进行可视化的展示，并进行分析与洞察，更好地了解业务现存的问题。 华为云Astro轻应用提供了报表构建器，便于您快速完成报表的开发。报表定义了报表数据来源于哪些对
段，选中“list”，单击“确定”。 图9 新增list模型 单击页面上方的，保存页面。 页面保存成功后，单击，预览页面。 父主题： 应用前端开发
创建华为云Astro轻应用高级页面 标准页面主要用于后台管理类的表格表单类的开发，而高级页面主要用于开发应用中较复杂的前端页面，例如包含图片、图表、视频、地图等元素的页面。您可以将高级页面应用于开发网站、电商平台等，通过拖拽、布局组件，并进行相关属性配置即可快速搭建应用。 创建高级页面
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
