AEM Forms工作區自訂的一般步驟 generic-steps-for-aem-forms-workspace-customization

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

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

  2. /apps建立名為wssling:Folder資料夾(如果不存在)。 若要建立sling:Folder資料夾,請在apps資料夾上按一下滑鼠右鍵,然後選取​ 建立 > 建立節點。 將名稱指定為ws,選取型別為sling:Folder,然後按一下​ 確定。 按一下​ 「儲存全部」

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

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

  5. 搜尋並選取​ PERM_WORKSPACE_USER ​主體。

    選取PERM_WORKSPACE_USER主體作為自訂HTMLWorkspace的一般步驟的一部分

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

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

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

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

  10. 更新GET.jsp檔案中的參照和相對路徑,如下所示,然後按一下[儲存全部]。

    code language-javascript
    <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並變更來源

    code language-javascript
    <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"/>
    

    code language-javascript
    <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"/>
    
    note note
    NOTE
    將使用者定義的CSS檔案專案放在style.css專案之後,如上所示。
  12. 在/apps/ws/html.jsp檔案中,從

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

    code language-jsp
    <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

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2