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