应用程序模板和组件

注意

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

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

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

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

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

模板是页面的基础。

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

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

模板的结构

需要考虑两个方面:

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

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

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

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

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

注意

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

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

其他资源

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

在此页面上