页面组件

页面组件是一个可扩展的页面组件,旨在与模板编辑器一起使用,并允许使用模板编辑器来组装页眉/页脚和结构组件。

使用

页面组件构成了使用核心组件设计的所有页面以及可编辑模板的基础。 通过使用页面组件,页眉、页脚和页面结构可以定义为使用其他核心组件的模板。

使用设计对话框,可以为页面定义自定义客户端库。 与具有可直接从组件访问的编辑对话框的其他组件不同,由于页面组件是页面本身,因此页面组件的编辑对话框是页面属性窗口。

渐进式Web应用程序支持

核心组件版本2.15.0引入了对AEM作为Cloud Service内置渐进式Web应用程序(PWA)功能的支持。 通过在站点级别进行简单配置,将AEM体验转变为PWA!

版本和兼容性

页面组件的当前版本为v2,该版本于2018年1月随核心组件2.0.0版引入,在本文档中进行了描述。

下表详细列出了组件的所有受支持版本、组件版本与之兼容的AEM版本,以及指向以前版本文档的链接。

组件版本 AEM 6.4 AEM 6.5 AEM as a Cloud Service
v2 兼容 兼容 兼容
v1 兼容 兼容 -

有关核心组件版本和版本的更多信息,请参阅文档核心组件版本

技术详细信息

有关页面组件的最新技术文档,请参阅GitHub

有关开发核心组件的更多详细信息,请参阅核心组件开发人员文档

编辑对话框

由于组件表示整个页面,因此通常会在编辑对话框中的设置会显示在页面属性窗口中。

“设计”对话框

由于组件表示整个页面,因此在编辑页面模板时,可通过​页面信息 — >页面策略​访问设计对话框。

页面策略

注意

在AEM的早期版本中,页面策略​被称为​页面设计

“属性”选项卡

使用“页面设计”窗口,您可以定义要加载的客户端库以及页面的Web资源库。

  • 客户端库 — 这可定义要加载的客户端库类别。JavaScript将添加在主体末尾,CSS将添加到页面头。

  • 客户端库JavaScript页面头 — 这定义要在页面头中加载的JavaScript客户端库类别。

    • 此处定义的在​客户端库​字段中也存在的类别将在页面标题中加载JavaScript,而不是在正文末尾加载。
    • 除非​客户端库​字段中也存在类别,否则不会加载CSS。
  • Web资源客户端库 — 用于提供Web资源(如收藏夹)的客户端库类别。

  • 跳至主内容元素选择器 — 用作辅助功能,以直接跳至页面主内容

页面组件设计对话框

可以为​客户端库​和​客户端库JavaScript页面标题​字段配置库,如下所示:

  • 要添加新字段,请单击或点按字段下方的​添加​按钮。
  • 要删除字段,请单击或点按要删除的字段旁边的垃圾桶图标。
  • 要重新排列加载顺序,请单击或点按并拖动要移动的字段旁边的手柄。

有关使用客户端库的更多信息,请参阅使用客户端库

注意

核心组件版本2.2.0中引入了为页面头单独定义客户端库的功能。

“样式”选项卡

页面组件支持AEM 样式系统

Adobe客户端数据层

页面组件支持Adobe客户端数据层。

在此页面上