检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
如何调测标准页面 标准页面开发完成后，需要预览调测，验证页面是否实现了想要的效果。标准页面的调测分为调试事件和调试DOM及样式两类。 使用说明 标准页面开发完成后，需要预览调测，验证页面是否实现了预期效果。标准页面的调测分为调试事件和调试DOM及样式两类。 调试事件 打开一个标准页面。
由开发者自定义，可以添加子节点。 开发者自定义方法。 $model.ref("modelName").actionName(); 对象 由Object对象表映射生成，关于对象模型的详细介绍，请参见对象。 系统自动获取Object所有的字段，开发者可以从中选择部分字段作为参数。 系统自动生成查询、保存、删除和统计四个方法。
如何查看AstroZero标准页面的URL格式？ 平台内部的规则是“/besBaas/page#/页面名称”。对象的布局页面也是通过标准页面实现的，所以可以通过查看对象的布局页面，了解标准页面URL的定义规则。具体步骤如下： 进入对象详情页面，选择“布局”。 图1 对象的布局页面 在对象列表中，单击对应对象后的查看图标。
分栏 分栏是一种高级的容器组件，分栏相当于行，内部可分多栏（列）。使用该组件，可将页面划分为两栏或多栏，每一栏都可以拖入其它组件。 在标准页面设计界面，从“基本组件”中，拖拽“分栏”组件至页面工作区域，如图1。 图1 分栏 查看组件帮助 将鼠标放在对应的组件上，单击，可查看组件说明。
当数据量较多时，可以使用分页组件，快速进行数据切换。分页组件一般与表格组合使用时，分页组件可以对表格数据进行分页显示、数据切换，系统内置的表格组件中已包含了分页组件。 在标准页面设计界面，从“基本组件 > 基本”中，拖拽“分页”组件至页面工作区域，如图1。 图1 分页 查看组件帮助 将鼠标放在对应的组件上，单击，可查看组件说明。
于模板创建一个标准页面。页面创建后，自动进入标准页面开发界面，您可以阅读以下内容初步了解标准页面。 图1 标准页面开发界面 标准页面开发界面由左侧组件区域、上方按钮区域、中间工作区域和右侧可配置页面元素区域四部分组成。各区域功能介绍，请参见表1。 表1 标准页面区域功能说明 分类
在页面中，将鼠标放在对应的标准页面上，单击，选择“详情”。 在标准页面的详情页面，可查看标准页面的标签、归属APP和版本等信息。 移动标准页面 标准页面创建后，支持将标准页面移动到拥有开发权限的应用中。例如，A应用中创建的标准页面，在B应用中也会用到，为避免多次重复创建，可以将A中的标准页面先克隆，再移动到B应用中。
创建一个标准页面 创建一个空白的标准页面，并根据实际业务完成页面设计。 创建标准页面 参考登录经典应用设计器中操作，进入应用设计器。 在对应的文件夹后，单击，选择“标准页面”。 输入标签页面的“标签”和“名称”，单击“添加”。 根据业务需求，设计标准页面。 参考平台标准组件介绍中
页面 新创建的页面，默认是一个空白的页面框架，可以通过设置页面属性，优化页面效果，支持设置页面水印。 在标准页面设计界面，选择“组件导航 > 页面”后，即可选中“页面”页签。在右侧的属性页签中，可设置整个页面的属性。 图1 页面属性 属性 数据绑定：通过建立不同类型的视图模型，将
按钮 按钮一般在用户单击触发业务逻辑时使用，按钮组件提供单击触发事件能力。 在标准页面设计界面，从“基本组件 > 基本”中，拖拽“按钮”组件至页面工作区域，如图1。 图1 按钮 查看组件帮助 将鼠标放在对应的组件上，单击，可查看组件说明。 图2 查看组件说明 属性 数据绑定：通过
设置后效果 默认已上传的文件列表：默认已上传的文件列表。 存储：上传文件的存储类型，单击该参数后的，可进行配置。 存储：存储器类型。 OBS：通过OBS类型连接器，存储到OBS上。 MINIO：通过MINIO类型连接器，存储到MINIO上。 OBJECTSTORAGEPROXY：通
值绑定：设置组件绑定的数据模型，数据模型一般有以下几种。更多介绍，请参见值绑定。 自定义：由用户自定义的前端模型，可以在模型树上快速创建自定义字段。 对象：由后台对象模型映射创建，支持选择字段。 服务：由后台服务的出入参数模型创建，分别生成inputParam和outputParam节点。 事件：
由开发者自定义，可以添加子节点。 开发者自定义方法。 $model.ref("modelName").actionName(); 对象 由Object对象表映射生成，关于对象模型的详细介绍，请参见对象。 系统自动获取Object所有的字段，开发者可以从中选择部分字段作为参数。 系统自动生成查询、保存、删除和统计四个方法。
的内容。 创建应用页面。 单击“Page”文件夹右侧的，选择“标准页面”。在弹窗中输入页面的“标签”、“名称”为“Questionnaires_questionnairePage”。 图2 选择标准页面 图3 添加标准页面 选中“页面”标签，在右侧配置面板“样式 > 布局”下，为
设置AstroZero标准页面组件属性 设置AstroZero标准页面容器组件属性 设置AstroZero标准页面表单组件属性 设置AstroZero标准页面表格组件属性 设置AstroZero标准页面分栏组件属性 设置AstroZero标准页面栅格容器组件属性 设置AstroZero标准页面列表视图组件属性
调测AstroZero标准页面 使用AstroZero完成标准页面开发后，需要进行预览调测、验证页面是否符合预期效果，例如根据相关数据判断页面逻辑是否正确执行。标准页面的调测分为“调试事件”和“调试页面样式”两类。 调试事件 打开一个标准页面。 图1 标准页面实例 选择一个组件，
查看AstroZero标准页面性能 使用AstroZero完成标准页面开发后，支持检查标准页面性能，生成性能报告页供开发者查看。 查看页面性能 打开一个标准页面。 在标准页面右上方，单击“性能分析”，系统会检查页面性能，并打开“页面性能分析”页面。 图1 性能分析 图2 页面性能分析
（可选）单击页面后的，为标准页面添加目录。 标准页面默认存放在根目录下，在创建标准页面前，您可以先创建标准页面存放的目录，也可以在标准页面创建后将其拖拽到指定目录。 将鼠标放在已创建的标准页面目录上，单击。 如果无需创建标准页面目录，请直接单击页面后的。 选中“空白”，设置页面的标签和名称，单击“添加”。
模态对话框功能：当一个模态对话框弹出时，用户想要对模态框以外的应用程序进行操作时，必须先对该对话框进行响应，例如单击“确定”或“取消”按钮等将该对话框关闭。 在标准页面设计界面，从“基本组件 > 布局”中，拖拽“模态框”组件至页面工作区域，如图1。 图1 模态框 查看组件帮助 将鼠标放在对应的组件上，单击，可查看组件说明。
为AstroZero标准页面中表格的数据增加链接 期望实现效果 在标准页面中，支持为表格中的数据增加超链接，来提升用户体验和数据交互的便捷性。例如，在表格的webName列中，将鼠标移动至WEB A上在页面的左下角可查看到对应的链接地址，单击会跳转到对应的页面。 图1 实现效果 功能实现方法
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
