页面组件

页面组件是一个可扩展的页面组件,设计用于 使用模板 编辑器,并允许使用模板编辑器组合页面页眉/页脚和结构组件。

使用

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

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

版本和兼容性

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

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

组件版本 AEM 6.4 AEM 6.5 AEM 云服务
v2 兼容 兼容 兼容
v1 兼容 兼容 -

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

技术详细信息

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

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

Edit Dialog

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

设计对话框

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

页面策略

注意

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

属性选项卡

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

  • 客户端库 -定义要加载的客户端库类别。 将JavaScript添加到正文末尾,并将CSS添加到页面标题。

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

    • 此处定义的类别在“客户端库 ”字段中也 存在,将在页面标题中加载JavaScript,而不是在正文结尾处加载。
    • 除非“Client Libraries”(客户端库)字段中也存在类别,否则不 会加载CSS
  • Web资源客户端库 -用于提供Web资源(如Favicon)的客户端库类别。

  • 跳到主内容元素选择器 -用作辅助功能以直接跳到页面的主内容

页面组件设计对话框

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

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

有关使用客户端库的详细信息,请参 阅使用客户端库

注意

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

样式选项卡

页面组件支持AEM 样式系统

在此页面上