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

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

1. 透過存取登入CRXDE Lite https://'[server]:[port]'/lc/crx/de/index.jsp.

2. 建立 sling:Folder 已命名的資料夾 ws 在 /apps，如果它不存在。 若要建立 sling:Folder 資料夾，用滑鼠右鍵按一下 apps 資料夾並選取 建立 > 建立節點. 將名稱指定為 ws，選擇型別 sling:Folder，然後按一下 確定. 按一下​「儲存全部」。

3. 瀏覽至 /apps/ws，並導覽至 存取控制 標籤。

4. 選取 存放庫 選項。 在 存取控制 清單，按一下 + 以新增專案。 按一下 + 再來一次。

5. 搜尋並選取 PERM_WORKSPACE_USER 主體。

   

6. 授予 jcr:read 主體許可權。

7. 按一下​「儲存全部」。

8. 複製 GET.jsp， index、和 html.jsp 檔案來自 /libs/ws 資料夾至 /apps/ws 資料夾。

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

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. 建立名為的資料夾 js 在 /apps/ws. 按一下​「儲存全部」。

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

    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.