应用程序模板和组件

注意

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中模板和组件的基础知识,请参阅以下资源:

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

其他资源

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

On this page

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now