전자정부 tiles 세팅

bakim17·2018년 12월 21일
0

1. eGovFrame Web Project 프로젝트 생성

image.png

2. Generate Example 클릭

image.png

3. 프로젝트 생성 완료

image.png

4. pom.xml 수정

파일 위치는 네비게이터에서 프로젝트 제일 하단!
image.png

image.png

상단에 19번째줄쯤 properties 부분에
<org.apache.tiles-version>2.2.2</org.apache.tiles-version> 를 아래와 같이 추가 합니다.

중간 115번째 줄쯤 <groupId>org.hsqldb</groupId> 디펜던시 아래 부분부터
tiles관련 디펜던시를 추가 합니다.
결국 <dependencies>....</dependencies> 사이에 추가 하는 것입니다.

이 다음 부분에 아래의 디펜던시를 추가 한다.

${org.apache.tiles-version} 이 부분에 2.2.2가 들어가는 것입니다.

5. dispatcher-servlet.xml 수정

src > main > webapp > WEB-INF > config > egovframework > springmvc > dispatcher-servlet.xml
image.png

47번째 줄쯤 아래와 같은 코드가 있습니다. order=1order=2 로 변경합시다.

그리고 저 구문 상단에 아래의 내용을 추가 합시다.

하단에 order=2 로 변경된 구문이 있겠지요?

결국 jsp를 2순위로 쓰고 tiles를 /WEB-INF/tiles/default-layout.xml 이 xml파일 기준으로 1순위로 쓰겠다라는 설정을 한것입니다.

6. tiles폴더를 생성! default-layout.xml 파일 작성!

src > main > webapp > WEB-INF > tiles > default-layout.xml

image.png

tiles 폴더를 WEB-INF 아래 생성합니다.

image.png

tiles 폴더 아래 default-layout.xml 파일을 생성합니다.

image.png

작성하기 전에 먼저 기존에 퍼블리싱된 html 파일의 구조를 먼저 파악한다.

  • 헤더 : tiles_header
  • 메뉴 : tiles_nav
  • 컨텐츠 : tiles_content

이렇게 3가지 구조로 나누어 보았다.

7. default-layouts.jsp 파일 작성!

image.png

cmmn폴더 마우스 우클릭으로 생성해도 되고 단축키 ctrl + N을 사용해도 된다.

image.png

image.png

<tiles:insertAttribute name="xxxxx"/> 해당 파일의 소스가 타일 처럼 붙여지는 것이다!

8. default-header.jsp 파일 작성!

9. default-nav.jsp 파일 작성!

10. main.jsp 파일 작성!

11. index.jsp 파일 수정

src > main > webapp > index.jsp
image.png

main.do를 호출하도록 수정 해준다.

12. MainController.java 파일 생성

example 폴더 아래 main 폴더를 생성
main 폴더 아래 web 폴더를 생성
web 폴더에 MainController.java 파일을 생성

src > main > java > egovframework > example > main > web > MainController.java

image.png

profile
안녕하세요. 마리임니당.

2개의 댓글

comment-user-thumbnail
2018년 12월 28일
답글 달기
comment-user-thumbnail
2018년 12월 30일

아주 중요한건 아니지만
첫번째 그림에서
Group Id 는 com.company
형식으로 쓰는게 맞습니다^^

답글 달기