核心组件简介

在 Adobe Experience Manager 中,组件是结构化元素,用于构成所创作的页面内容。组件一直是 AEM 体验的一个基本元素,它使页面的创建过程变得简便但功能强大,使开发人员对组件的开发变得灵活且可扩展。

核心组件是一套用于AEM的标准化Web内容管理(WCM)组件,可缩短开发时间并降低网站的维护成本。

资源

  • 组件库: 用于视图各组件在其各种配置中的示例的集合。
  • 组件文档(此文档):对于开 发人员和作者,包含每个组件的详细信息。
  • 核心组件GitHub存储库:有关 每个组件的开发人员详细信息以及项目下载。
  • 开始使用:
    • 核心组件的成功: 在开始任何将使用核心组件的项目之前,应考虑相关准则。
    • WKND教程: 用于构建新站点的两天教程。
    • 峰会教程: 一个两小时的教程,用于构建新站点(来自2019年美国峰会上的实验室)。
    • Gems网络研讨 会:核心组件的指导浏览(2018年12月录制)。

功能

可以即刻投入使用 核心组件是28个强大的组件,经过良好测试、广泛使用,并且性能良好。
云就绪 无论是在AEM作为Cloud Service、在Adobe Managed Services上,还是在预置型上,它们都能正常工作。
可以通用 这些组件表示作者可以用来组合几乎任何布局的通用概念。
可配置 模板级别内容策略定义允许页面作者使用或不使用的功能。
可跟踪 Adobe客户端数据层集成允许跟踪访客体验的所有方面。
可访问 它们符合WCAG 2.1标准,提供ARIA标签,并支持键盘导航(已知问题)。
SEO友好 HTML输出是语义的,提供模式.org微数据注释。
WebApp就绪 简化的JSON输出允许客户端渲染,但仍有可能进行上下文编辑
AMP支持 这些组件内置了对AMP标准的支持,可加速移动体验。
设计工具包 Adobe XD🔗的UI套件允许设计人员创建线框,然后他们可以根据需要创建样式。
Themeable 这些组件实现样式系统,标记遵循BEM CSS约定
可自定义 多种模式允许从调整HTML到高级功能重用,轻松自定义🔗
版本控制 版本控制策略可确保在改进可能影响您的内容时,核心组件不会破坏您的站点。
可本地化 智能参考分辨率允许某些组件自动查找和渲染相应的本地化内容
开放源 如果某些内容不符合预期,将提供改进!

组件

当前版本的核心组件具有以下组件。

模板组件

页面创作组件

容器组件

表单组件

注意

核心组件不可直接供作者使用,开发团队必须先将它们集成到您的环境中。集成后,可以通过模板编辑器使它们可用并预配置。

注意

个别核心组件的某些版本可能仅与特定版本的 AEM 兼容。

有关兼容性信息,请参阅特定组件对应的帮助页面(可在上文中的列表中点击相应链接),或参考核心组件版本文档以了解更多信息。

系统要求

核心组件 AEM as a Cloud Service AEM 6.5 AEM 6.4 Java SE 马文
2.16.0 持续 6.5.5.0+ * 6.4.8.1+ * 8, 11 3.3.9+
注意

(*)自版本2.11.0起,要求org.apache.sling.models.impl版本1.4.12或更高版本(由于SLING-8781)。 这将在将来的Service Pack中为AEM 6.4和6.5提供。 在此之前,Sling Models捆绑包包含在core.wcm.components.all包中。

有关以前核心组件版本的要求,请参阅核心组件版本

核心组件需要使用可编辑的模板,并且不支持经典UI或静态模板。 如果需要,请查看AEM现代化工具以使用这些现代AEM功能更新您的项目。

要设置本地开发环境,请查看此概述(AEM作为Cloud Service SDK)或此文档(对于旧版AEM)。

小贴士

核心组件作为Cloud Service自动属于AEM的一部分,并且您始终拥有最新版本的核心组件。

有关如何在AEMaCS和内部部署中开始使用核心组件的详细信息,请参阅使用核心组件文档。

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