在AEM Forms Designer中設計表格時,除了預覽表格的PDF轉譯外,您也可以預覽表格的HTML5轉譯。 您可以使用預覽HTML標籤來預覽表單在瀏覽器中的顯示效果。
若要讓設計人員產生XDP表單的HTML預覽,請執行下列設定:
前往OSGi上執行的AEM Forms上的https://'[server]:[port]'/system/console/configMgr
或
https://'[server]:[port]'/lc/system/console/configMgr
在JEE上執行的AEM Forms。
找到並按一下Apache Sling Authentication Service組態,以在編輯模式中開啟它。
視您是在OSGi或JEE上執行AEM Forms而定,請在Authentication Requirements欄位中新增下列項目:
AEM Forms on JEE
OSGi上的AEM Forms
請勿在「驗證要求」欄位中複製並貼上指定的值,因為它可能會損壞值中的特殊字元。 請改為在欄位中輸入指定的值。
在匿名用戶名和匿名用戶密碼欄位中分別指定用戶名和密碼。 指定的認證用於處理匿名驗證並允許匿名用戶訪問。
按一下保存保存配置。
預設情況下,保護模式處於開啟狀態。 讓它在生產環境中保持啟用。 您可以停用它,讓開發環境在設計中預覽HTML5 Forms。 請執行下列步驟以停用它:
以管理員身分登入AEM Web Console。
https://'[server]:[port]'/system/console/configMgr
https://'[server]:[port]'/lc/system/console/configMgr
開啟行動表單組態以進行編輯。
取消選擇保護模式選項,然後按一下保存。
在設計器中,轉至工具 > 選項。
在「選項」窗口中,選擇「伺服器選項」頁,提供以下詳細資訊,然後按一下「確定」。
伺服器URL:AEM Forms伺服器URL。
HTTP埠號:AEM伺服器埠。預設值為4502。
HTML預覽內容: 轉換XFA表單的描述檔路徑。以下預設配置檔案用於在設計器中預覽表單。 不過,您也可以指定自訂描述檔的路徑。
/content/xfaforms/profiles/default.html
(OSGi上的AEM Forms)
/lc/content/xfaforms/profiles/default.html
(AEM Forms on JEE)
Forms Manager上下文: 部署Forms Manager UI的上下文路徑。預設值為:
/aem/forms
(OSGi上的AEM Forms)/lc/forms
(AEM Forms on JEE)請確定AEM Forms伺服器已啟動並正在執行。 HTML預覽會連接至CRX伺服器,以產生預覽。
AEM Forms Designer選項
若要預覽HTML中的表單,請按一下「預覽HTML 」標籤。
若要測試真正的使用者體驗,請在外部瀏覽器(Google Chrome、Microsoft Edge、Mozilla Firefox等)中預覽您的表格。 每個瀏覽器都使用不同的引擎來轉換HTML,因此在設計人員和外部瀏覽器中預覽表單的方式可能會有一些不同。
設計人員可讓您使用範例XML資料來預覽和測試表格。 建議您經常使用範例資料來測試表格,以確保表格能正確呈現。
如果您沒有範例資料,設計人員可以建立它,或者您可以自行建立它。 (請參閱自動產生範例資料以預覽您的表單和建立範例資料以預覽您的表單)。
使用範例資料來源來測試表單,可確保資料和欄位已映射,且重複的子表單會如預期般重複。 您可以建立平衡的表單配置,為每個物件提供適當的空間以顯示合併的資料。
選擇檔案>表單屬性。
按一下「預覽」標籤,然後在「資料檔案」方塊中,輸入測試資料檔案的完整路徑。 您也可以使用「瀏覽」按鈕來導覽至檔案。
按一下「確定」。下次在預覽HTML標籤中預覽表格時,範例XML檔案中的資料值會出現在個別物件中。
在AEM Forms中,您可以在儲存庫中預覽表單和檔案。 預覽功能有助於確切瞭解表單的外觀和行為方式,讓使用者也能使用。