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

AEM Forms入口網站元件概述

在典型的以表單為中心的門戶部署情形中，表單開發和門戶開發是兩個不相關的活動。 表單設計人員在存放庫中設計和儲存表單時，網頁開發人員會建立網頁應用程式來列出表單並處理表單提交作業。 Forms會複製到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謂詞​元件組下：

搜索和清單

Search & Lister元件可讓您將表單從表單存放庫清單至入口網站頁面，並提供設定選項，讓您根據指定的條件列出表單。 它也可讓您指定搜尋條件，讓您的入口網站使用者能夠在表單清單中進行搜尋。

草稿和提交

Search & Lister元件顯示由Forms作者公開的表單，而Drafts & Submissions元件則顯示儲存為草稿的表單，以供稍後完成已提交的表單。 此元件可為任何登入的使用者提供個人化體驗。

「連結」元件可讓您建立表單的連結，該連結位於頁面上任何位置。 假設您提供培訓計畫，並且希望用戶提交表單以註冊培訓。 您已在您的網站上發佈了計畫詳細資訊。 在詳細資訊下方，您想要提供註冊表單的連結。 連結元件可協助您建立該連結。

Forms Portal Workflow

Forms入口網站可讓您將表單從表單存放庫清單至入口網站頁面。 它也可讓您指定搜尋條件，讓您的入口網站使用者能夠在表單清單中進行搜尋。 您也可以使用「草稿與提交」元件來顯示儲存為草稿的表單，以便日後完成提交的表單。 您必須先執行一組特定操作，這些功能才能在Sites頁面上使用。 依照所列順序執行步驟，讓元件和各自功能可在網站頁面上使用：

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

  2. 在頁面上列出表單（建立表單入口網頁）: 您可以在AEM Sites和非AEM網站頁面上列出表單。清單包含發佈執行個體上可用的表單。 使用者可以開啟表單並開始填寫。 每當用戶開啟表單時，都會建立表單的新實例：

    1. AEM Sites頁面上的表單:將「搜 尋與清 單」元件新增至頁面，並設定「清 單 面板」以列出頁面上的表單。將​搜索窗格​元件添加並配置到​搜索和清單​元件，以便向頁面添加搜索功能。 具有表單入口元件的頁面稱為表單入口頁面。
    2. 在非AEM Sites頁面上列出表單： 使用表 單入口 網站搜尋API，在非AEM Sites頁面上查詢、擷取和列出表單。

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

    若要讓已提交的最適化表單顯示在提交索引標籤中，請將​Submit action​設為​Forms Portal Submit Action。 或者，啟用Forms Portal提交選項。每當使用者提交表單時，表單就會新增至提交索引標籤。

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

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

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

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

本頁內容