開發沙盒應用程式

在本節中，由於範本已設定在初始應用程式區段中，而初始頁面已設定在初始內容區段中，因此可使用包括啟用使用Communities元件編寫功能的基礎指令碼來開發應用程式。在本節結束時，網站將可正常運作。

使用Foundation頁指令碼

在新增轉譯播放頁面範本的元件時建立的預設指令碼，會加以修改，以包含基礎頁面的head.jsp和本機body.jsp。

超級資源類型

第一步是向/apps/an-scf-sandbox/components/playpage節點添加資源super type屬性，以便它繼承超類型的指令碼和屬性。

使用CRXDE Lite:

選擇節點/apps/an-scf-sandbox/components/playpage。
在「屬性」頁籤中，輸入具有以下值的新屬性：

名稱: sling:resourceSuperType

類型: String

值: foundation/components/page
按一下綠色+Add按鈕。
按一下保存全部。

頭部和身體指令碼

在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?lang=zh-Hant"%><%
%><%@page session="false" %><%
%><%
 // TODO add your code here
%>

請注意開啟／關閉指令碼標籤，請取代" // 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?lang=zh-Hant"%><%
%><%@page session="false" %>
<html>
  <cq:include script="head.jsp"/>
  <cq:include script="body.jsp"/>
</html>
```
基礎指令碼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?lang=zh-Hant"%><%
%><%@page session="false" %>
<body>
    <h2>Community Play</h2>
    <cq:include path="par" resourceType="foundation/components/parsys" />
</body>
```
按一下保存全部。