初始沙盒應用程式

在本節中，您將建立以下內容：

• template，將用於在範例網站中建立內容頁面
• 用於呈現網站頁面的​元件和指令碼

建立內容範本

範本會定義新頁面的預設內容。 複雜的網站可能會使用數個範本來建立網站中不同類型的頁面。 此外，該組模板可以成為用於將更改推廣到伺服器群集的藍圖。

在本練習中，所有頁面都以單一簡單範本為基礎。

1. 在CRXDE Lite的瀏覽器窗格中

   • 選擇/apps/an-scf-sandbox/templates
   • 「建立>建立範本」

2. 在「建立範本」對話方塊中，輸入下列值，然後按一下「下一步」:​

   • 標籤: playpage
   • 標題: An SCF Sandbox Play Template
   • 說明: An SCF Sandbox template for play pages
   • 資源類型: an-scf-sandbox/components/playpage
   • 排名：<leave as default>

   Label用於節點名稱。

   資源類型在playpage的jcr:content節點上顯示為屬性sling:resourceType。 它可識別當瀏覽器要求時轉譯內容的元件（資源）。

   在這種情況下，使用playpage模板建立的所有頁都由an-scf-sandbox/components/playpage元件呈現。 依慣例，元件的路徑是相對的，可讓Sling先在/apps資料夾中搜尋資源，若找不到，則在/libs資料夾中搜尋。

   

3. 如果使用複製／貼上，請確保「資源類型」值沒有前導或尾隨空格。

   按一下​下一步。

4. 「允許的路徑」是指使用此範本的頁面路徑，如此範本便會列在​新頁面​對話方塊中。

   若要新增路徑，請按一下加號按鈕+，然後在出現的文字方塊中輸入/content(/.*)?。 如果使用複製／貼上，請確定沒有前導或尾隨空格。

   注意：允許的路徑屬性的值是​規則運算式。 路徑與運算式相符的內容頁面可以使用範本。在這種情況下，規則運算式與​/content​資料夾及其所有子頁的路徑匹配。

   當作者在/content下方建立頁面時，標題為「SCF沙盒頁面範本」的playpage範本會出現在可用範本清單中。

   從範本建立根頁面後，修改屬性以將根路徑包含在規則運算式中，即可限制範本的存取權限至此網站。

   /content/an-scf-sandbox(/.*)?

   

5. 按一下​下一步。

   按一下​允許父代​面板中的​Next。

   在​允許的子項​面板中，按一下​Next。

   按一下​「確定」。

6. 按一下「確定」(OK)並完成模板的建立後，您將注意到新playpage模板的「屬性」(Properties)頁籤值的拐角處顯示紅色三角形。 這些紅色三角形表示未保存的編輯。

   按一下​保存所有​將新模板保存到儲存庫。

   

建立模板的渲染元件

建立定義內容的​元件，並轉譯任何根據playpage範本建立的頁面。

1. 在CRXDE Lite中，按一下右鍵​/apps/an-scf-sandbox/components ，然後按一下​建立>元件。

2. 將節點的名稱（標籤）設定為​playpage，則元件的路徑為

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

   與播放頁範本的「資源類型」（可選擇減去路徑的初始​/apps/​部分）相對應。

   在​建立元件​對話框中，鍵入以下屬性值：

   • 標籤：playpage
   • 標題：SCF沙盒播放元件
   • 說明：這是轉換「SCF沙盒」頁面內容的元件。
   • 超級類型：<leave blank>
   • 群組:

   

3. 按一下​Next​直到出現對話框的​允許的子代​面板

   • 按一下​確定
   • 按一下​保存全部

4. 驗證元件的路徑與模板的resourceType是否匹配。

   注意

   playpage元件的路徑與playpage範本的sling:resourceType屬性之間的對應關係對網站的正確運作至關重要。