建立HTML5表單的自訂設定檔

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

config.jsp

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

toolbar.jsp

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

formBody.jsp

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

nav_footer.jsp

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

footer.jsp

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

建立自訂設定檔

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

建立設定檔節點

1. 導覽至CRX DE介面的URL： https://'[server]:[port]'/crx/de 並使用管理員認證登入介面。

2. 在左窗格中，導覽至該位置 /content/xfaforms/profiles.

3. 複製節點預設值，並將節點貼到不同的資料夾(/content/profiles)名稱 hrform.

4. 選取新節點， hrform，並新增字串屬性： sling：resourceType 含值： hrform/demo.

5. 按一下工具列功能表中的「儲存全部」以儲存變更。

建立設定檔轉譯器指令碼

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

1. 在左窗格中，導覽至 /apps 資料夾。

2. 用滑鼠右鍵按一下 /apps 資料夾並選擇以名稱建立資料夾 hrform.

3. 內部人員 hrform 資料夾建立名為的資料夾 示範.

4. 按一下 全部儲存 按鈕。

5. 瀏覽至 /libs/xfaforms/profile/html.jsp 並複製節點 html.jsp.

6. 貼上 html.jsp 將節點移入 /apps/hrform/demo 上面建立的相同名稱資料夾 html.jsp 並按一下 儲存.

7. 如果您有任何其他設定檔指令碼元件，請依照步驟1-6複製/apps/hrform/demo資料夾中的元件。

8. 若要確認設定檔已建立，請開啟URL https://'[server]:[port]'/content/xfaforms/profiles/hrform.html

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