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

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

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

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

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

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

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

    選擇「PERM_WORKSPACE_USER承擔者」作為定制HTML工作區的一般步驟的一部分

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

  7. 按一下​保存全部

  8. GET.jspindexhtml.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

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now