应用程序模板和组件

注意

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

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

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

  • 模板由组件构建;
  • 组件使用和允许访问构件,这些构件用于呈现内容。
注意

要了解如何使用CRXDE Lite开发AEM应用程序,请参阅使用CRXDE Lite开发

模板是页面的基础。

要创建页面,必须将模板(node-tree /apps/<myapp>/templates/<mytemplate>)复制到site-tree中的相应位置:这是使用​网站​选项卡创建页面时会发生的情况。

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

模板的结构

需要考虑两个方面:

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

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

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

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

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

注意

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

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

其他资源

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

在此页面上

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free