開發沙箱應用程式 develop-sandbox-application
在本節中,範本已設定在 初始應用計畫 區段,以及在中建立的初始頁面 初始內容 區段,您可以開發應用程式。 若要這麼做,請使用基礎指令碼,其中包括啟用使用Communities元件編寫的功能。 在本節的結尾,您會看到功能完整的網站。
使用基礎頁面命令檔 using-foundation-page-scripts
預設指令碼是在新增轉譯播放頁面範本的元件時建立的,經過修改後會包含基礎頁面的head.jsp和本機body.jsp。
超級資源型別 super-resource-type
第一個步驟是將資源超級型別屬性新增至 /apps/an-scf-sandbox/components/playpage
節點,以便繼承超級型別的指令碼和屬性。
使用 CRXDE Lite:
-
選取節點
/apps/an-scf-sandbox/components/playpage
. -
在屬性標籤中,輸入具有下列值的新屬性:
名稱:
sling:resourceSuperType
類型:
String
值:
foundation/components/page
-
按一下綠色 +新增 按鈕。
-
按一下 「儲存全部」。
Head和body指令碼 head-and-body-scripts
-
在 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 %>
-
注意開啟/關閉指令碼標籤,將「 // 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>
-
覆蓋基礎指令碼
head.jsp
不是必要專案,但基礎指令碼body.jsp
空白。若要設定進行製作,請覆蓋
body.jsp
使用本機指令碼,並在內文中加入段落系統(parsys):-
導覽至
/apps/an-scf-sandbox/components
。 -
選取
playpage
節點。 -
按一下右鍵並選取
Create > Create File...
- 名稱: body.jsp
-
按一下 「儲存全部」。
開啟
/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>
-
-
按一下 「儲存全部」。
在瀏覽器中以編輯模式檢視頁面:
- 標準 UI:
http://localhost:4502/editor.html/content/an-scf-sandbox/en/play.html
您不應該只看到標題 社群播放,以及用於編輯頁面內容的UI。
當兩側面板都切換開啟且視窗足夠寬以顯示側邊內容和頁面內容時,會看到「資產/元件」側面板。
- 傳統 UI:
http://localhost:4502/cf#/content/an-scf-sandbox/en/play.html
以下是「播放」頁面在傳統UI中的顯示方式,包括透過內容尋找器(cf):
Communities元件 communities-components
若要啟用Communities元件以供撰寫,請依照下列指示開始進行:
就此Sandbox而言,請從以下內容開始 Communities 元件(勾選方塊即可啟用):
- 評論
- 論壇
- 評等
- 評論
- 審核摘要 (顯示)
- 投票
此外,選擇 一般 元件,例如
- 影像
- 表格
- 文字
- 標題(基礎)
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 Sandbox
- 按一下 確定
-
按一下 確定
發佈網站後,在發佈執行個體上瀏覽至根頁面時,會重新導向至英文頁面。
播放Communities SCF元件之前的最後一步是新增使用者端程式庫資料夾(clientlibs) … 新增Clientlibs