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

注意

AEM 6.4已結束延伸支援，本檔案不再更新。 如需詳細資訊，請參閱 技術支援期. 尋找支援的版本 此處.

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

  1. 透過存取 https://[server]:[port]/lc/crx/de/index.jsp.

  2. 建立名為 wsat /apps，如果不存在。 按一下 全部儲存.

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

  4. 在 存取控制 清單，按一下 + 來添加新條目。 按一下 + 。

  5. 搜尋並選取 PERM_WORKSPACE_USER 校長。

    選取PERM_WORKSPACE_USER主體，作為自訂HTML工作區的一般步驟的一部分

  6. 提供 jcr:read 特權給承擔者。

  7. 按一下 全部儲存.

  8. 複製 GET.jsp 和 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檔案的項目置於newStyle.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. 建立名為 jsat /apps/ws. 按一下 全部儲存.
    2. 建立名為 libsat /apps/ws/js. 按一下 全部儲存.
    3. 建立名為 jqueryuiat /apps/ws/js/libs. 按一下 全部儲存.
    4. 複製 /libs/ws/js/libs/jqueryui/jquery.ui.datepicker-ja.js to /apps/ws/js/libs/jqueryui. 按一下 全部儲存.

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

    1. 在 /apps/ws/js，建立名為 runtime. 按一下 全部儲存.
    2. 在 /apps/ws/js/runtime，建立名為 templates. 按一下 全部儲存.
    3. 複製 /libs/ws/js/main.js to /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.

本頁內容