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

결과.

이것도 살펴보세요!

WSL 개발 환경 설정

WSL로 개발 환경 설정하는 법 https://learn.microsoft.com/ko-kr/windows/wsl/setup/environment 1. 아래 명령으로 WSL을 설치하고, 리눅스 사용자 이름과 암호 …

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다