检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
使用AstroZero预置模板创建应用 应用模板是一种快速创建应用的方式。AstroZero低代码平台为了降低应用开发成本,提高应用开发效率,内置了丰富的应用模板。当您的业务与应用模板中的场景相似度较高时,可以尝试使用应用模板创建,并在模板应用的基础上继续改造应用。 使用模板创建应用
AstroZero标准页面事件编排器概述 在AstroZero标准页面中,通过系统预置的事件编排器,或者直接通过定义JavaScript代码,来实现页面组件与后台接口之间的交互。 认识事件编排器 图1 事件编排器 事件编排是页面的重要组成部分,用于承载页面中的逻辑,完成事件响应,以帮助用户快速高效地实现页面所需要呈现的功能效果
设置AstroZero标准页面栅格容器组件属性 栅格容器用于对页面区域按照行列布局划分,先分为多个分栏,每个分栏再分为多栏。 图1 栅格容器 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:值绑定类似vue中的v-model
设置AstroZero标准页面上传组件属性 在标准页面中,使用上传组件来上传文件。 图1 上传组件 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:值绑定类似vue中的v-model语法,组件上创建双向数据绑定。值绑定会根据组件类型
设置AstroZero标准页面视频播放组件属性 在标准页面中,使用视频组件来进行视频播放,支持播放的视频格式有MP4、OGV和WebM。 图1 视频播放 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:值绑定类似vue
设置AstroZero高级页面轮播组件属性 轮播是媒体组件的一种,用于循环播放多张图片,可实现多图片的切换和对应事件。 图1 设置轮播组件属性 基础 组件标题:设置组件的标题,用于在高级页面显示。 组件名称:设置组件的名称,名称是该组件在页面中的唯一标识。 位置 距离左端:组件到页面左侧的距离
创建空白AstroZero标准页面 当系统预置的标准页面模板不能满足您的业务需求时,您可以创建一个空白的标准页面,并根据实际业务完成页面设计。 创建标准页面 参考登录AstroZero新版应用设计器中操作,进入应用设计器。 在应用设计器的左侧导航栏中,选择“界面”。 (可选)单击页面后的
设置AstroZero标准页面分栏组件属性 分栏是一种高级的容器组件,分栏相当于行,内部可分多栏(列)。使用该组件,可将页面划分为两栏或多栏,每一栏都可以拖入其它组件。 图1 分栏组件 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果
设置AstroZero标准页面模态框组件 模态框作为一个模态对话框的容器,支持向模态框中拖入各种组件,用于在模态框弹出时,用户必须先响应模态框后,才能对其他对象进行操作的场景。 模态对话框功能:当一个模态对话框弹出时,用户想要对模态框以外的应用程序进行操作时,必须先对该对话框进行响应
购买AstroZero沙箱实例 在应用正式发布上线前,需要在测试环境进行测试和数据配置。在AstroZero中,以沙箱(Sandbox)环境来作为测试环境,您也可以直接在开发环境进行测试。在沙箱环境测试的优势是不影响开发环境的配置,沙箱环境(Sandbox)是与开发环境完全隔离的。
创建AstroZero高级页面 标准页面主要用于后台管理类的表格表单类的开发,而高级页面主要用于开发应用中较复杂的前端页面,例如包含图片、图表、视频、地图等元素的页面。您可以将高级页面应用于开发网站、电商平台等,通过拖拽、布局组件,并进行相关属性配置即可快速搭建应用。 创建高级页面
管理AstroZero高级页面 为高级页面设置水印 高级页面创建后,支持为高级页面添加水印。水印可以用于标识页面的所有者、状态或其他相关信息,建议不要过多的设置水印,可能会影响页面的美观。 参考登录AstroZero新版应用设计器中操作,登录应用设计器。 在左侧导航栏中,选择“界面
申请AstroZero免费试用 AstroZero支持申请免费试用,试用版可以使用的资源有限。AstroZero免费试用版本不限制使用时间,不涉及AstroZero退订及资源释放。开通AstroZero免费版实例时,会同步创建一个Astro工作流免费基础版实例。Astro工作流(Astro
设置AstroZero标准页面表单组件属性 表单是一个组合组件,即可以直接绑定对象模型,构建基础表单能力,如保存、重置、查询(通过事件编排调用“getFormData”方法)。也可以在空表单中,添加其他可以绑定模型字段的组件,如输入框,下拉框等,以完成数据交互功能。 向页面中拖入一个表单组件
设置AstroZero标准页面表格组件属性 表格是一个组合组件,与模型绑定之后,可以提供快速构建基本表单能力,包括查询、保存、重置能力。同时,支持用户根据实际业务需求,进行二次修改编排。 图1 表格组件 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联
设置AstroZero高级页面翻牌器组件属性 翻牌器组件用于在页面中展示实时数据的变化,在初始化或数据刷新时页面该组件展示数据会连续变动到新的数据。 图1 设置翻牌器组件属性 基础 组件标题:设置组件的标题,用于在高级页面显示。 组件名称:设置组件的名称,名称是该组件在页面中的唯一标识
业务用户访问AstroZero开发的应用 AstroZero支持配置当前环境针对不同应用的访问域名,提供给不同的业务用户访问。业务用户获取该域名后,即可登录并使用应用。 约束与限制 只有开通AstroZero服务的华为账号,才可以管理域名配置。 编辑默认域名 在AstroZero服务控制台
AstroZero最佳实践汇总 本文汇总了基于Astro轻应用(AstroZero)常见应用场景的操作实践,为每个实践提供详细的方案描述和操作指导,帮助用户深入了解AstroZero的各个功能。 表1 AstroZero最佳实践一览表 最佳实践 说明 通过AstroZero开发设备维修管理应用
设置AstroZero标准页面组件属性 设置AstroZero标准页面容器组件属性 设置AstroZero标准页面表单组件属性 设置AstroZero标准页面表格组件属性 设置AstroZero标准页面分栏组件属性 设置AstroZero标准页面栅格容器组件属性 设置AstroZero
设置AstroZero标准页面容器组件属性 标准页面提供了流式布局(Flow Layout)和弹性布局(Flex Layout),标准页面的基础布局主要是通过“容器”组件实现的。 容器组件就是基础的布局容器,可以将其理解为CSS中DIV的概念。DIV是层叠样式表中的定位技术,全称Division