建立最適化表單(基礎元件)

上次更新: 2023-12-05
  • 建立對象:
  • Beginner
    User
    Developer
版本 文章連結
AEM 6.5 按一下這裡
AEM as a Cloud Service 本文章

Adobe 建議使用新式且可擴充的資料擷取核心元件,用來建立新的最適化表單將最適化表單新增到 AEM Sites 頁面。這些元件代表最適化表單建立方面的重大進步,可確保令人印象深刻的使用者體驗。本文會介紹使用基礎元件編寫最適化表單的舊方法。

最適化表單可讓您建立吸引人、回應式、動態且最適化的表單。AEM Forms為商業使用者提供好用的精靈,以便快速撰寫最適化Forms。 此精靈具有快速的標籤導覽,可輕鬆選取預先設定的範本、樣式、欄位和提交選項,以建立最適化表單。

開始之前,請先了解您可以使用的表單元件類型:

  • 最適化Forms核心元件 是標準化的資料擷取元件。 這些元件提供自訂功能、縮短開發時間,並降低數位註冊體驗的維護成本。 開發人員可以輕鬆地自訂這些元件和設計其樣式。Adobe建議使用這些現代且可擴展的元件來開發最適化Forms。

  • 最適化Forms Foundation元件 是傳統(舊)資料擷取元件。 您可以繼續使用這些元件來編輯以現有基礎元件為主的最適化表單。如果您要建立新表單,Adobe建議使用 最適化Forms核心元件 以建立最適化Forms。

建立最適化表單的精靈

先決條件

您必須符合以下條件才能建立最適化表單:

  • 權限:將您的使用者新增到 forms-users,以便為他們提供建立最適化表單的權限。如需特定使用者群組的表單詳細清單,請參閱 群組與許可權.

  • 最適化表單主題:主題包含元件和面板的樣式詳細資料。樣式包括背景顏色、狀態顏色、透明度、對齊方式和大小等屬性。套用主題時,指定的樣式會反映在對應的元件上。您可以 建立主題匯入現有主題. 您也可以針對一些範例主題部署最新的原型版本

  • 最適化表單範本:此範本會提供基本結構並定義最適化表單的外觀 (版面和樣式)。其中具有包含特定屬性和內容結構的預先格式化元件。它也會提供定義主題和提交動作的選項。主題會定義外觀,而提交動作會定義提交最適化表單時要採取的動作。例如,將所收集的資料傳送到資料來源。雲端服務支援兩種類型的範本:

    • 可編輯的範本:您可以 建立匯入現有的可編輯範本. 您也可以部署最新的原型版本以取得一些可編輯範本範例。

    • 靜態範本:這些是舊範本,建議僅用於從 Adobe Managed Services (AMS) 和內部部署 AEM Forms 安裝 (AEM 6.5 Forms 或更早版本) 移轉的客戶。這些範本可讓您繼續使用對靜態範本的現有投資。建立最適化表單時,請使用可編輯的範本。

