检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
管理AstroZero标准页面 编辑标准页面 标准页面创建后,如果业务需求有变更,支持再次修改标准页面。 参考登录AstroZero新版应用设计器中操作,进入应用设计器。 在应用设计器的左侧导航栏中,选择“界面”。 在页面中,将鼠标放在对应的标准页面上,单击,选择“编辑”。 在标准页面的开发界面
AstroZero高级页面概述 什么是高级页面 高级页面是由一个或者多个组件拼装而成。高级页面可以使用组件进行组装和配置,方便用户达到自己想要的效果。高级页面支持多种框架,支持代码开发,比较自由,多用于对页面效果要求高的场景。 高级页面主要用于开发应用中较复杂的前端页面,例如包含图片
登录AstroZero新版应用设计器 新版应用设计器优化了功能入口布局,寻找功能更符合开发者思维习惯。 同时,以需求场景为开发起点,一路引导,让开发旅程更顺畅。申请AstroZero免费试用或购买商用实例后,即可参考本章节操作登录新版应用设计器,开启您的应用开发之旅。 登录新版应用设计器
创建AstroZero报表 AstroZero为对象提供了一种汇总方式的视图,即为报表。利用报表功能,可以让数据进行可视化的展示,并进行分析与洞察,更好地了解业务现存的问题。 AstroZero提供了报表构建器,便于您快速完成报表的开发。报表定义了报表数据来源于哪些对象,以及对象的连接关系
购买AstroZero商用实例 操作场景 AstroZero免费版可使用的资源有限,标准版、专业版和专享版更适用于个人或企业的商用开发。AstroZero专业版和专享版实例支持回退到免费版,回退后不支持访问运行环境。 标准版:适用于零代码应用开发场景,开发者不需要有代码开发经验,企业自用首选
设置AstroZero标准页面分栏组件属性 分栏是一种高级的容器组件,分栏相当于行,内部可分多栏(列)。使用该组件,可将页面划分为两栏或多栏,每一栏都可以拖入其它组件。 图1 分栏组件 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果
设置AstroZero标准页面模态框组件 模态框作为一个模态对话框的容器,支持向模态框中拖入各种组件,用于在模态框弹出时,用户必须先响应模态框后,才能对其他对象进行操作的场景。 模态对话框功能:当一个模态对话框弹出时,用户想要对模态框以外的应用程序进行操作时,必须先对该对话框进行响应
申请AstroZero免费试用 AstroZero支持申请免费试用,试用版可以使用的资源有限。AstroZero免费试用版本不限制使用时间,不涉及AstroZero退订及资源释放。开通AstroZero免费版实例时,会同步创建一个Astro工作流免费基础版实例。Astro工作流(Astro
购买AstroZero沙箱实例 在应用正式发布上线前,需要在测试环境进行测试和数据配置。在AstroZero中,以沙箱(Sandbox)环境来作为测试环境,您也可以直接在开发环境进行测试。在沙箱环境测试的优势是不影响开发环境的配置,沙箱环境(Sandbox)是与开发环境完全隔离的。
创建AstroZero高级页面 标准页面主要用于后台管理类的表格表单类的开发,而高级页面主要用于开发应用中较复杂的前端页面,例如包含图片、图表、视频、地图等元素的页面。您可以将高级页面应用于开发网站、电商平台等,通过拖拽、布局组件,并进行相关属性配置即可快速搭建应用。 创建高级页面
管理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最佳实践汇总 本文汇总了基于Astro轻应用(AstroZero)常见应用场景的操作实践,为每个实践提供详细的方案描述和操作指导,帮助用户深入了解AstroZero的各个功能。 表1 AstroZero最佳实践一览表 最佳实践 说明 通过AstroZero开发设备维修管理应用
调测AstroZero标准页面 使用AstroZero完成标准页面开发后,需要进行预览调测、验证页面是否符合预期效果,例如根据相关数据判断页面逻辑是否正确执行。标准页面的调测分为“调试事件”和“调试页面样式”两类。 调试事件 打开一个标准页面。 图1 标准页面实例 选择一个组件,例如
查看AstroZero标准页面性能 使用AstroZero完成标准页面开发后,支持检查标准页面性能,生成性能报告页供开发者查看。 查看页面性能 打开一个标准页面。 在标准页面右上方,单击“性能分析”,系统会检查页面性能,并打开“页面性能分析”页面。 图1 性能分析 图2 页面性能分析
查看AstroZero高级页面性能 使用AstroZero开发完高级页面后,支持检查高级页面性能,生成性能报告页,供开发者查看。 检查页面性能 打开要进行性能检查的高级页面,在浏览器开发者工具中,勾选“Disable cache”属性。 在Chrome浏览器中,按下“F12”或者“