將表單與表單資料模型 (FDM) 整合
使用 FDM 將您的表單連接到後端資料來源,以啟用資料繫結、驗證和提交工作流程。
先決條件
在將 FDM 與您的表單整合之前,請完成以下步驟:
考量事項
如果您在通用編輯器介面中沒有看到「資料來源」圖示,或在右側屬性面板中沒有看到「繫結參考」屬性,請在 Extension Manager 中啟用 資料來源 擴充功能。
請參閱 Extension Manager 功能重點介紹文章,了解如何在通用編輯器中啟用和停用擴充功能。
選擇您的表單類型
通用編輯器支援兩種表單建立方法:
結構描述型表單
結構描述型表單自動設定資料來源並將表單欄位繫結到資料。對於具有明確定義資料結構的新表單來說,這是很合適的方法。
建立結構描述型表單
-
存取表單控制台
- 登入您的 Experience Manager Forms 作者實例
- 導覽至「Adobe Experience Manager」>「表單」>「表單與文件」
-
開始建立表單
- 選取「建立」>「自適應表單」
- 選擇 Edge Delivery Services 範本
- 啟用時按一下「建立」
-
設定資料模型
- 前往「資料」標籤
- 對於多個資料來源,請選取「表單資料模型 (FDM)」,而對於單一後端系統,請選取「JSON 結構描述」
- 選擇您建立的 FDM (例如寵物表單資料模型)
-
完成表單設定
- 輸入「名稱」和「標題」
- 指定「GitHub URL」(例如
https://github.com/wkndforms/edsforms
)。 - 按一下「建立」
確認結構描述型表單
該表單在通用編輯器中開啟,而且已經預先設定資料繫結:
非結構描述型表單
非結構描述型表單需要手動設定資料來源和欄位繫結。這種方法讓使用者可以彈性處理現有表單或複雜要求。
建立非結構描述型表單
-
存取表單屬性
- 登入您的 Experience Manager Forms 作者實例
- 導覽至「Adobe Experience Manager」>「表單」>「表單與文件」
- 選取您的表單然後按一下「屬性」
-
設定表單模型
- 開啟「表單模型」標籤
- 從「選取來源」下拉式選單選取「表單資料模型 (FDM)」
- 從清單中選擇您的 FDM
-
確認設定
- 在警告對話框中按一下「確定」
- 按一下「儲存並關閉」
新增資料元素
-
開啟表單進行編輯
- 表單在通用編輯器中開啟
-
存取資料來源元素
- 前往 內容瀏覽器 中的「資料來源」標籤
- 檢視 FDM 中的可用資料元素
-
在表單中新增元素
- 選取資料元素並按一下「新增」
- 或拖放元素來建置表單
新增手動資料繫結
對於現有的表單欄位,透過「繫結參考」屬性新增資料繫結:
-
開啟欄位屬性
- 選取要繫結的表單欄位
- 開啟屬性面板
-
設定繫結參考
- 前往「繫結參考」屬性
- 按一下「瀏覽」圖示
-
選取資料元素
- 從「選取繫結參考」精靈中的資料來源樹狀結構選擇。
- 選擇所需的資料元素並按一下「選取」
-
確認繫結
- 表單欄位現在與資料元素繫結
- 繫結出現在「繫結參考」屬性中
確認整合
完成整合後:
- 測試資料繫結:確認表單欄位顯示正確的資料
- 驗證提交:確保資料儲存到所設定的來源
- 檢查錯誤處理:使用無效資料情境進行測試
後續步驟
設定提交動作以完成您的表單工作流程。