샌드박스 애플리케이션 개발 develop-sandbox-application
이제 이 섹션에서 초기 애플리케이션 섹션 및 초기 컨텐츠 섹션에서 Communities 구성 요소로 작성할 수 있는 기능을 포함한 기초 스크립트를 사용하여 응용 프로그램을 개발할 수 있습니다. 이 섹션의 끝에서 웹 사이트가 작동합니다.
기초 페이지 스크립트 사용 using-foundation-page-scripts
재생 페이지 템플릿을 렌더링하는 구성 요소가 추가될 때 생성되는 기본 스크립트는 기초 페이지의 head.jsp 및 로컬 body.jsp를 포함하도록 수정합니다.
슈퍼 리소스 유형 super-resource-type
첫 번째 단계는 리소스 슈퍼 유형 속성을 /apps/an-scf-sandbox/components/playpage
노드가 수퍼 형식의 스크립트 및 속성을 상속하도록 합니다.
CRXDE Lite 사용:
- 이름:
sling:resourceSuperType
- 유형:
String
- 값:
foundation/components/page
- 녹색 클릭 [+] 추가
- 클릭 모두 저장
헤드 및 본문 스크립트 head-and-body-scripts
- in CRXDE Lite 탐색기 창에서
/apps/an-scf-sandbox/components/playpage
파일을 두 번 클릭합니다.playpage.jsp
편집 창에서 엽니다.
/apps/an-scf-sandbox/components/playpage/playpage.jsp apps-an-scf-sandbox-components-playpage-playpage-jsp
<%--
An SCF Sandbox Play Component component.
This is the component which renders content for An SCF Sandbox page.
--%><%
%><%@include file="/libs/foundation/global.jsp"%><%
%><%@page session="false" %><%
%><%
// TODO add your code here
%>
-
열려 있는 스크립트 태그를 알고 있으면 " // TODO …"를 바꿉니다. 의 헤드 및 바디 부분에 대한 스크립트 포함 <html>.
슈퍼 유형
foundation/components/page
과 같은 폴더에 정의되지 않은 스크립트는 의 스크립트로 확인됩니다/apps/foundation/components/page
폴더(있는 경우), 다른 폴더 및/libs/foundation/components/page
폴더를 입력합니다.
/apps/an-scf-sandbox/components/playpage/playpage.jsp apps-an-scf-sandbox-components-playpage-playpage-jsp-1
<%--
An SCF Sandbox Play Component component: playpage.jsp
This is the component which renders content for An SCF Sandbox page.
--%><%
%><%@include file="/libs/foundation/global.jsp"%><%
%><%@page session="false" %>
<html>
<cq:include script="head.jsp"/>
<cq:include script="body.jsp"/>
</html>
-
기본 스크립트
head.jsp
오버레이할 필요는 없지만 foundation 스크립트는body.jsp
가 비어 있습니다.작성을 위해 설정하려면 오버레이를 오버레이하십시오
body.jsp
로컬 스크립트와 함께 본문에 단락 시스템(parsys)을 포함합니다.-
이동
/apps/an-scf-sandbox/components
-
선택
playpage
노드 -
마우스 오른쪽 버튼으로 클릭하고
Create > Create File...
- 이름: body.jsp
-
클릭 모두 저장
열기
/apps/an-scf-sandbox/components/playpage/body.jsp
다음 텍스트에 붙여넣습니다.code language-xml <%-- An SCF Sandbox Play Component component: body.jsp This is the component which renders content for An SCF Sandbox page. --%><% %><%@include file="/libs/foundation/global.jsp"%><% %><%@page session="false" %> <body> <h2>Community Play</h2> <cq:include path="par" resourceType="foundation/components/parsys" /> </body>
-
-
클릭 모두 저장
브라우저에서 페이지를 편집 모드로 봅니다.
- 표준 UI:
http://localhost:4502/editor.html/content/an-scf-sandbox/en/play.html
머리글이 표시되는 것은 아닙니다 커뮤니티 재생 하지만 페이지 컨텐츠를 편집할 UI도 있습니다.
자산/구성 요소 사이드 패널은 사이드 패널이 모두 전환되고 사이드 컨텐츠와 페이지 컨텐츠가 모두 표시될 만큼 창 너비가 충분할 때 표시됩니다.
- 클래식 UI:
http://localhost:4502/cf#/content/an-scf-sandbox/en/play.html
다음은 컨텐츠 파인더(cf)와 함께 재생 페이지가 클래식 UI에 표시되는 방식입니다.
커뮤니티 구성 요소 communities-components
작성을 위해 커뮤니티 구성 요소를 활성화하려면 다음 지침에 따라 시작하십시오.
이 샌드박스의 목적은 다음 시작하기 커뮤니티 구성 요소(상자를 선택하여 사용):
- 댓글
- 포럼
- 등급
- 리뷰
- 리뷰 요약(표시)
- 투표
또한 일반 다음과 같은 구성 요소
- 이미지
- 표
- 텍스트
- 제목 (Foundation)
components
속성/etc/designs/an-scf-sandbox/jcr:content/playpage/par
노드 아래에 있어야 합니다.랜딩 페이지 landing-page
다국어 환경에서는 루트 페이지에 기본 언어를 결정하기 위해 클라이언트의 요청을 구문 분석하는 스크립트가 포함됩니다.
이 간단한 예에서는 루트 페이지가 영어 페이지로 리디렉션되도록 정적으로 설정되고, 이 페이지는 나중에 재생 페이지에 대한 링크가 있는 기본 랜딩 페이지가 될 수 있습니다.
브라우저 URL을 루트 페이지로 변경합니다. http://localhost:4502/editor.html/content/an-scf-sandbox.html
-
페이지 정보 아이콘을 선택합니다
-
선택 속성 열기
-
고급 탭에서 다음을 수행합니다
- 리디렉션 항목의 경우 다음 위치로 이동합니다. 웹 사이트 > SCF 샌드박스 사이트 > SCF 샌드박스
- 확인 을 클릭합니다
-
확인 을 클릭합니다
사이트가 게시되면 게시 인스턴스의 루트 페이지로 이동하면 영어 페이지로 리디렉션됩니다.
커뮤니티 SCF 구성 요소로 재생하기 전의 마지막 단계는 클라이언트 라이브러리 폴더(clientlibs) 를 추가하는 것입니다… ⇒