13~14장 스프링부트

1.페이지들의 공통 분모

 

2.공통된부분 컴포넌트화 하기

 

2-1 헤더 푸터 어사이드 같은경우 컴포넌트화 시켜 부품으로 사용가능

2-2 헤더 푸터는 모든페이지적용 어사이드는 페이지따라 다를수도있음

 

 

3.페이지 구조화하기

3-1 Header,Footer->AdminsAside,AdminVisual->AdminList,Detail

                       ->CustomerAside-,CustomerVisual>CustomerList,Detail

 

3-2 최종페이지는 총 4개,Aside는 2종류 Header,Footer는 모두 적용

 

3-3 페이지마다 변경하는곳 제외 나머지 모두 합체시켜서 레이아웃을 만듬

 

3-4 최종결과는 레이아웃+ 내용

 

 

4.페이지 구조화의 장점

 

 

5.Tiles를 사용하여 레이아웃 합쳐두기

<!DOCTYPE tiles-definitions PUBLIC
       "-//Apache Software Foundation//DTD Tiles Configuration 3.0//EN"
       "http://tiles.apache.org/dtds/tiles-config_3_0.dtd">
<tiles-definitions>
  <definition name="myapp.homepage" template="/layouts/classic.jsp">
    <put-attribute name="title" value="Tiles tutorial homepage" />
    <put-attribute name="header" value="/tiles/banner.jsp" />
    <put-attribute name="menu" value="/tiles/common_menu.jsp" />
    <put-attribute name="body" value="/tiles/home_body.jsp" />
    <put-attribute name="footer" value="/tiles/credits.jsp" />
  </definition>
</tiles-definitions>

 

6.TilesViewResolver 설정하기

 

 

6-1 컨트롤러 반환에 따라 ViewResolver를 다르게 사용하기

 

7.Tiles지시서 작성하기

 

 

 

7-1 컨트롤러->디스패쳐->타일뷰리졸버->요청받은 주소로 레이아웃접근->Layout = Main+ETC