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: 프로젝트 폴더/파일 구성, ESLint

새로 만든 Vue 프로젝트의 폴더/파일 구성 폴더/파일내용.vscodeVisual Studio용 설정 파일dist배포용 파일 세트를 저장node_modules라이브러리를 저장public웹으로 공개할 …

답글 남기기

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