建立HTML5表單的自訂設定檔 creating-a-custom-profile-for-html-forms

Last update: Thu Dec 21 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

主題：
HTML5 Forms

設定檔是中的資源節點 Apache Sling. 它代表HTML5表單轉譯服務的自訂版本。您可以使用HTML5表單轉譯服務來自訂HTML5表單的外觀、行為和互動。設定檔節點存在於中 /content JCR存放庫中的資料夾。您可以將節點直接放在 /content 資料夾或任何子資料夾 /content 資料夾。

設定檔節點具有 sling：resourceSuperType 屬性且預設值為 xfaforms/profile. 節點的轉譯器指令碼位於/libs/xfaforms/profile。

Sling指令碼是JSP指令碼。這些JSP指令碼可當作容器，用來將請求表單的HTML與必要的JS / CSS成品放在一起。這些Sling指令碼也稱為 設定檔轉譯器指令碼. 設定檔轉譯器會呼叫Forms OSGi服務來轉譯請求的表單。

針對GET和POST要求，設定檔指令碼位於html.jsp和html.POST.jsp中。您可以複製和修改一或多個檔案，以覆寫和新增自訂。請勿進行任何就地變更，修補程式更新會覆寫此類變更。

設定檔包含各種模組。這些模組是formRuntime.jsp、config.jsp、toolbar.jsp、formBody.jsp、nav_footer.jsp和footer.jsp。

formRuntime.jsp formruntime-jsp-br

formRuntime.jsp模組包含使用者端程式庫的參照。它也會說明從要求中擷取地區設定資訊的方法，並在要求中包含當地語系化的訊息。您可以在formRuntime.jsp中包含自己的customJavaScript程式庫或樣式。

config.jsp config-jsp

config.jsp模組包含各種設定，例如記錄、Proxy服務和行為版本。您可以將自己的設定和Widget自訂新增到config.jsp模組。您也可以將設定（例如自訂Widget註冊）新增到config.jsp模組。

toolbar.jsp toolbar-jsp

toolbar.jsp包含建立彩色工具列的程式碼。若要移除工具列，請從HTML.jsp中移除toolbar.jsp

formBody.jsp formbody-jsp

formBody.jsp模組用於XFA表單的HTML表示。

最初，HTML5表單只會呈現表單的第一頁。當使用者捲動表單時，則會載入其餘表單。這可讓載入體驗更快。 nav_footer.jsp元件包含所有樣式和必要元素，以便在捲動時載入頁面。

footer.jsp footer-jsp

footer.jsp模組是空的。它可讓您新增僅用於使用者互動的指令碼。

建立自訂設定檔 creating-custom-profiles

若要建立自訂設定檔，請執行下列步驟：

建立設定檔節點 create-profile-node

導覽至CRX DE介面的URL： https://'[server]:[port]'/crx/de 並使用管理員認證登入介面。
在左窗格中，導覽至該位置 /content/xfaforms/profiles.
複製節點預設值，並將節點貼到不同的資料夾(/content/profiles)名稱 hrform.
選取新節點， hrform，並新增字串屬性： sling：resourceType 含值： hrform/demo.
按一下工具列功能表中的「儲存全部」以儲存變更。

建立設定檔轉譯器指令碼 create-the-profile-renderer-script

建立自訂設定檔後，將轉譯器資訊新增到此設定檔。在收到新設定檔的請求時，CRX會驗證/apps資料夾是否存在要轉譯的JSP頁面。在/apps資料夾中建立JSP頁面。

在左窗格中，導覽至 /apps 資料夾。
用滑鼠右鍵按一下 /apps 資料夾並選擇以名稱建立資料夾 hrform.
內部人員 hrform 資料夾建立名為的資料夾示範.
按一下 全部儲存 按鈕。
瀏覽至 /libs/xfaforms/profile/html.jsp 並複製節點 html.jsp.
貼上 html.jsp 將節點移入 /apps/hrform/demo 上面建立的相同名稱資料夾 html.jsp 並按一下儲存.
如果您有任何其他設定檔指令碼元件，請依照步驟1-6複製/apps/hrform/demo資料夾中的元件。
若要確認設定檔已建立，請開啟URL https://'[server]:[port]'/content/xfaforms/profiles/hrform.html

若要驗證您的表單，匯入您的表單從您的本機檔案系統移至AEM Forms和預覽表單在AEM伺服器編寫執行個體上。

recommendation-more-help

19ffd973-7af2-44d0-84b5-d547b0dffee2