应用程序模板和组件 app-templates-and-components

NOTE
Adobe建议对需要基于单页应用程序框架的客户端渲染(例如React)的项目使用SPA编辑器。 了解详情

模板用于创建页面,并定义可在所选范围内使用的组件。 模板是一种节点层次结构,与要创建页面的结构相同,但没有任何实际内容。

每个模板都会为您提供一系列可供使用的组件。

  • 模板由个组件组成;
  • 组件使用并允许访问Widget,这些构件用于呈现内容。
NOTE
要了解如何使用CRXDE Lite开发Adobe Experience Manager (AEM)应用程序,请参阅使用CRXDE Lite开发

模板是页面的基础。

要创建页面,必须将模板(节点树​ /apps/<myapp>/templates/<mytemplate>)复制到站点树中的相应位置:如果使用​ 网站 ​选项卡创建页面,则会发生这种情况。

此复制操作还会为页面提供其初始内容(通常是仅顶级内容)和属性sling:resourceType,以及用于呈现页面的页面组件的路径(子节点jcr:content中的所有内容)。

模板的结构 structure-of-a-template

需要考虑两个方面:

  • 模板本身的结构
  • 使用模板时生成的内容的结构

模板是在类型为​ cq:Template ​的节点下创建的。

可以设置各种属性,特别是:

  • jcr:title — 模板的标题;在创建页面时显示在对话框中。
  • jcr:description — 模板的描述;在创建页面时显示在对话框中。

此节点包含​ jcr:content (cq:PageContent) ​节点,该节点用作结果页面的内容节点的基础。 该引用使用​ sling:resourceType ​来引用用于呈现新页面实际内容的组件。

NOTE
要了解AEM中模板和组件的基础知识,请参阅以下资源:

在基本了解模板和组件后,请参阅以下资源:

其他资源 additional-resources

要了解有关移动应用程序的其他主题,请参阅以下链接:

recommendation-more-help
2eeeb575-8007-40cc-a72d-206fbc4ddd4b