JavaServer Faces: Facelets Templates Example

JSF-2.0-Programming-Cookbook 참고

clip_image001

Maven Project 새로 만들 때 maven-archetype-webapp 을 선택

clip_image002

Targeted Runtimes를 Tomcat 7 선택

clip_image003

Pom.xml에 dependency 추가

clip_image004

web.xml에 Faces Servlet 추가(xhtml 확장자)

webapp 폴더 밑에 templates 폴더를 만들어서

clip_image005

header.xhtml

clip_image006

content.xhtml

clip_image007

footer.xhtml 추가.

clip_image008

template.xhtml에서 이 3가지의 화면을 모아줌. ui:insert는 컨텐츠를 삽입하는 것이고 그 내부의 include는 jsp:include와 비슷한 기능을 함. 여러 XHTML 페이지를 재사용할 수 있게 해준다.

clip_image009

방금 만든 template.xhtml을 실질적으로 로드하는 defaultPage.xhtml은 webapp 폴더에 바로 만들어준다.

clip_image010

결과.

clip_image011

content 부분을 커스터마이징하려면 ui:define을 사용한다.

clip_image012

결과.

이것도 살펴보세요!

비밀번호 진단 완료

수많은 웹사이트를 사용하고 있고, 몇 번이고 비밀번호를 털리다 보니, 이젠 거의 모든 웹 사이트의 비밀번호를 …

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 항목은 *(으)로 표시합니다