页面模板 — 静态 page-templates-static
模板用于创建页面,并定义可在所选范围内使用的组件。 模板是一种节点层次结构,与要创建页面的结构相同,但没有任何实际内容。
每个模板都会为您提供一系列可供使用的组件。
- 模板由个组件组成;
- 组件使用并允许访问Widget,这些构件用于呈现内容。
模板的属性和子节点 properties-and-child-nodes-of-a-template
模板是cq:Template类型的节点,具有以下属性和子节点:
模板是页面的基础。
要创建页面,必须将模板(节点树/apps/<myapp>/template/<mytemplate>
)复制到站点树中的相应位置:如果使用 网站 选项卡创建页面,则会发生这种情况。
此复制操作还会为页面提供其初始内容(通常是仅顶级内容)和属性sling:resourceType,以及用于呈现页面的页面组件的路径(子节点jcr:content中的所有内容)。
模板的结构方式 how-templates-are-structured
需要考虑两个方面:
- 模板本身的结构
- 使用模板时生成的内容的结构
模板的结构 the-structure-of-a-template
模板是在类型为 cq:Template 的节点下创建的。
可以设置各种属性,特别是:
- jcr:title — 模板的标题;在创建页面时显示在对话框中。
- jcr:description — 模板的描述;在创建页面时显示在对话框中。
此节点包含一个jcr:content (cq:PageContent)节点,该节点用作结果页面的内容节点的基础;此节点使用sling:resourceType引用要用于呈现新页面实际内容的组件。
此组件用于在创建新页面时定义内容的结构和设计。
模板生成的内容 the-content-produced-by-a-template
模板用于创建类型为cq:Page
的页面(如前所述,页面是一种特殊类型的组件)。 每个AEM页都有一个结构化节点jcr:content
。 此功能:
- 属于cq:PageContent类型
- 是保存定义的内容定义的结构化节点类型
- 具有属性
sling:resourceType
,用于引用包含用于呈现内容的sling脚本的组件
默认模板 default-templates
AEM附带各种现成的默认模板。 有时,您可能希望按原样使用这些模板。 在这种情况下,必须确保模板可用于您的网站。
例如,AEM附带多个模板,包括一个内容页和主页。
显示默认模板 displaying-default-templates
要查看存储库中所有模板的列表,请按照以下步骤操作:
-
在CRXDE Lite中,打开 工具 菜单,然后单击 查询。
-
在“查询”选项卡中
-
作为 类型,选择 XPath。
-
在 查询 输入字段中,输入以下字符串:
//element(*, cq:Template) -
单击 执行。 该列表显示在结果框中。
通常,您会采用现有模板并开发一个新模板供您使用。 有关详细信息,请参阅开发页面模板。
要为您的网站启用现有模板,并且您希望在从 网站 控制台直接在 网站 下创建页面时将其显示在 创建页面 对话框中,请将模板节点的allowedPaths属性设置为: /content(/)。*)?
模板设计的应用方式 how-template-designs-are-applied
当在UI中使用设计模式定义样式时,设计将保留在为其定义样式的内容节点的确切路径中。
如果设计仅使用设计模式应用,则以下部分设计路径解析、决策树和示例不适用。
设计路径解析 design-path-resolution
在基于静态模板呈现内容时,AEM会尝试根据内容层次结构的遍历将最相关的设计和样式应用于内容。
AEM按照以下顺序确定与内容节点最相关的样式:
- 如果存在内容节点的完整和精确路径的设计(当设计在设计模式下定义时),则使用该设计。
- 如果存在父级内容节点的设计,则使用该设计。
- 如果内容节点的路径上有任何节点的设计,则使用该设计。
在后两种情况下,如果有多个适用的设计,则使用最接近内容节点的设计。
决策树 decision-tree
这是设计路径解析逻辑的图形表示。
示例 example
请考虑以下简单的内容结构,其中设计可应用于任何节点:
/root/branch/leaf
下表描述了AEM如何选择设计。
开发页面模板 developing-page-templates
AEM页面模板只是用于创建页面的模型。 它们可以根据需要包含尽可能少或尽可能多的初始内容,其角色是创建正确的初始节点结构,并将所需的属性(主要是sling:resourceType)设置为允许编辑和渲染。
创建模板(基于现有模板) creating-a-new-template-based-on-an-existing-template
可以完全从头开始创建新模板,但通常会复制并更新现有模板,以节省您的时间和精力。 例如,可以使用Geometrixx中的模板来帮助您入门。
要基于现有模板创建模板,请执行以下操作:
-
将现有模板(最好使用尽可能接近所要实现的定义)复制到新节点。
模板存储在 /apps/<网站名称>/templates/<模板名称> 中。
note note NOTE 可用模板的列表取决于新页面的位置以及在每个模板中指定的放置限制。 查看模板可用性。 -
更改新模板节点的 jcr:title 以反映其新角色。 您还可以更新 jcr:description(如果适用)。 请确保根据需要更改页面的模板可用性。
note note NOTE 如果要在从 网站 控制台直接在 网站 下创建页面时在 创建页面 对话框中显示模板,请将模板节点的 allowedPaths
属性设置为:/content(/.*)?
-
复制模板所基于的组件(由模板中 jcr:content 节点的 sling:resourceType 属性指示)以创建实例。
组件存储在 /apps/<网站名称>/components/<组件名称> 中。
-
更新新组件的 jcr:title 和 jcr:description。
-
如果您希望在模板选择列表(大小为128 x 98像素)中显示新的缩略图,请替换thumbnail.png。
-
更新模板的 jcr:content 节点的 sling:resourceType 以引用新组件。
-
对模板、其基础组件或两者的功能或设计进行其他更改。
note note NOTE 对**/apps/<website>/templates/<template-name>**节点所做的更改会影响模板实例(在选择列表中一样)。 对**/apps/<website>/components/<component-name>**节点所做的更改会影响使用模板时创建的内容页面。 您现在可以使用新模板在网站中创建页面。
cq.shared
命名空间,如果该命名空间不存在,则会出现JavaScript错误Uncaught TypeError: Cannot read property 'shared' of undefined
。cq.shared
,因此任何基于它们的内容都会自动包含cq.shared
。 但是,如果您决定从头开始创建自己的内容页面,而不基于示例内容,则必须确保包含cq.shared
命名空间。使现有模板可用 making-an-existing-template-available
此示例说明如何允许将模板用于特定内容路径。 创建页面时可供页面作者使用的模板由模板可用性中定义的逻辑决定。
-
在CRXDE Lite中,导航到要用于页面的模板,例如新闻稿模板。
-
更改用于模板可用性的
allowedPaths
属性和其他属性。 例如,allowedPaths
:/content/geometrixx-outdoors/[^/]+(/.*)?
表示此模板允许位于/content/geometrixx-outdoors
下的任何路径中。