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

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

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

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

  • 模板由以下项构建: 组件
  • 组件使用和允许对构件的访问,构件和构件用于呈现内容。
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