在本章中,瞭解如何模型化內容並建置結構描述 內容片段模型. 您瞭解可用來將結構描述定義為模型一部分的各種資料型別。
我們建立了兩個簡單的模型, 團隊 和 個人. 此 團隊 資料模型有名稱、簡短名稱和說明,並參照 個人 資料模型,其中包含全名、個人簡歷、個人資料圖片和職業清單。
此外,也歡迎您遵循基本步驟,建立自己的模型,並微調相關步驟,例如GraphQL查詢和React應用程式程式碼,或只是遵循這些章節中概述的步驟。
此教學課程包含多個部分,並假設使用者已收到 AEM作者環境可供使用.
專案設定包含與特定專案相關的所有內容片段模式,並提供組織模式的方法。 至少必須建立一個專案 早於 建立內容片段模型。
登入AEM 作者 環境(例如: https://author-pYYYY-eXXXX.adobeaemcloud.com/
)
從AEM開始畫面,瀏覽至 工具 > 一般 > 設定瀏覽器.
按一下 建立,位於右上角
在產生的對話方塊中,輸入:
接下來,為建立兩個模型 團隊 和 個人.
為建立模型 個人,代表屬於團隊之人員的資料模型。
從AEM開始畫面,瀏覽至 工具 > 一般 > 內容片段模型.
導覽至 我的專案 資料夾。
點選 建立 右上角的「 」以顯示 建立模型 精靈。
在 模型標題 欄位,輸入 個人 並點選 建立. 在產生的對話方塊中,點選 開啟,以建立模型。
拖放 單行文字 元素切換至主面板。 在「 」中輸入以下屬性 屬性 標籤:
fullName
此 屬性名稱 會定義儲存至AEM的屬性名稱。 此 屬性名稱 也會定義 金鑰 此屬性在資料結構描述中的名稱。 此 金鑰 透過GraphQL API公開內容片段資料時使用。
點選 資料型別 標籤並拖放 多行文字 欄位位於 全名 欄位。 輸入下列屬性:
biographyText
按一下 資料型別 標籤並拖放 內容參考 欄位。 輸入下列屬性:
profilePicture
/content/dam
設定時 根路徑,您可以按一下 資料夾 圖示可顯示強制回應視窗以選取路徑。 這會限製作者可以使用哪些資料夾來填入路徑。 /content/dam
是儲存所有AEM Assets (影像、影片和其他內容片段)的根目錄。
將驗證新增至 圖片參考 因此只有內容型別 影像 可用來填入欄位。
按一下 資料型別 標籤並拖放 分項清單 下的資料型別 圖片參考 欄位。 輸入下列屬性:
occupation
新增多個 選項 使用 新增選項 按鈕。 使用相同的值 選項標籤 和 選項值:
藝人, 影響者, 攝影師, Traveler, 作者, YouTuber
最終版 個人 模型應如下所示:
按一下 儲存 以儲存變更。
為建立模型 團隊,這是一組人員的資料模型。 「專案團隊」模型會參照「人員」模型來代表專案團隊的成員。
在 我的專案 資料夾,點選 建立 右上角的「 」,以顯示 建立模型 精靈。
在 模型標題 欄位,輸入 團隊 並點選 建立.
點選 開啟 在產生的對話方塊中,開啟新建立的模型。
拖放 單行文字 元素切換至主面板。 在「 」中輸入以下屬性 屬性 標籤:
title
點選 資料型別 標籤並拖放 單行文字 元素切換至主面板。 在「 」中輸入以下屬性 屬性 標籤:
shortName
^[a-z0-9\-_]{5,40}$
— 這可確保只能輸入5到40個字元的小寫字母數字值和破折號。此 shortName
屬性提供依據縮短路徑查詢個別團隊的方法。 此 獨特 設定可確保此值在此模式的每個內容片段中一律唯一。
點選 資料型別 標籤並拖放 多行文字 欄位位於 簡短名稱 欄位。 輸入下列屬性:
description
按一下 資料型別 標籤並拖放 片段參考 欄位。 輸入下列屬性:
teamMembers
最終版 團隊 模型應如下所示:
按一下 儲存 以儲存變更。
您現在應該可以從以下兩種模式運作:
檢閱及驗證後,發佈 Project Configuration
和 Content Fragment Model
從AEM開始畫面,瀏覽至 工具 > 一般 > 設定瀏覽器.
點選「 」旁的核取方塊 我的專案 並點選 發佈
從AEM開始畫面,瀏覽至 工具 > 一般 > 內容片段模型.
導覽至 我的專案 資料夾。
點選 個人 和 團隊 模型並點選 發佈
恭喜,您剛才已建立第一個內容片段模型!
在下一章中, 製作內容片段模型,您可根據內容片段模式建立及編輯新內容片段。 您也會瞭解如何建立內容片段的變體。