在入口網站上發佈表格簡介

AEM Forms Portal元件概觀

在典型的以表單為中心的入口網站部署場景中，表單開發和入口網站開發是兩個不相干的活動。 當表單設計人員在儲存庫中設計和儲存表單時，網頁開發人員會建立網頁應用程式來列出表單並處理表單的提交。 表單會複製到Web層，因為表單儲存庫和Web應用程式之間沒有通信。

這種情況通常會導致管理問題和生產延遲。 例如，如果儲存庫中有較新版本的表單，您需要替換Web層上的表單、修改Web應用程式，以及在公共站點上重新部署表單。 重新部署Web應用程式可能會造成伺服器停機。 通常，伺服器停機是計畫中的活動，因此不能立即將更改推送到公共站點。

AEM Forms提供入口元件，可減少管理開銷和生產延遲。 這些元件讓網頁開發人員能夠在使用Adobe Experience Manager(AEM)製作的網站上建立和自訂表單入口網站。

AEM Forms入口網站

表單入口元件可讓您新增下列功能：

  • 在自訂版面中列出表格。 現成可用的功能包括清單檢視、卡片檢視和面板檢視版面。 您可以建立自己的自訂版面。
  • 可讓您在列出自訂中繼資料和自訂動作時，顯示自訂中繼資料。
  • 列出由AEM Forms UI在使用Forms Portal元件的發佈例項上發佈的表單。
  • 允許使用者以HTML和PDF格式轉換表單。
  • 使用自訂HTML描述檔來轉換表單。
  • 可根據各種條件（例如表單屬性、中繼資料和標籤）來搜尋表單。
  • 將表單資料提交至servlet。
  • 使用自訂CSS來自訂入口網站的外觀和感覺。
  • 建立表單連結。
  • 列出與最終用戶建立的最適化表單相關的草稿和提交。

可用的AEM Forms入口網站元件

AEM Forms提供下列立即可用的入口網站元件，群組在「 Document Services 」和「 ​​Document Services Predicates」元件群組下：

Search & Lister

Search & Lister元件可讓您將表單儲存庫中的表單列在入口網頁上，並提供設定選項，以根據指定的准則來列出表單。 它也可讓您指定搜尋准則，讓您的入口網站使用者可以在表單清單中搜尋。

草稿和提交

當Search & Lister元件顯示由Forms作者公開的表單時，Framts & Submissions元件會顯示儲存為草稿的表單，以供日後填寫及提交的表單。 此元件可為任何登入的使用者提供個人化體驗。

Link元件允許您在頁面上任意位置建立表單的連結。 假設您提供培訓課程，而您希望使用者提交表單以註冊培訓。 在您的網站上，您已張貼了計畫詳細資訊。 在詳細資訊下方，您想要提供註冊表單的連結。 連結元件可協助您建立該連結。

表單入口網站工作流程

Forms Portal可讓您將表單從表單儲存庫清單到您的入口網頁。 它也可讓您指定搜尋准則，讓您的入口網站使用者可以在表單清單中搜尋。 您也可以使用「草稿與提交」元件來顯示儲存為草稿的表單，以供日後完成和提交的表單。 您必須先執行特定的作業集，這些功能才能在「網站」頁面上使用。 執行所列順序中的步驟，讓網站頁面提供元件和各自的功能：

  1. 啟用Forms Portal元件: 現成可用的表單入口元件無法使用。 為AEM Sites頁面啟用AEM Sidekick 的元件。

  2. 列出頁面上的表單（建立表單入口網站頁面）: 您可以在AEM Sites和非AEM Site頁面上列出表單。 清單包含發佈例項上可用的表格。 使用者可以開啟表格並開始填寫這些表格。 每當使用者開啟表格時，就會建立新的表格例項：

    1. 在AEM Sites頁面上列出表單: 將 Search & Lister元件新增至頁面，並設定「清單窗格」 ，以列出頁面上的表單。 將「搜尋窗格 」元件新增並設定至​​​Search & Lister元件，以新增搜尋功能至頁面。 含有表單入口元件的頁面稱為表單入口頁面。
    2. 列出非AEM網站頁面上的表單： 使用表 單入口網站搜尋API ，在非AEM網站頁面上查詢、擷取和列出表單。

  3. 在表單入口網頁上列出草稿和提交的表單: 將「草稿與提交」元件新增及設定至表單入口網站頁面。 元件列出處於草稿狀態的所有表單以及已提交的表單。

    若要啟用已提交的最適化表單，使其顯示在提交標籤中，請將「 提交」動作​設為「表單入口網站提交動作」。​或者，啟用「表單入口網站提交」選項。 每當使用者提交表格時，表格就會新增至提交標籤。

  4. 為草稿和提交的表單資料設定儲存空間： 依預設，草稿和提交資料會儲存在AEM儲存庫中。 在生產環境中，建議您不要將草稿或提交的表單資料儲存在AEM儲存庫中。 設定表單入口元件，將資料儲存至安全位置。

  5. （可選）自訂表單入口元件： 自訂表單入口網頁範本 ，為元件提供獨特的外觀。

  6. （可選）將自訂中繼資料新增至表單： 將自訂中繼資料新增至表單 ，以改善清單和搜尋體驗。

  7. 發佈表單入口網頁： 您的表單入口網頁現已準備就緒。 發佈頁面。

本頁內容