组件概述

本页概述了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 Moderization Toolscan帮助迁移到核心组件。

查看可用组件

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

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

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

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

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

    /element(*, cq:Component)

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

其他资源

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

在此页面上