组件概述 components-overview
此页面概述了 Adobe Experience Manager (AEM) 组件,例如那些用于页面创作的组件。
什么是组件? what-exactly-is-a-component
- 实现特定功能以在网站上展示内容的模块化单元。
- 可重用的。
- 作为存储库的一个文件夹中的独立单元开发。
- 没有隐藏的配置文件。
- 可以包含其他组件。
- 可以在任何AEM系统中的任何地方运行。 它们还可以限制为在特定组件下运行。
- 拥有标准化的用户界面。
- 具有可配置的编辑行为。
- 使用使用基于Granite UI组件的子元素构建的对话框
- 使用HTL(推荐)或JSP开发。
- 可以开发以创建扩展默认功能的自定义组件。
由于组件是模块化的,因此您可以:
- 在本地实例上开发新组件。
- 将它部署到测试环境。
- 将它部署到实时创作环境,作者和/或管理员可在该环境中添加和配置内容。
- 将其部署到您的实时发布环境,其中使用它们为网站的访客呈现内容。 某些组件(例如,Communities)也接受用户的输入。
每个 AEM 组件:
- 是一种资源类型。
- 是一个完全实施特定功能的脚本的集合。
- 可在 isolation 中运行,即在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参考网站说明了如何使用核心组件,并代表了组件开发的当前最佳实践。
Foundation组件 已在AEM中提供了多个版本,并且可在标准AEM安装中现成使用。 尽管仍受支持,但大多数技术已弃用,不再增强,并且基于旧版技术。
查看可用组件 viewing-available-components
有关AEM实例中所有可用组件的概述,请使用组件控制台。
或者,您也可以使用 CRXDE Lite 获取存储库中所有可用组件的列表。
-
在 CRXDE Lite 中,从工具栏中选择 工具,然后选择 查询,这将打开 查询 选项卡。
-
在 查询 选项卡中,选择
XPath
作为 类型。 -
在 查询 输入字段中,输入以下字符串:
//element(*, cq:Component)
-
单击 执行,这将列出组件。
其他资源 further-reading
以下页面提供了有关开发这些组件及其他组件的更详细信息:
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2