Forms Portal元件

AEM Forms提供下列立即可用的入口網站元件:

搜尋與清單製作者:此元件可讓您從表單存放庫將表單列示到入口網站頁面,並提供組態選項以根據指定條件列出表單。

草稿和提交:搜尋&清單元件會顯示由Forms作者公開的表單,而草稿和提交元件會顯示儲存為草稿以供稍後完成和提交表單的表單。 此元件可為任何登入使用者提供個人化體驗。

連結:此元件可讓您在頁面上的任何位置建立表單的連結。

啟用Forms Portal元件

啟動IntelliJ並開啟在先前步驟中建立的BankingApplication專案。展開ui.apps->src->main->content->jcr_root->apps.bankingapplication->components

若要在Adobe Experience Manager (AEM)網站中使用任何核心元件(包括現成可用的入口網站元件),您必須建立Proxy元件並為您的網站啟用它。
新建立的Proxy元件需要指向現成可用的表單元件,以便繼承元件的一切。 變更Proxy元件content.xml中的resourceSuperType即可完成這項作業。 在content.xml中,我們也會指定標題和元件群組。

NOTE
您可以從這裡🔗為這些元件中的每一個建構資源超級型別

草稿和提交

製作現有元件的復本(例如button),並將其命名為​ draftsandsubmissions
draftsandsubmissions
.content.xml中的內容取代為下列XML:

<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:sling="http://sling.apache.org/jcr/sling/1.0" xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0"
          jcr:primaryType="cq:Component"
          jcr:title="Drafts And Submissions"
          sling:resourceSuperType="core/fd/components/formsportal/draftsandsubmissions/v1/draftsandsubmissions"
          componentGroup="BankingApplication - Content"/>

搜尋和列表器

製作按鈕元件的復本,並將其重新命名為​ searchandlister
.content.xml中的內容取代為下列XML:

<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:sling="http://sling.apache.org/jcr/sling/1.0" xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0"
          jcr:primaryType="cq:Component"
          jcr:title="Search And Lister"
          sling:resourceSuperType="core/fd/components/formsportal/searchlister/v1/searchlister"
          componentGroup="BankingApplication - Content"/>

連結元件

製作按鈕元件的復本,並將其重新命名為​ 連結
.content.xml中的內容取代為下列XML:

<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:sling="http://sling.apache.org/jcr/sling/1.0" xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0"
          jcr:primaryType="cq:Component"
          jcr:title="Link to Adaptive Form"
          sling:resourceSuperType="core/fd/components/formsportal/link/v2/link"
          componentGroup="BankingApplication - Content"/>

部署專案後,您應該就能在AEM頁面中使用這些元件來建立Forms入口網站。

後續步驟

包含雲端服務設定

recommendation-more-help
4859a77c-7971-4ac9-8f5c-4260823c6f69