ASTRO轻应用 ASTROZERO-AstroZero高级页面概述:高级页面开发框架

时间:2024-09-19 09:02:39

高级页面开发框架

在开发高级页面过程中,主要涉及组件、库、桥接器、事件和动作等相关内容。组件、库、桥接器、事件和动作之间的关系,可概述为:

  • 组件为高级页面的元素,组件的可复用性可以大幅提高开发效率。
  • 组件的事件-动作机制提升页面的灵活度,使得组件与组件、组件与页面之间可以交互。
  • 作为组件的依赖,便捷的引用机制,降低了组件开发的复杂度且丰富了组件的功能。
  • 组件可以通过桥接器调用后台接口,获取数据。

低代码平台通过组件、库、桥接器三类资产以及“事件-动作”机制,构建了高级页面的基本框架。

图7 组件、库、桥接器关系图
  • 组件

    组件是可复用的高级页面组成元素,一个高级页面由一个或多个组件搭建而成,可以通过拖拽组件快速搭建高级页面。如果将一个高级页面看成拼图游戏的完整图案,那么组件相当于拼图的每一小块。高级页面与组件的关系,如图8所示,其中Page为高级页面,Widget为高级组件。

    图8 高级页面与组件的关系

    高级页面中的组件,包括如下两类:

    • 全局高级组件

      全局高级组件是低代码平台为开发者提供的常用组件,主要包含图表、媒体(图片、视频)和文本等。更多关于全局高级组件的介绍,请参见设置AstroZero高级页面预置组件属性

    • 自定义组件

      如果全局高级组件不能满足开发需求,低代码平台支持用户自定义组件。自定义组件开发方式,主要包含以下几类:

      • 对全局高级组件的二次开发

        低代码平台支持开发者下载全局组件,并在其基础上进行二次开发(如修改组件样式、逻辑等),完成后上传为自定义组件。通过这种方式,可以大幅度降低组件开发的工作量,详情请参见为AstroZero高级页面添加自定义组件

      • 通过组件模板开发

        若全局高级组件中,未包含所需要的组件类型,可以基于低代码平台提供的组件模板进行自定义组件的开发。组件模板中已为您构建组件的基本架构,详情请参见为AstroZero高级页面添加自定义组件

  • 库是支撑高级组件运行的第三方依赖,如果缺少相应的库,则组件不能正常运行。如果高级组件需要使用前端框架或组件库,例如流行的Vue(已预置)、Bootstrap、Element(已预置)等,需要将其制作成库资产,再上传到环境中使用。如何在高级页面中引入库,请参见使用AstroZero开发高级页面时如何引用第三方库

  • 桥接器

    在进行前台页面开发时,经常要调用后台数据,例如购物车中用户的ID、订单编号、商品信息等。这时需要通过桥接器调用后台API,获取后台数据,详情请参见使用桥接器为AstroZero高级页面组件绑定数据

  • 事件和动作

    事件和动作都是组件的配置属性,用于实现组件之间的交互。例如,单击某个组件内的按钮,另外一个组件需要进行数据更新操作,或者是需要跳转到当前应用下的其他高级页面,这时需要通过事件和动作的机制来实现。单击按钮即是触发一个事件,数据更新操作或者页面跳转操作是一个动作,详情请参见添加事件或宏实现AstroZero高级页面组件交互

support.huaweicloud.com/usermanual-astrozero/astrozero_05_9092.html