组件概述

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

什么是组件？

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

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

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

每个AEM组件：

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

AEM中的现成组件

AEM附带各种现成组件，它们提供全面的功能，包括：

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

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

核心组件和基础组件

有两组Adobe提供的AEM组件可用：

• 核心组件
• 基础组件

核心 组件随AEM 6.3和优惠灵活、功能丰富的创作功能一起引入。We.Retail引用站点说明了如何使用核心组件，并代表组件开发的当前最佳实践。

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

查看可用组件

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

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

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

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

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

   //element(*, cq:Component)

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

其他资源

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

• AEM组件——基础知识

• 开发AEM组件

• 开发AEM组件——代码示例

• 配置多个就地编辑器

• 开发人员模式

• 测试UI

• 内容片段的组件

• 以JSON格式获取页面信息

• 组件国际化

• 核心组件

• 使用隐藏条件

• 经典 UI

  • AEM组件（经典UI）
  • 使用和扩展构件（经典UI）
  • 使用xtypes（经典UI）
  • 开发Forms（经典UI）