开发沙箱应用程序

在本节中,既然已在初始应用程序部分设置了模板,在初始内容部分建立了初始页面,则可以使用基础脚本开发应用程序,包括启用Communities组件创作的能力。 在本节结尾,网站将可正常运行。

使用基础页脚本

在添加呈现播放页模板的组件时创建的默认脚本被修改为包括基础页的head.jsp和本地body.jsp。

超级资源类型

第一步是向/apps/an-scf-sandbox/components/playpage节点添加资源super type属性,以便它继承super type的脚本和属性。

使用CRXDE Lite:

  • 名称: sling:resourceSuperType
  • 类型: String
  • 值: foundation/components/page
  1. 单击绿色​[+]添加
  2. 单击​保存全部

chlimage_1-231

头部和身体脚本

  1. 在​CRXDE Lite​资源管理器窗格中,导航到/apps/an-scf-sandbox/components/playpage,然后多次单击文件playpage.jsp以在编辑窗格中将其打开。

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

<%--

  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
%>
  1. 请注意打开/关闭脚本标记,请替换“ // TODO …” 包含用于 <html>.

    超类型为foundation/components/page时,此文件夹中未定义的任何脚本都将解析为/apps/foundation/components/page文件夹中的脚本(如果存在),否则解析为/libs/foundation/components/page文件夹中的脚本。

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

<%--

    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>
  1. 基础脚本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并粘贴到以下文本中:

    <%--
    
        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>
    
  2. 单击​保存全部

在编辑模式下视图浏览器中的页面:

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

当侧面板两者切换为打开且窗口足够宽以便同时显示侧面内容和页面内容时,会显示“资源/组件”侧面板。

chlimage_1-232

以下是播放页面在经典UI中的显示方式,包括内容查找器(cf):

chlimage_1-233

社区组件

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

为此沙箱的目的,请与以下​Communities​组件开始(通过选中框启用):

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

此外,选择​常规​组件,如

  • 图像
  • 文本
  • 标题(基础)
注意

为页面par启用的组件作为components属性的值存储在存储库中
/etc/designs/an-scf-sandbox/jcr:content/playpage/par 节点。

登录页面

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

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

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

  • 选择页面信息图标

  • 选择​打开属性

  • 在“高级”选项卡上

    • 对于重定向条目,浏览至​网站> SCF沙箱站点> SCF沙箱
    • 单击​确定
  • 单击​确定

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

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

在此页面上