設定網站結構

若要設定您的網站,下列指示說明要在下列位置建立的檔案夾:

  • /apps/an-scf-sandbox

    這是自訂應用程式和範本的所在位置。

  • /etc/designs/an-scf-sandbox

    這是可下載設計元素的所在位置。

  • /content/an-scf-sandbox

    這是可下載網頁的所在位置。

本教學課程中的程式碼將依賴應用程式、設計和內容的主資料夾名稱相同。 如果您為網站選擇其他名稱,請一律以您選擇的名稱取代an-scf-sandbox

注意

關於名稱:

  • CRXDE中顯示的名稱是構成可定址內容路徑的節點名稱。

  • 節點名稱可能包含空格,但在URI中使用時,空格必須編碼為'%20'或'+'。

  • 節點名稱可能包含連字型大小和下划線,但是當它們被引用為Java檔案中的包名時,必須對其進行編碼。 連字型大小和下划線都會以下划線和其unicode值進行逸出:

  • 連字型大小變為'_002d'

  • 下划線變為'_005f'

設定應用程式目錄(/apps?lang=zh-Hant)

儲存庫中的/apps目錄包含代碼,該代碼實現了從/content目錄提供的頁面的行為和呈現。

/apps目錄受到保護,無法像/content和/etc/designs目錄一樣公開存取。

  1. 建立/apps/an-scf-sandbox資料夾。

    使用​CRXDE Lite,在檔案總管窗格中

    1. 選擇/apps資料夾。
    2. 按一下右鍵​建立…或下拉「建立……」]功能表。[
    3. 選擇​建立資料夾……
    4. 在​建立資料夾​對話框中,輸入an-scf-sandbox
    5. 按一下​「確定」
  2. 建立​元件​子資料夾。

    1. 選擇/apps/an-scf-sandbox資料夾。
    2. 按一下​建立>建立資料夾
    3. 在​建立資料夾​對話框中,輸入​元件
    4. 按一下​「確定」
  3. 建立​templates​子資料夾。

    1. 選擇/apps/an-scf-sandbox資料夾。
    2. 按一下​建立>建立資料夾
    3. 在​建立資料夾​對話框中,輸入​templates
    4. 按一下​「確定」
    5. 重新選擇/apps/an-scf-sandbox
    6. 選擇​全部保存

    和任何編輯程式一樣,經常節省成本。 如果您在輸入資料時遇到問題,可能是因為您的登入逾時,或是您需要儲存先前的編輯。

  4. CRXDE Lite的瀏覽器窗格中的結構現在應該如下所示:

    crxde-template

設定設計目錄(/etc/designs?lang=zh-Hant)

/etc/designs目錄包含要與頁面內容一起下載的映像、指令碼和樣式表。

  1. 若要在Classic UI中使用Designer工具,請瀏覽至https://<server>:<port>/miscadmin

    注意:如果使用CRXDE Lite建立類型cq:Page的節點,則訪問控制和複製不會設定為頁面的預設設定。

  2. 在瀏覽器窗格中,選擇​Designs​資料夾,然後按一下​New > New Page

    輸入:

    • 標題:SCF沙盒
    • 名稱:an-scf-sandbox
    • 選擇​設計頁面範本

    按一下​建立

    設計——範本

  3. 如果未顯示「SCF沙盒」資料夾,請刷新瀏覽器窗格。

  4. 返回CRXDE Lite(http:// localhost:4502/crx/de),然後展開/etc/designs以查看名為"an-scf-sandbox"的節點。

    在CRXDE的右下窗格中,您可以查看「屬性」頁籤、「訪問控制」頁籤和「複製」頁籤,以查看使用「設計頁模板」定義的內容。

    crxde-configure-template

設定內容目錄(/content?lang=zh-Hant)

儲存庫中的/content目錄是網站內容所在的位置。 /content下的路徑包含瀏覽器請求的URL路徑。

初始 用程式中建立頁面範本後,可以根據範本建立初始頁面內容…….

本頁內容

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