开发沙盒应用程序 develop-sandbox-application

在此部分中,现在已在以下位置设置了模板: 初始应用 部分,以及中建立的初始页面 初始内容 部分,您可以开发应用程序。 为此,您需要使用基础脚本,这些脚本包含启用通过社区组件进行创作的功能。 在此部分末尾,您有一个功能齐全的网站。

使用基础页脚本 using-foundation-page-scripts

默认脚本是在添加了呈现播放页模板的组件时创建的,该脚本经过修改后包括基础页的head.jsp和本地body.jsp。

超级资源类型 super-resource-type

第一步是将资源超级类型属性添加到 /apps/an-scf-sandbox/components/playpage 节点,以便继承超级类型的脚本和属性。

使用 CRXDE Lite:

  1. 选择节点 /apps/an-scf-sandbox/components/playpage.

  2. 在属性选项卡中,输入具有以下值的新属性:

    名称:sling:resourceSuperType

    类型:String

    价值: foundation/components/page

  3. 单击绿色 +添加 按钮。

  4. 单击​ 全部保存

    page-script

Head和body脚本 head-and-body-scripts

  1. CRXDE Lite 资源管理器窗格,导航到 /apps/an-scf-sandbox/components/playpage 并双击文件 playpage.jsp 以在“编辑”窗格中将其打开。

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

    code language-xml
    <%--
    
      An SCF Sandbox Play Component component.
    
      This is the component which renders content for An SCF Sandbox page.
    
    --%><%
    %><%@include file="/libs/foundation/global.jsp"%><%
    %><%@page session="false" %><%
    %><%
     // TODO add your code here
    %>
    
  2. 请注意open/close脚本标记,请将“ // TODO …”替换为 includes 的标题和正文部分的脚本 <html>.

    具有超类型 foundation/components/page,则未在此同一文件夹中定义的任何脚本都将解析为中的脚本 /apps/foundation/components/page 文件夹(如果存在),或者指向中的脚本 /libs/foundation/components/page 文件夹。

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

    code language-xml
    <%--
    
        An SCF Sandbox Play Component component: playpage.jsp
    
      This is the component which renders content for An SCF Sandbox page.
    
    --%><%
    %><%@include file="/libs/foundation/global.jsp"%><%
    %><%@page session="false" %>
    <html>
      <cq:include script="head.jsp"/>
      <cq:include script="body.jsp"/>
    </html>
    
  3. 覆盖基础脚本 head.jsp 不是必需的,但基础脚本 body.jsp 为空。

    要设置创作,叠加 body.jsp 使用本地脚本,并在主体中包含段落系统(parsys):

    1. 导航到 /apps/an-scf-sandbox/components

    2. 选择 playpage 节点。

    3. 右键单击并选择 Create > Create File...

      • 名称: body.jsp
    4. 单击​ 全部保存

    打开 /apps/an-scf-sandbox/components/playpage/body.jsp 并粘贴以下文本:

    code language-xml
    <%--
    
        An SCF Sandbox Play Component component: body.jsp
    
      This is the component which renders content for An SCF Sandbox page.
    
    --%><%
    %><%@include file="/libs/foundation/global.jsp"%><%
    %><%@page session="false" %>
    <body>
        <h2>Community Play</h2>
        <cq:include path="par" resourceType="foundation/components/parsys" />
    </body>
    
  4. 单击​ 全部保存

在浏览器中以编辑模式查看页面:

  • 标准 UI: http://localhost:4502/editor.html/content/an-scf-sandbox/en/play.html

您不应仅看到标题 社区播放,以及用于编辑页面内容的UI。

当两侧面板均切换打开并且窗口足够宽以便显示侧内容和页面内容时,可以看到资产/组件侧面板。

view-page

  • 经典 UI: http://localhost:4502/cf#/content/an-scf-sandbox/en/play.html

以下是“播放”页面在经典UI中的显示方式,包括使用content finder (cf):

play-page-view

Communities组件 communities-components

要启用社区组件进行创作,请按照以下说明开始操作:

对于此沙盒,请从以下内容开始 Communities 组件(通过选中框启用):

  • 评论
  • 论坛
  • 评分
  • 审核
  • 审核摘要(显示)
  • 投票

此外,选择 常规 组件,如

  • 图像
  • 文本
  • 标题 (Foundation)
NOTE
为页面段启用的组件作为的值,存储在存储库中。 components 的属性
节点 /etc/designs/an-scf-sandbox/jcr:content/playpage/par.

登录页面 landing-page

在多语言环境中,根页面将包含一个脚本,该脚本将解析来自客户端的请求以确定首选语言。

在此示例中,将根页面静态设置为重定向到英语页面,该页面将来可能会发展为带有播放页面链接的主登陆页面。

将浏览器URL更改为根页面: http://localhost:4502/editor.html/content/an-scf-sandbox.html

  • 选择页面信息图标

  • 选择 打开属性

  • 在高级选项卡上

    • 对于“重定向”条目,浏览 网站 > SCF沙盒站点 > SCF沙盒
    • 单击 确定
  • 单击 确定

发布站点后,在发布实例上浏览到根页面时,会重定向到英文页面。

播放Communities SCF组件之前的最后一步是添加客户端库文件夹(clientlibs) … 添加Clientlibs

recommendation-more-help
81e2cd9d-0789-409d-b87c-2a8ce4f28791