AEM Forms 작업 공간 사용자 정의에 대한 일반 단계 generic-steps-for-aem-forms-workspace-customization
사용자 정의를 수행하는 일반 단계는 다음과 같습니다.
-
에 액세스하여 CRXDE Lite에 로그인
https://'[server]:[port]'/lc/crx/de/index.jsp
. -
만들기
sling:Folder
이름이 지정된 폴더ws
위치:/apps
: 존재하지 않는 경우입니다. 을(를) 만들려면sling:Folder
폴더를 마우스 오른쪽 단추로 클릭하고apps
폴더 및 선택 만들기 > 노드 만들기. 이름을 다음으로 지정ws
, 다음으로 유형 선택sling:Folder
, 및 클릭 확인. 모두 저장 을 클릭합니다. -
다음으로 이동
/apps/ws
로 이동한 다음 액세스 제어 탭. -
다음 항목 선택 저장소 옵션을 선택합니다. 다음에서 액세스 제어 목록, 클릭 + 항목을 추가합니다. 클릭 + 다시.
-
검색 및 선택 PERM_WORKSPACE_USER 교장 선생님
-
제공
jcr:read
사용자 권한. -
모두 저장 을 클릭합니다.
-
다음을 복사합니다.
GET.jsp
,index
, 및html.jsp
파일 위치:/libs/ws
폴더 위치:/apps/ws
폴더를 삭제합니다. -
다음을 복사합니다.
/libs/ws/locales
폴더의 폴더/apps/ws
폴더를 삭제합니다. 모두 저장 을 클릭합니다. -
에서 참조 및 상대 경로 업데이트
GET.jsp
파일(아래 참조)을 클릭하고 모두 저장.code language-javascript <meta http-equiv="refresh" content="0;URL='/lc/apps/ws/index.html'" />
-
CSS 사용자 정의에 대해 다음을 수행합니다.
-
다음 위치로 이동
/apps/ws
폴더 및 (이)라는 폴더 만들기css
. -
다음에서
css
폴더, 다음 이름의 파일 만들기newStyle.css
. -
열기
/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 위에 표시된 대로 style.css 항목 뒤에 사용자 정의 CSS 파일의 항목을 배치합니다. -
-
/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>
-
다음 작업을 수행합니다.
-
다음 이름의 폴더 만들기
js
위치:/apps/ws
. 모두 저장 을 클릭합니다. -
다음 이름의 폴더 만들기
libs
위치:/apps/ws/js
. 모두 저장 을 클릭합니다. -
복사
/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
.