组件概述

本页概述了Adobe Experience Manager(AEM)组件，例如用于页面创作的组件。

什么是组件？

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

由于组件是模块化的，因此您可以：

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

每个AEM组件：

  • 是资源类型。
  • 是完全实现特定功能的脚本集合。
  • 可以在​isolation​中运行，即在AEM或门户中运行。

AEM内的现成组件

AEM附带多种现成组件，这些组件提供了以下综合功能：

  • 段落系统 ( parsys)
  • 页面（responsivegrid — 仅限触屏优化UI）
  • 文本
  • 图像，并附加文本
  • 工具栏

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

核心组件和基础组件

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

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

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

注意

核心 组件代表了组件设计和开发的当前最佳实践，可用作参考实施。

AEM现代化工 具扫描可帮助迁移到核心组件。

查看可用组件

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

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

  1. 在​CRXDE Lite​中，从工具栏中选择​工具，然后选择​查询，以打开​查询​选项卡。

  2. 在​Query​选项卡中，选择XPath作为​Type。

  3. 在​查询​输入字段中，输入以下字符串：

    //element(*, cq:Component)

  4. 单击​执行​并列出组件。

其他资源

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

在此页面上