初始沙箱应用程序

在本节中,您将创建以下内容:

创建内容模板

模板可定义新页面的默认内容。 复杂网站可能使用多个模板在站点中创建不同类型的页面。 此外,模板集可以成为用于将更改转出到服务器群集的蓝图。

在此练习中,所有页面都基于一个简单的模板。

  1. 在CRXDE Lite的资源管理器窗格中:

    • 选择 /apps/an-scf-sandbox/templates
    • 创建 >创 建模板
  2. 在“创建模板”对话框中,键入以下值,然后单击​Next:

    • 标签: playpage
    • 标题: An SCF Sandbox Play Template
    • 描述: An SCF Sandbox template for play pages
    • 资源类型: an-scf-sandbox/components/playpage
    • 排名:<leave as default>

    标签用于节点名称。

    资源类型显示在playpage的jcr:content节点上,作为属性sling:resourceType。 它标识在浏览器请求时呈现内容的组件(资源)。

    在这种情况下,使用playpage模板创建的所有页面都由an-scf-sandbox/components/playpage组件呈现。 根据惯例,组件的路径是相对的,允许Sling首先在/apps文件夹中搜索资源,如果未找到,则在/libs文件夹中搜索。

    create-content-template

  3. 如果使用复制/粘贴,请确保“资源类型”值没有前导或尾部空格。

    单击​下一步

  4. “允许的路径”指使用此模板的页面的路径,因此该模板会列在​新建页面​对话框中。

    要添加路径,请单击加号按钮+,然后在显示的文本框中键入/content(/.&ast;?lang=zh-Hans)?。 如果使用复制/粘贴,请确保没有前导或尾部空格。

    注意:允许路径属性的值为​常规表达式。 具有与表达式匹配的路径的内容页面可以使用模板。 在这种情况下,常规表达式符与​/content​文件夹及其所有子页面的路径匹配。

    当作者在/content下创建页面时,标题为“SCF沙箱页面模板”的playpage模板将显示在可用模板的列表中。

    从模板创建根页面后,可以通过修改属性将根路径包含在常规表达式(即,

    /content/an-scf-sandbox(/.&ast;?lang=zh-Hans)?

    configure-template-path

  5. 单击​下一步

    单击​允许的父项​面板中的​下一步

    单击​允许的子项​面板中的​下一步

    单击​确定

  6. 单击“确定”并完成模板的创建后,您会注意到新playpage模板的“属性”选项卡值的角中显示了红色三角形。 这些红色三角形指示尚未保存的编辑。

    单击​全部保存​将新模板保存到存储库。

    verify-content-template

创建模板的渲染组件

创建定义内容并呈现基于playpage template创建的任何页面的​组件

  1. 在CRXDE Lite中,右键单击​/apps/an-scf-sandbox/components​并单击​创建>组件

  2. 通过将节点的名称(Label)设置为​playpage,组件的路径为

    /apps/an-scf-sandbox/components/playpage

    它与播放页模板的资源类型(可选地减去路径的初始​/apps/​部分)相对应。

    在​创建组件​对话框中,键入以下属性值:

    • 标签:playpage
    • 标题:SCF沙箱播放组件
    • 描述:这是为SCF沙箱页面呈现内容的组件。
    • 超级类型:<lea blank>
    • 组:<lea blank>

    create-template-component

  3. 单击​Next,直到显示对话框的​允许的子项​面板:

    • 单击​确定
    • 单击​保存全部
  4. 验证组件的路径与模板的resourceType是否匹配。

    注意

    播放页组件的路径与播放页模板的sling:resourceType属性之间的对应关系对于网站的正确功能至关重要。

    verify-template-component

在此页面上

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
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