建立最適化表單(基礎元件)

  1. 存取 Experience Manager Forms 作者執行個體;可以是 Cloud 執行個體或本機開發執行個體。

  2. 在 Experience Manager 登入頁面上輸入您的認證。

    登入後,在左上角選取「 」 Adobe Experience Manager > Forms > Forms與檔案.

  3. 選取 建立 > 最適化Forms. 此時會開啟精靈。

  4. 在「來源」標籤中,選取一個範本:

    • 選取可編輯範本時,系統會自動選取範本中指定的主題和提交動作,且「建立」按鈕已啟用。您可以前往「樣式」或「提交」標籤,選取不同的主題或提交動作。如果選取的可編輯範本並未指定主題,則「建立」按鈕將維持停用狀態。您可以前往「樣式」標籤以手動選取主題。

      注意

      您也可以使用最適化表單編輯器建立「記錄文件」範本。如需更多資訊,請參閱最適化表單編輯器中的記錄文件支援

    • 選取靜態範本時,無法使用資料、樣式、提交、傳遞和預覽選項。建立最適化表單時,請使用可編輯的範本。

  5. 在「樣式」標籤中,選取一個主題:

    • 所選取的範本指定主題時,就會在精靈中自動選取該主題。您也可以從「樣式」標籤中選擇不同的主題。
    • 如果選取的範本未指定主題,您可以使用「樣式」標籤選擇主題。只有在選取主題之後,「建立」按鈕才會啟用。
  6. (選用) 在「資料」標籤中,選取一個資料模型:

    • 表單資料模型表單資料模型可讓您將來自分散資料來源的實體和服務整合到最適化表單。如果您建立的最適化表單是對多個資料來源擷取和寫入資料,請選擇「表單資料模型」。

    • JSON 結構描述JSON 結構描述代表組織內後端系統產生或使用之資料的結構。您可以將結構描述與最適化表單建立關聯,並使用其元素將動態內容新增到最適化表單。編寫Adaptive Forms時,可在內容瀏覽器的「資料模型物件」索引標籤中使用結構描述的元素,所有欄位也會新增到已建立的Adaptive Form。

    系統預設會選取資料模型的所有欄位。建立最適化表單時,所有選取的資料模型欄位都會轉換成對應的最適化表單元件。精靈會為您提供核取方塊,以便您只選取要在最適化表單中包含哪些欄位。

  7. 在「提交」標籤中,選取提交動作:

    • 您選取範本後,系統會自動選取範本中指定的提交動作。您可以從「提交」標籤選取不同的提交動作。「提交」標籤會顯示所有可用的提交動作。

    • 所選取的範本未指定提交動作時,您可以使用「提交」標籤選取提交動作

  8. (選用) 在「傳遞」標籤中,您可以為最適化表單指定發佈或取消發佈日期。

  9. 選擇 建立。此時會顯示一個對話框,以指定標題、名稱和儲存最適化表單的位置:

    • 標題:​指定表單的顯示名稱。標題有助於在 Experience Manager Forms 使用者介面中識別表單。
    • 名稱:​指定表單的名稱。存放庫中會建立具有指定名稱的節點。您開始輸入標題時,就會自動產生名稱欄位的值。您可以變更建議的值。名稱欄位只能包含字母數字字元、連字號和底線。所有無效的輸入都會以連字號取代。
    • 路徑:​指定最適化表單的儲存位置。您可以將最適化表單直接儲存在 /content/dam/formsanddocuments,或建立一個資料夾 (例如 /content/dam/formsanddocuments/adaptiveforms) 以儲存最適化表單。要使用路徑中的資料夾之前,請務必先建立該資料夾。「路徑:」欄位不會自動建立資料夾。
  10. 選擇 建立。此時已建立最適化表單,並在最適化表單編輯器中開啟。編輯器會顯示範本中可用的內容,它也會顯示側邊欄,以根據需求自訂建立的表單。

    視最適化表單的類型而定,出現在相關聯 JSON 結構描述或表單資料模型中的表單元素,會顯示在側邊欄「內容瀏覽器」的「資料模型物件」標籤中。您也可以拖放這些元素以建置自己的最適化表單。

編輯最適化表單的表單模型屬性

您可以變更最適化表單 (JSON 型或表單資料模型) 的表單模型。您無法從一種表單模型變更為另一種表單模型。

  1. 選取最適化表單,然後選取 屬性 圖示。

  2. 開啟「表單模型」標籤,並執行以下其中一項操作。

    • 如果最適化表單沒有表單模型,您可以選擇另一個表單模型,並依此選取 XML 或 JSON 結構描述,或表單資料模型。
    • 如果最適化表單是以表單模型為基礎,您可以選擇另一個 XML 或 JSON 結構描述,或相同表單模型的表單資料模型。
  3. 選取 儲存 以儲存屬性。

您也可以從最適化表單編輯器或最適化表單範本編輯器修改表單模型屬性。

  1. 選取「最適化表單容器 (根)」元件。

  2. 按一下 設定圖示 圖示以開啟最適化表單容器的「屬性」。

  3. 選取「資料模型」標籤,並執行以下其中一項操作:

    • 如果最適化表單沒有表單模型,您可以選擇一個表單模型,並依此選取 XML 或 JSON 結構描述,或表單資料模型。
    • 如果最適化表單是以表單模型為主,則無法變更表單模型。您可以選擇另一個 XML 或 JSON 結構描述,或依適用情況選擇相同表單模型的表單資料模型。
  4. 選取 儲存 以儲存屬性。

FDM-Schema-Support

注意

您也可以將自適應表單另存為範本。 如需更多資訊,請參閱使用最適化表單建立範本

另請參閱

此頁面上的