執行任何自訂的一般步驟包括:
通過訪問https://'[server]:[port]'/lc/crx/de/index.jsp
登錄到CRXDE Lite。
如果/apps
不存在,請在<a2/>上建立名為ws
的sling:Folder
資料夾。 要建立sling:Folder
資料夾,請按一下右鍵apps
資料夾,然後選擇「建立>[!UICONTROL 建立節點]」。指定名稱為ws
,選擇類型為sling:Folder
,然後按一下確定。 按一下保存全部。
瀏覽至/apps/ws
,然後瀏覽至存取控制標籤。
選擇Repository選項。 在訪問控制清單中,按一下+以添加新條目。 再次按一下+。
搜索並選擇PERM_WORKSPACE_USER承擔者。
為承擔者授予jcr:read
權限。
按一下保存全部。
將GET.jsp
、index
和html.jsp
檔案從/libs/ws
檔案夾複製至/apps/ws
檔案夾。
複製/apps/ws
資料夾中的/libs/ws/locales
資料夾。 按一下保存全部。
更新GET.jsp
檔案中的參考和相對路徑,如下所示,然後按一下「全部儲存」。
<meta http-equiv="refresh" content="0;URL='/lc/apps/ws/index.html'" />
請針對CSS自訂執行下列動作:
導覽至/apps/ws
資料夾並建立名為css
的新資料夾。
在css
資料夾中,建立名為newStyle.css
的新檔案。
開啟/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項目之後,如上所示。
在/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>
執行下列動作:
在/apps/ws
建立名為js
的資料夾。 按一下保存全部。
在/apps/ws/js
建立名為libs
的資料夾。 按一下保存全部。
將/libs/ws/js/libs/jqueryui
資料夾複製到/apps/ws/js/libs
。 按一下保存全部。
請針對HTML自訂執行下列動作:
在/apps/ws/js
下,建立名為runtime
的資料夾。 按一下保存全部。
在/apps/ws/js/runtime
下,建立名為templates
的資料夾。 按一下保存全部。
將/libs/ws/js/main.js
複製到/apps/ws/js/main.js
。
將/libs/ws/js/registry.js複製至/apps/ws/js/registry.js
。
按一下「全部儲存」、清除快取並重新整理AEM Forms工作區。][
存取URL https://'[server]:[port]'/lc/ws
並使用管理員/密碼憑證登入。 瀏覽器會重新導向至https://'[server]:[port]'/lc/apps/ws/index.html
。