在入口網站上發佈表單簡介 introduction-to-publishing-forms-on-a-portal

版本
文章連結
AEM as a Cloud Service
按一下這裡
AEM 6.5
本文章

AEM Forms入口網站元件概觀 aem-forms-portal-components-overview

在以表單為中心的典型入口網站部署情境中,表單開發和入口網站開發是兩個分離的活動。 當表單設計人員將表單設計和儲存在存放庫時,網頁開發人員會建立網站應用程式以列出表單並處理表單提交。 Forms會複製到Web層,因為Forms存放庫和Web應用程式之間沒有通訊。

這類案例通常會導致管理問題和生產延遲。 例如,如果儲存庫中有較新的表單版本,您必須取代Web層上的表單、修改Web應用程式,以及在公用網站上重新部署表單。 重新部署Web應用程式可能會造成伺服器停機時間。 通常伺服器停機時間是計畫的活動,因此變更無法即時推送至公用網站。

AEM Forms提供入口網站元件,可減少管理間接成本及生產延遲。 這些元件讓網頁開發人員能夠在使用Forms (AEM)編寫的網站上建立和自訂Adobe Experience Manager入口網站。

AEM Forms入口網站

表單入口網站元件可讓您新增下列功能:

  • 以自訂版面配置列出表單。 隨附現成的「清單」檢視、「卡片」檢視和「面板」檢視配置。 您可以建立自己的自訂版面配置。
  • 可讓您在列出自訂中繼資料和自訂動作時顯示它們。
  • 列出由AEM Forms UI在使用Forms Portal元件的發佈執行個體上發佈的表單。
  • 允許一般使用者以HTML和PDF格式轉譯表單。
  • 使用自訂HTML設定檔來轉譯表單。
  • 啟用根據各種條件(例如表單屬性、中繼資料和標籤)來搜尋表單。
  • 將表單資料提交至servlet。
  • 使用自訂CSS來自訂入口網站的外觀。
  • 建立表單連結。
  • 列出一般使用者建立的最適化表單相關的草稿和提交內容。

可用的AEM Forms Portal元件 available-aem-forms-portal-components

AEM Forms提供下列現成的入口網站元件,這些元件群組在​ 檔案服務 ​和​ 檔案服務述詞 ​元件群組下:

搜尋與清單製作者 search-amp-lister

「搜尋與清單程式」元件可讓您從表單存放庫將表單列出到入口網站頁面,並提供設定選項,以根據指定條件列出表單。 它也可讓您指定搜尋條件,讓入口網站使用者在表單清單中進行搜尋。

草稿和提交 drafts-amp-submissions

雖然「搜尋並製表」元件會顯示由Forms作者公開的表單,但「草稿並提交」元件會顯示儲存為草稿以供稍後完成及提交表單的表單。 此元件可為任何登入使用者提供個人化體驗。

連結元件可讓您在頁面上的任何位置建立表單的連結。 假設您提供訓練計畫,且希望使用者提交表格以註冊訓練。 您已在您的網站上張貼方案詳細資料。 在詳細資訊下方,您想要提供登錄檔單的連結。 連結元件可協助您建立該連結。

Forms入口網站工作流程 forms-portal-workflow

Forms入口網站可讓您將表單從表單存放庫列出到您的入口網站頁面。 它也可讓您指定搜尋條件,讓入口網站使用者在表單清單中進行搜尋。 您也可以使用草稿和提交元件來顯示儲存為草稿的表單,以供稍後完成和提交表單。 您可以在Sites頁面上提供這些功能之前,先執行特定的一組作業。 依照列出的順序執行步驟,讓元件和個別功能在網站頁面上可用:

  1. 啟用Forms Portal元件:現成可用的Forms Portal元件無法使用。 為AEM Sites頁面啟用AEM sidekick中的元件。

  2. 在頁面上列出表單(建立Forms入口網站頁面): ​您可以在AEM Sites和非AEM網站頁面上列出表單。 此清單包含發佈執行個體上可用的表單。 使用者可以開啟表單並開始填寫這些表單。 每當使用者開啟表單時,就會建立表單的新例項:

    1. 在AEM Sites頁面上列出表單:將​ Search & Lister ​元件新增至頁面,並在其中設定​ List Pane,以列出頁面上的表單。 將​ Search Pane ​元件新增並設定到​ Search & Lister ​元件,也可將搜尋功能新增到頁面。 包含Forms Portal元件的頁面稱為Forms Portal頁面

    2. 在非AEM Sites頁面上列出表單: ​使用Forms入口網站搜尋API在非AEM Sites頁面上查詢、擷取和列出表單。

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

    若要讓提交的最適化表單出現在提交索引標籤中,請將​ 提交動作 ​設定為​ Forms入口網站提交動作 ​或者,啟用Forms入口網站提交選項。 每當使用者提交表單時,該表單都會新增到提交索引標籤。

  4. 設定草稿與已提交表單資料的儲存空間: ​依預設,草稿與提交資料會儲存在AEM存放庫中。 在生產環境中,建議不要將草稿或提交的表單資料儲存在AEM存放庫中。 設定Forms Portal元件,將資料儲存至安全位置

  5. (選用)自訂Forms Portal元件: 自訂Forms Portal頁面範本,為元件提供獨特的外觀。

  6. (選擇性)新增自訂中繼資料至表單: 新增自訂中繼資料至表單以改善清單和搜尋體驗。

  7. Publish Forms Portal頁面: ​您的Forms Portal頁面現已準備就緒。 Publish頁面。

相關的文章 related-articles

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2