组件概述 components-overview

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

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

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

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

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

每个 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
19ffd973-7af2-44d0-84b5-d547b0dffee2