AEM Forms工作區自訂的一般步驟

執行任何自訂的一般步驟包括：

1. 通過訪問https://'[server]:[port]'/lc/crx/de/index.jsp登錄到CRXDE Lite。

2. 如果/apps不存在，請在<a2/>上建立名為ws的sling:Folder資料夾。 要建立sling:Folder資料夾，請按一下右鍵apps資料夾，然後選擇「建立​>[!UICONTROL ​建立節點​]」。​指定名稱為ws，選擇類型為sling:Folder，然後按一下​確定。 按一下​保存全部。

3. 瀏覽至/apps/ws，然後瀏覽至​存取控制​標籤。

4. 選擇​Repository​選項。 在​訪問控制​清單中，按一下​+​以添加新條目。 再次按一下​+。

5. 搜索並選擇​PERM_WORKSPACE_USER​承擔者。

   

6. 為承擔者授予jcr:read權限。

7. 按一下​保存全部。

8. 將GET.jsp、index和html.jsp檔案從/libs/ws檔案夾複製至/apps/ws檔案夾。

9. 複製/apps/ws資料夾中的/libs/ws/locales資料夾。 按一下​保存全部。

10. 更新GET.jsp檔案中的參考和相對路徑，如下所示，然後按一下「全部儲存」。​

    <meta http-equiv="refresh" content="0;URL='/lc/apps/ws/index.html'" />
    

11. 請針對CSS自訂執行下列動作：

    1. 導覽至/apps/ws資料夾並建立名為css的新資料夾。

    2. 在css資料夾中，建立名為newStyle.css的新檔案。

    3. 開啟/apps/ws/html.jsp並變更

    <link lang="en" rel="stylesheet" type="text/css" href="css/style.css" />
    <link lang="en" rel="stylesheet" type="text/css" href="css/jquery-ui.css"/>
    

    至

    <link lang="en" rel="stylesheet" type="text/css" href="../../libs/ws/css/style.css" />
    <link lang="en" rel="stylesheet" type="text/css" href="css/newStyle.css" />
    <link lang="en" rel="stylesheet" type="text/css" href="../../libs/ws/css/jquery-ui.css"/>
    

    注意

    將使用者定義的CSS檔案項目置於style.css項目之後，如上所示。

12. 在/apps/ws/html.jsp檔案中，從

    <script data-main="js/main" src="js/libs/require/require.js"></script>
    

    至

    <script data-main="js/main" src="../../libs/ws/js/libs/require/require.js"></script>
    

13. 執行下列動作：

    1. 在/apps/ws建立名為js的資料夾。 按一下​保存全部。

    2. 在/apps/ws/js建立名為libs的資料夾。 按一下​保存全部。

    3. 將/libs/ws/js/libs/jqueryui資料夾複製到/apps/ws/js/libs。 按一下​保存全部。

14. 請針對HTML自訂執行下列動作：

    1. 在/apps/ws/js下，建立名為runtime的資料夾。 按一下​保存全部。

    2. 在/apps/ws/js/runtime下，建立名為templates的資料夾。 按一下​保存全部。

    3. 將/libs/ws/js/main.js複製到/apps/ws/js/main.js。

    4. 將/libs/ws/js/registry.js複製至/apps/ws/js/registry.js。

15. 按一下「全部儲存」、清除快取並重新整理AEM Forms工作區。]​[

    存取URL https://'[server]:[port]'/lc/ws並使用管理員／密碼憑證登入。 瀏覽器會重新導向至https://'[server]:[port]'/lc/apps/ws/index.html。