初始沙盒應用程式

在本節中,您將建立以下內容:

建立內容範本

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

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

  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資料夾中搜尋。

    chlimage_1-75

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

    按一下​下一步

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

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

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

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

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

    /content/an-scf-sandbox(/.&ast;?lang=zh-Hant)?

    chlimage_1-76

  5. 按一下​下一步

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

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

    按一下​「確定」

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

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

    chlimage_1-77

建立模板的渲染元件

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

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

  2. 將節點的名稱(標籤)設定為​playpage,則元件的路徑為

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

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

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

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

    chlimage_1-78

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

    • 按一下​確定
    • 按一下​保存全部
  4. 驗證元件的路徑與模板的resourceType是否匹配。

    注意

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

    chlimage_1-79

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now