组件概述

本页概述了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. 单击​执行​并列出组件。

其他资源

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

On this page

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now