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

결과.

이것도 살펴보세요!

드래곤 볼 × UT 컬렉션: 소년편, 사이어인편 구매

2023년 5월 1일부터 유니클로(Uniqlo)에서 판매중인 드래곤볼 티셔츠를 두 장 구매. 아내에게도 흰색 티셔츠를 한 장 …

답글 남기기

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