组件概述 components-overview

CAUTION
AEM 6.4已结束扩展支持,本文档将不再更新。 有关更多详细信息,请参阅 技术支助期. 查找支持的版本 此处.

此页面概述了 Adobe Experience Manager (AEM) 组件,例如那些用于页面创作的组件。

什么是组件? what-exactly-is-a-component

  • 模块化单元,可实施特定功能以在您的网站上展示您的内容。
  • 可重用的。
  • 作为存储库的一个文件夹中的独立单元开发。
  • 没有隐藏的配置文件。
  • 可以包含其他组件。
  • 可以在任何AEM系统内的任何位置运行。 这些组件也可限制在特定组件下运行。
  • 拥有标准化的用户界面。
  • 具有可配置的编辑行为。
  • 使用基于Granite UI组件使用子元素构建的对话框
  • 使用 HTL (推荐)或JSP。
  • 可以开发以创建扩展默认功能的自定义组件。

由于组件是模块化的,因此您可以:

  • 在本地实例上开发新组件。
  • 将它部署到测试环境。
  • 将它部署到实时创作环境,作者和/或管理员可在该环境中添加和配置内容。
  • 将它部署到实时发布环境,它在该环境中用于为您网站的访客呈现内容。某些组件(例如,社区组件)也接受用户的输入。

每个 AEM 组件:

  • 是一种资源类型。
  • 是一个完全实施特定功能的脚本的集合。
  • 可以在中运行 隔离,即在AEM或门户中。

AEM中的现成组件 out-of-the-box-components-within-aem

AEM附带多种 开箱即用的组件 提供全面功能,包括:

  • 段落系统 ( parsys)
  • 页面( responsivegrid — 仅限触屏优化UI)
  • 文本
  • 图像,带有随附的文本
  • 工具栏

提供的组件及其在 示例We.Retail网站 提供了如何实施和使用组件的说明。 这些组件随所有源代码一起提供,可以按原样使用或用作已修改或扩展的组件的起点。

核心组件和基础组件 core-components-and-foundation-components

提供了两组Adobe提供的AEM组件:

核心组件 已在AEM 6.3中引入,并提供了灵活且功能丰富的创作功能。 的 We.Retail参考网站 说明核心组件的使用方式,并代表组件开发的当前最佳实践。

基础组件 已在许多版本的AEM中提供,并且在标准AEM安装中现成可用。 尽管仍受支持,但大多数已弃用,不再进行增强,并且基于旧版技术。

NOTE
核心组件 代表组件设计和开发的当前最佳实践,并用作参考实施。
AEM现代化工具 有助于迁移到核心组件。

查看可用组件 viewing-available-components

有关 AEM 实例中的所有可用组件的概述,请使用组件控制台

或者,您也可以使用 CRXDE Lite 获取存储库中所有可用组件的列表。

  1. CRXDE Lite 中,从工具栏中选择​ 工具,然后选择​ 查询,这将打开​ 查询 ​选项卡。

  2. 在​ 查询 ​选项卡中,选择 XPath 作为​ 类型

  3. 在​ 查询 ​输入字段中,输入以下字符串:

    //element(*, cq:Component)

  4. 单击​ 执行,这将列出组件。

其他资源 further-reading

以下页面提供了有关开发这些组件和其他组件的更多详细信息:

recommendation-more-help
2315f3f5-cb4a-4530-9999-30c8319c520e