检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
当数据量较多时，可以使用分页组件，快速进行数据切换。分页组件一般与表格组合使用时，分页组件可以对表格数据进行分页显示、数据切换，系统内置的表格组件中已包含了分页组件。 在标准页面设计界面，从“基本组件 > 基本”中，拖拽“分页”组件至页面工作区域，如图1。 图1 分页 查看组件帮助 将鼠标放在对应的组件上，单击，可查看组件说明。
的内容。 创建应用页面。 单击“Page”文件夹右侧的，选择“标准页面”。在弹窗中输入页面的“标签”、“名称”为“Questionnaires_questionnairePage”。 图2 选择标准页面 图3 添加标准页面 选中“页面”标签，在右侧配置面板“样式 > 布局”下，为
（可选）单击页面后的，为标准页面添加目录。 标准页面默认存放在根目录下，在创建标准页面前，您可以先创建标准页面存放的目录，也可以在标准页面创建后将其拖拽到指定目录。 将鼠标放在已创建的标准页面目录上，单击。 如果无需创建标准页面目录，请直接单击页面后的。 选中“空白”，设置页面的标签和名称，单击“添加”。
调测AstroZero标准页面 使用AstroZero完成标准页面开发后，需要进行预览调测、验证页面是否符合预期效果，例如根据相关数据判断页面逻辑是否正确执行。标准页面的调测分为“调试事件”和“调试页面样式”两类。 调试事件 打开一个标准页面。 图1 标准页面实例 选择一个组件，
查看AstroZero标准页面性能 使用AstroZero完成标准页面开发后，支持检查标准页面性能，生成性能报告页供开发者查看。 查看页面性能 打开一个标准页面。 在标准页面右上方，单击“性能分析”，系统会检查页面性能，并打开“页面性能分析”页面。 图1 性能分析 图2 页面性能分析
图片 图片作为一个基本组件，用于展示图片，用户可以通过“图片地址”属性，来选择图片。图片可以从本地上传，也可以来自服务器上的图片库。 在标准页面设计界面，从“基本组件 > 基本”中，拖拽“图片”组件至页面工作区域，如图1。 图1 图片 查看组件帮助 将鼠标放在对应的组件上，单击，可查看组件说明。
进行处理，可选择任务页面类型为标准页面。标准页面预置了以下几种与BPM流程相关的组件，供BPM关联标准页面时使用。 流程-动作 流程-历史 流程-附件 流程图 当标准页面使用了如上组件，如图1所示，BPM又关联了该标准页面，BPM启动时，会自动在标准页面中传入流程实例ID、流程名
页面 新创建的页面，默认是一个空白的页面框架，可以通过设置页面属性，优化页面效果，支持设置页面水印。 在标准页面设计界面，选择“组件导航 > 页面”后，即可选中“页面”页签。在右侧的属性页签中，可设置整个页面的属性。 图1 页面属性 属性 数据绑定：通过建立不同类型的视图模型，将
按钮 按钮一般在用户单击触发业务逻辑时使用，按钮组件提供单击触发事件能力。 在标准页面设计界面，从“基本组件 > 基本”中，拖拽“按钮”组件至页面工作区域，如图1。 图1 按钮 查看组件帮助 将鼠标放在对应的组件上，单击，可查看组件说明。 图2 查看组件说明 属性 数据绑定：通过
为AstroZero标准页面中表格的数据增加链接 期望实现效果 在标准页面中，支持为表格中的数据增加超链接，来提升用户体验和数据交互的便捷性。例如，在表格的webName列中，将鼠标移动至WEB A上在页面的左下角可查看到对应的链接地址，单击会跳转到对应的页面。 图1 实现效果 功能实现方法
视频播放 视频播放组件用于播放视频，支持MP4、OGV和WebM格式。 在标准页面设计界面，从“基本组件 > 高级”中，拖拽“视频播放”组件至页面工作区域，如图1。 图1 视频播放 查看组件帮助 将鼠标放在对应的组件上，单击，可查看组件说明。 图2 查看组件说明 属性 数据绑定：
板来创建标准页面。 使用预置模板创建标准页面 参考登录AstroZero新版应用设计器中操作，进入应用设计器。 在应用设计器的左侧导航栏中，选择“界面”。 单击“页面”后的“+”，在添加标准页面中选中“基于模板”。 设置页面的标签和名称，单击“下一步”。 图1 设置标准页面基本信息
ds”数据记录页，新增图8所示的数据。 在标准页面中，选中表格组件，新增模型，设置为对象模型，选中1中的对象，设置表格数据源。 图10 设置数据绑定 图11 新增模型 图12 设置对象模型 图13 设置关联字段 图14 选中模型 在标准页面中选中表格组件，开启“树形数据”开关，参考属性设置如下参数。
在AstroZero标准页面的表格中显示图片 期望实现效果 在标准页面中，通过自定义列的显示类型，可以将图片显示在表格中。在表格中显示图片可增强信息的表达效果，信息更直观、生动和易于理解。 图1 实现效果 功能实现方法 创建一个低代码应用。 参考授权用户使用AstroZero并购
件编排调用“getFormData”方法）。也可以在空表单中，添加其他可以绑定模型字段的组件，如输入框，下拉框等，以完成数据交互功能。 在标准页面设计界面，从“基本组件”中，拖拽“表单”组件至页面工作区域，如图1。 图1 表单 向页面中拖入一个表单组件，即可弹出元数据表单配置向导
输入框是基础输入组件，输入框中的内容可以通过鼠标或键盘输入。输入框一般在有需要输入内容、提供组合型条件查询或有其他资料需要提交时使用。 在标准页面设计界面，从“基本组件 > 表单”中，拖拽“输入框”组件至页面工作区域，如图1。 图1 输入框 查看组件帮助 将鼠标放在对应的组件上，单击，可查看组件说明。
返回库页面，在“租户”页签，可查看到已上传的库文件。“全局”页签中的，为系统预置库，不可编辑和禁用系统预置库，只可下载。 在标准页面组件中，引用库。 新建一个标准页面，页面标签和名称为“page01”，如图4。 图4 新建标准页面 在“基本组件 > 基本”中，拖拽“按钮”组件到页面的设计视图中，并修改按钮属性，如图5所示。
模态对话框功能：当一个模态对话框弹出时，用户想要对模态框以外的应用程序进行操作时，必须先对该对话框进行响应，例如单击“确定”或“取消”按钮等将该对话框关闭。 在标准页面设计界面，从“基本组件 > 布局”中，拖拽“模态框”组件至页面工作区域，如图1。 图1 模态框 查看组件帮助 将鼠标放在对应的组件上，单击，可查看组件说明。
下拉框 下拉框通过配置绑定选项内容，提供给用户进行下拉选择的操作，支持单选、多选、搜索，以及键盘快捷操作。 在标准页面设计界面，从“基本组件 > 表单”中，拖拽“下拉框”组件至页面工作区域，如图1。 图1 下拉框 查看组件帮助 将鼠标放在对应的组件上，单击，可查看组件说明。 图2
07:26 逻辑开发-服务编排 华为云Astro轻应用服务视频 带您熟悉AstroZero中的标准页面 04:01 前端开发-标准页面 华为云Astro轻应用服务视频 带您熟悉AstroZero中的高级页面 06:38 前端开发-高级页面 华为云Astro轻应用服务视频 30分钟带您熟悉零代码
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
