[실습예제] 레이아웃 설정하기

erp.zip

2.08MB

ktds1.jpg

3.83MB

ktds2.jpg

3.29MB

ktds3.jpg

2.78MB

ktds4.jpg

2.95MB

새로운 Spring MVC Project를 생성하고 첨부된 파일을 추가하여 다음과 같이 프로젝트를 구성합니다.

 

tiles를 이용하면 화면의 레이아웃을 구성하세요. 조건을 보면서 조건에 맞게 처리하셔야 합니다.

 

[템플릿 작성]

 tiles설정 파일에 템플릿 작성합니다.

 1) 첫 화면 템플릿

      - definition템플릿명 : indexTemplate

      - 레이아웃 : /WEB-INF/layout/index.jsp

      - put-attribute명 

        top : /WEB-INF/include/top.jsp

        content : /WEB-INF/include/mainContent.jsp

 

   2) 두 번째 화면 템플릿

      - definition템플릿명 : mainTemplate

      - 레이아웃 : /WEB-INF/layout/mainLayout.jsp

      - put-attribute명 

        top : /WEB-INF/include/top.jsp

        menu : /WEB-INF/menu/pub_menu.jsp

        content : /WEB-INF/emp/login.jsp

[첫 번째 화면]

 

Controller명 : main.IndexController
요청 path명 : /index.do

  - definition명: index

  - extends : indexTemplate

 

[top.jsp에서 "로그인"을 선택하는 경우]

 

Controller명 : main.IndexController
요청 path명 : /emp/login.do
요청 view명 : login

<tiles설정>

  - definition명: login

  - extends : mainTemplate

    

 

[top.jsp에서 "업무관리"를 선택하는 경우]

Controller명 : main.IndexController
요청 path명 : /menu/insa.do
요청 view명 : menu/insa

<tiles설정>

  - definition명: menu/insa

  - extends : mainTemplate

  - put-attribute명 

    menu : /WEB-INF/menu/insa_menu.jsp

    content : /WEB-INF/include/content.jsp

 

[top.jsp에서 "커뮤니티"를 선택하는 경우]

Controller명 : main.IndexController
요청 path명 : /menu/board.do
요청 view명 : menu/board

<tiles설정>

  - definition명: menu/board

  - extends : mainTemplate

  - put-attribute명 

    menu : /WEB-INF/menu/board_menu.jsp

    content : /WEB-INF/board/boardlist.jsp