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

결과.

이것도 살펴보세요!

Vue3: 리액티브 시스템

ref()의 동작 ref() 함수의 동작을 배우려면 리액티브시스템을 이해할 필요가 있다. 리액티브란 변수의 값의 변화에 연동해서 …

답글 남기기

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