检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
提供的标准页面。 标准页面提供了丰富的组件，组件包含了预置的样式，并封装了基础事件代码，实现了开箱即用，避免重复写样式和事件代码，陷入代码细节，使开发人员更好的专注于业务场景的挖掘。 初识标准页面开发界面 进入应用设计器的“界面”，单击页面后的“+”，即可新建一个空白标准页面或基
并进行分析与洞察。报表详细介绍，请参见报表和仪表板。 初识标准页面 将光标放在应用目录上之后，应用目录右侧会出现“+”，单击“+”，选择“标准页面”，设置页面标签和名称，即可创建一个全新空白的标准页面。页面创建后，自动进入标准页面开发界面，您可以阅读以下内容初步了解标准页面。 图1
设置AstroZero标准页面容器组件属性 标准页面提供了流式布局（Flow Layout）和弹性布局（Flex Layout），标准页面的基础布局主要是通过“容器”组件实现的。 容器组件就是基础的布局容器，可以将其理解为CSS中DIV的概念。DIV是层叠样式表中的定位技术，全称
使用AstroZero创建应用概述 支持创建的应用类型 标准应用 标准应用是可独立运行的管理类应用，是一个实现了某种业务管理的可运行应用程序。AstroZero低代码平台为了降低应用开发成本，提高应用开发效率，内置了丰富的应用模板，当业务与应用模板中的场景相似度较高时，可以尝试使用应用模板创建，并在模板应用的基础上继续改造应用。
板来创建标准页面。 使用预置模板创建标准页面 参考登录AstroZero新版应用设计器中操作，进入应用设计器。 在应用设计器的左侧导航栏中，选择“界面”。 单击“页面”后的“+”，在添加标准页面中选中“基于模板”。 设置页面的标签和名称，单击“下一步”。 图1 设置标准页面基本信息
查看AstroZero标准页面性能 使用AstroZero完成标准页面开发后，支持检查标准页面性能，生成性能报告页供开发者查看。 查看页面性能 打开一个标准页面。 在标准页面右上方，单击“性能分析”，系统会检查页面性能，并打开“页面性能分析”页面。 图1 性能分析 图2 页面性能分析
在页面中，将鼠标放在对应的标准页面上，单击，选择“详情”。 在标准页面的详情页面，可查看标准页面的标签、归属APP和版本等信息。 移动标准页面 标准页面创建后，支持将标准页面移动到拥有开发权限的应用中。例如，A应用中创建的标准页面，在B应用中也会用到，为避免多次重复创建，可以将A中的标准页面先克隆，再移动到B应用中。
在开发环境首页的“项目”页签下，单击“轻应用”或“行业应用”。 轻应用：轻应用下的应用模板一般为轻量级应用，不涉及复杂化的代码，轻应用模板涵盖了人事管理、办公管理、问卷调查、项目管理领域。例如系统提供了“调查问卷”、“健康打卡”等典型的轻应用模板。 图1 轻应用模板 行业应用：行业应用下的应用模板，功能更加
设置AstroZero标准页面输入框组件属性 输入框是基础输入组件，输入框中的内容可以通过鼠标或键盘输入。输入框一般在有需要输入内容、提供组合型条件查询或有其他资料需要提交时使用。 图1 输入框组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。
创建标准页面模板 为了降低应用开发成本，让用户通过拖拽的方式快速完成应用的搭建。AstroZero提供了丰富的应用模板，用户可以直接使用应用模板快速创建应用，同时也支持使用标准页面模板创建页面。 AstroZero中，页面模板分为以下两类： 系统预置的“通用模板”，预置模板说明如表1所示。
标准页面布局 标准页面的布局设置一般有以下3种场景： 基础布局设置：适合对CSS与HTML不是非常了解的用户，通过在“基本属性”面板简单配置属性实现基本的布局。 自适应布局：适合使用标准页面在不同大小屏幕（PC、平板、手机等）下呈现出开发者想要的显示效果场景。 高级布局设置：针对
设置AstroZero标准页面模态框组件 模态框作为一个模态对话框的容器，支持向模态框中拖入各种组件，用于在模态框弹出时，用户必须先响应模态框后，才能对其他对象进行操作的场景。 模态对话框功能：当一个模态对话框弹出时，用户想要对模态框以外的应用程序进行操作时，必须先对该对话框进行
设置AstroZero标准页面按钮组件属性 按钮一般在用户单击触发业务逻辑时使用，按钮组件提供单击触发事件能力。 图1 按钮组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model语法
流程图：流程中使用的流程图组件。 为标准页面添加组件 标准页面是一种将一个或多个组件拖进画布，进行低代码甚至无代码的配置，即可快速完成业务功能的前端页面。在设计标准页面时，可以直接从左侧“组件”区域，将这些组件拖拽到中间“设计视图”。 图1 为标准页面添加组件 父主题： 标准页面
调测AstroZero标准页面 使用AstroZero完成标准页面开发后，需要进行预览调测、验证页面是否符合预期效果，例如根据相关数据判断页面逻辑是否正确执行。标准页面的调测分为“调试事件”和“调试页面样式”两类。 调试事件 打开一个标准页面。 图1 标准页面实例 选择一个组件，
将AstroZero标准页面保存为模板 标准页面开发完成后，支持将该页面保存为模板。标准页面保存为模板后，该开发者用户、注册AstroZero的华为账号、华为账号下其他AstroZero开发者可直接使用该页面模板来创建标准页面。 自定义标准模板 参考登录AstroZero新版应用设计器中操作，进入应用设计器。
设置AstroZero标准页面表单组件属性 表单是一个组合组件，即可以直接绑定对象模型，构建基础表单能力，如保存、重置、查询（通过事件编排调用“getFormData”方法）。也可以在空表单中，添加其他可以绑定模型字段的组件，如输入框，下拉框等，以完成数据交互功能。 向页面中拖入
设置AstroZero标准页面分栏组件属性 分栏是一种高级的容器组件，分栏相当于行，内部可分多栏（列）。使用该组件，可将页面划分为两栏或多栏，每一栏都可以拖入其它组件。 图1 分栏组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。
返回库页面，在“租户”页签，可查看到已上传的库文件。“全局”页签中的，为系统预置库，不可编辑和禁用系统预置库，只可下载。 在标准页面组件中，引用库。 新建一个标准页面，页面标签和名称为“page01”，如图4。 图4 新建标准页面 在“基本组件 > 基本”中，拖拽“按钮”组件到页面的设计视图中，并修改按钮属性，如图5所示。
创建空白AstroZero标准页面 当系统预置的标准页面模板不能满足您的业务需求时，您可以创建一个空白的标准页面，并根据实际业务完成页面设计。 创建标准页面 参考登录AstroZero新版应用设计器中操作，进入应用设计器。 在应用设计器的左侧导航栏中，选择“界面”。 （可选）单击页面后的，为标准页面添加目录。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
