应用程序模板和组件

注意

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 - description for template;在创建页面时显示。

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

注意

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

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

其他资源

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

在此页面上