检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
布局：对页面CSS属性进行直接配置，如设置组件的宽度、高度等。您也可以在“高级设置”中，直接编写CSS代码进行更深度的个性化布局定制。 单击“显示”属性后的按钮，可以快速指定当前元素布局为“block”、“inline-block”、“inline”和“flex”。 “显示”属性下方展示了当前
布局：对页面CSS属性进行直接配置，如设置组件的宽度、高度等。您也可以在“高级设置”中，直接编写CSS代码进行更深度的个性化布局定制。 单击“显示”属性后的按钮，可以快速指定当前元素布局为“block”、“inline-block”、“inline”和“flex”。 “显示”属性下方展示了当前
流式布局：页面元素的宽度，按照屏幕分辨率进行适配调整，但整体布局不变。 弹性布局：可以简便、完整、响应式的实现各种页面布局，选择“弹性布局”时还可以设置垂直对齐方式、水平排列方式以及分栏间隔。 样式 针对有丰富前端开发经验的用户，可通过“样式”面板对页面进行更深度的个性化布局定制。 布局：对页面CSS属性进行直接
针对有丰富前端开发经验的用户，可通过“样式”面板对页面进行更深度的个性化布局定制。 布局：对页面CSS属性进行直接配置，如设置组件的宽度、高度等。您也可以在“高级设置”中，直接编写CSS代码进行更深度的个性化布局定制。 单击“显示”属性后的按钮，可以快速指定当前元素布局为“block”、“inl
中文（简体）：单击可切换语言。 用户名：显示当前登录账号的名称，单击账号名称，选择不同的弹出菜单，可以切换环境、查看系统版本信息、退出系统等操作。 ：服务通知公告/升级公告页面入口。在该页面中，可以查看当前华为云官网上线的AstroZero版本号及各个版本上线/优化的特性。 此处展示的版
AstroZero对象概述 低代码平台中的对象 低代码平台中的对象（也可以称为Object）相当于传统方式开发业务系统时，数据库中创建的一个表。每个对象对应一张数据库表，用于保存业务系统需要的配置数据和业务数据。 对象可以存储组织或业务特有的数据，您可以围绕对象这一核心，定义相关的字段、字段校验规则、
设置AstroZero标准页面图片组件属性 图片作为一个基本组件，用于展示图片，用户可以通过“图片地址”属性，来选择图片。图片可以从本地上传，也可以来自服务器上的图片库。 图1 图片组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。
沿着上述开发线，您将在后续各章节了解到AstroZero的如下能力： 表1 开发任务和平台能力的映射关系 序号 开发任务 预计开发时长 对应的平台能力 学习目标 1 创建工作队列 20分钟 创建工作队列 了解工作队列的含义。 2 创建应用 1小时 创建应用 创建高级页面 掌握创建应用程序的方法。
降低应用构建门槛 全云化线上开发，No Code/Low Code开发模式，多终端适配，所见即所得的应用构建，图形化业务编排，具备极低的学习成本，让业务人员可直接构建应用，人人都是开发者。 加速业务敏捷创新 拖拽式页面构建，简单易用的数据建模，灵活可视的服务编排、流程编排、事件
设置AstroZero标准页面分页组件属性 当数据量较多时，可以使用分页组件，快速进行数据切换。分页组件一般与表格组合使用时，分页组件可以对表格数据进行分页显示、数据切换，系统内置的表格组件中已包含了分页组件。 图1 分页组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和
因此，在组件数量比较多，位置较为紧密时，可以直接单击标签层级，快速选择组件，也可以快速切换组件。例如，在上图的组件导航中单击“页面”，可以直接选中页面上的最外层页面组件。 利用组件树，快速选中组件 在组件数量比较多，位置较为紧密时，也可以单击页面右下角的“组件树”，展开组件树，在
开发者自行定义的模型。 由开发者自定义，可以添加子节点。 开发者自定义方法。 $model.ref("modelName").actionName(); 对象 由Object对象表映射生成，关于对象模型的详细介绍，请参见对象。 系统自动获取Object所有的字段，开发者可以从中选择部分字段作为参数。
开发者自行定义的模型。 由开发者自定义，可以添加子节点。 开发者自定义方法。 $model.ref("modelName").actionName(); 对象 由Object对象表映射生成，关于对象模型的详细介绍，请参见对象。 系统自动获取Object所有的字段，开发者可以从中选择部分字段作为参数。
表格宽高：设置表格的宽度和高度。 布局：对页面CSS属性进行直接配置，如设置组件的宽度、高度等。您也可以在“高级设置”中，直接编写CSS代码进行更深度的个性化布局定制。 单击“显示”属性后的按钮，可以快速指定当前元素布局为“block”、“inline-block”、“inline”和“flex”。
在线开发AstroZero高级页面自定义组件 操作场景 当AstroZero低代码平台提供的预置高级组件无法满足您的开发需求时，开发者可以自定义组件包，并上传到AstroZero中。自定义组件包上传到AstroZero中后，可在高级页面中使用。自定义组件的开发流程如下： 下载组件模板
适配多终端样例 场景描述 本章节以开发一个满足响应式布局的商品列表组件为例，向您介绍如何适配多终端。 商品列表组件可以用于不同分辨率的手机端和电脑端，组件中商品排布能够根据屏幕或者浏览器窗口大小自动调节。例如，视区（屏幕或浏览器可视区域）由宽变窄过程中，呈现出多终端适配的响应式效果，商品单行个数逐渐由五列变为一列。
图1 新建页面布局 在左侧可以选择各种组件，单击中间画布的组件，可以在右侧修改组件的属性等。 图2 布局页面编辑 单击每个字段的Input组件，配置字段属性，如图2的name字段（因为这里使用了Records标准页面，不修改也可以直接保存。如果想添加组件就可以按需求添加）。 系统默认
本章节以开发网站中常用的标签切换页面为例，向您介绍如何基于组件模板在线开发组件。标签切换效果如图1所示，页面中主要包含标签栏和详情展示模块两部分，可以通过切换标签来控制详情展示模块中的展示内容。 图1 标签切换效果 本章节主要在高级页面中，通过两个组件（标签页组件、信息展示组件）复现上述
相关主题 如果对导入的免登录应用有兴趣，可以查看以下内容，更深入的了解免登录应用。 免登录应用所在位置 将免登录应用包（下载链接）导入到AstroZero后，在应用开发页面“应用 > 全部应用”下会显示导入的应用包。 本示例中提供的免登录包仅供学习使用，如果需要商用，建议参考样例包进行优化。
在左侧导航栏中，选择“界面”。 （可选）单击高级页面后的，为高级页面添加目录。 高级页面默认存放在根目录下，在创建高级页面前，您可以先创建高级页面存放的目录，也可以在高级页面创建后将其拖拽到指定目录。 将鼠标放在已创建的高级页面目录上，单击，进入添加高级页面。 如果未创建高级页面目录，
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
