华为云首页用户手册

APPCUBE-什么是高级页面:高级页面开发框架

时间：2023-11-01 16:19:14

APPCUBE

高级页面开发框架

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

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

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

图6 组件、库、桥接器关系图

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

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

高级页面中的组件，包括如下两类：
- 全局高级组件
   全局高级组件是低代码平台为开发者提供的常用组件，主要包含图表、媒体（图片、视频）和文本等。更多关于全局高级组件的介绍，请参见全局高级组件。
- 自定义组件
   若全局高级组件不能满足开发需求，低代码平台支持用户自定义组件。自定义组件开发方式，主要包含以下三类：
  - 对全局高级组件的二次开发
     低代码平台支持开发者下载全局组件，并在其基础上进行二次开发（如修改组件样式、逻辑等），完成后上传为自定义组件。通过这种方式，可以大幅度降低组件开发的工作量，详情请参见开发高级组件。
  - 通过组件模板开发
     若全局高级组件中，未包含所需要的组件类型，可以基于低代码平台提供的组件模板进行自定义组件的开发。组件模板中已为您构建组件的基本架构，详情请参见开发高级组件。
  - 将标准页面发布成高级组件
     在低代码平台中，支持将开发好的标准页面导出为一个高级组件（Widget），供高级页面使用。
库
 库是支撑高级组件运行的第三方依赖，若缺少相应的库，则组件不能正常运行。如果高级组件需要使用前端框架或组件库，例如流行的Vue（已预置）、Bootstrap、Element（已预置）等，需要将其制作成库资产，再上传到环境中使用。系统预置库及第三方库的引入方法，请参见如何引入第三方库。
桥接器
 在进行前台页面开发时，经常要调用后台数据，例如购物车中用户的ID、订单编号、商品信息等。这时需要通过桥接器调用后台API，获取后台数据，详情请参见如何调用后台接口。
事件和动作
 事件和动作都是组件的配置属性，用于实现组件之间的交互。例如，单击某个组件内的按钮，另外一个组件需要进行数据更新操作，或者是需要跳转到当前应用下的其他高级页面，这时需要通过事件和动作的机制来实现。单击按钮即是触发一个事件，数据更新操作或者页面跳转操作是一个动作，详情请参见如何实现组件交互。