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

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

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

  2. /apps建立名為ws的資料夾(如果不存在)。 按一下「全部保存」。

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

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

  5. 搜索並選擇​PERM_WORKSPACE_USER​主體。

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

  6. 為主體授予jcr:read權限。

  7. 按一下「全部保存」。

  8. GET.jsphtml.jsp檔案從/libs/ws資料夾複製到/apps/ws資料夾。

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

  10. 更新GET.jsp檔案中的引用和相對路徑,如下所示,然後按一下​Save all

    <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. /apps/ws建立名為js的資料夾。 按一下「全部保存」。
    2. /apps/ws/js建立名為libs的資料夾。 按一下「全部保存」。
    3. /apps/ws/js/libs建立名為jqueryui的資料夾。 按一下「全部保存」。
    4. /libs/ws/js/libs/jqueryui/jquery.ui.datepicker-ja.js複製到/apps/ws/js/libs/jqueryui。 按一下「全部保存」。
  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

本頁內容