샌드박스 응용 프로그램 개발

이제 이 섹션에서는 초기 애플리케이션 섹션에서 템플릿이 설정되고 초기 컨텐츠 섹션에 설정된 초기 페이지가 추가되었으므로 Communities 구성 요소로 작성하는 기능을 포함하는 기초 스크립트를 사용하여 애플리케이션을 개발할 수 있습니다. 이 섹션의 끝에서 웹 사이트가 작동합니다.

기초 페이지 스크립트 사용

재생 페이지 템플릿을 렌더링하는 구성 요소가 추가될 때 생성되는 기본 스크립트는 기초 페이지의 head.jsp 및 로컬 body.jsp를 포함하도록 수정합니다.

슈퍼 리소스 유형

첫 번째 단계는 리소스 수퍼 유형 속성을 /apps/an-scf-sandbox/components/playpage 노드에 추가하여 수퍼 유형의 스크립트와 속성을 상속합니다.

CRXDE Lite 사용:

이름: sling:resourceSuperType
유형: String
값: foundation/components/page

녹색 [+] 추가를 클릭합니다.
모두 저장 클릭

chlimage_1-231

헤드 및 본문 스크립트

CRXDE Lite 탐색기 창에서 /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

<%--

    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을(를) 오버레이할 필요가 없지만 기초 스크립트 body.jsp이(가) 비어 있습니다.

작성을 위해 설정하려면 로컬 스크립트로 body.jsp을 오버레이하고 본문에 단락 시스템(parsys)을 포함하십시오.
1. /apps/an-scf-sandbox/components 로 이동합니다.
2. playpage노드 선택
3. 마우스 오른쪽 단추를 클릭하고 Create > Create File... 선택
  - 이름:body.jsp
4. 모두 저장 클릭
/apps/an-scf-sandbox/components/playpage/body.jsp 을 열고 다음 텍스트에 붙여넣습니다.
```
<%--

    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>
```
모두 저장 클릭