Maven Spring Project part6. tiles로 화면 분할

💡공부하고있는 maven spring project의 생성/개발과정을 기록하는 공간입니다.
혹시 잘못된 부분이있거나 해주실 말씀이 있다면 언제든 댓글 남겨주세요 😊

TILES로 화면분할!

🌟 tiles.xml

💥 WEB-INF > config > tiles 폴더에 tiles.xml 생성

💥 tiles.xml 상단에 복붙할 코드 찾으로 ㄱㄱ !

💡 참고
https://kjh95.tistory.com/301

💥 https://attic.apache.org/ 클릭 클릭 클릭

💥 tiles 클릭 > tiles.apache.org/ 클릭 > tiles 3.0 Documentation 클릭 > tutorial 클릭 > 3-2 Creating Tiles Pages 클릭

아래 링크 클릭하면 앞부분 생략가능 !!
https://tiles.apache.org/framework/tutorial/basic/pages.html

이부분 복사해서 tiles.xml파일에 붙여넣기

<?xml version="1.0" encoding="ISO-8859-1" ?>
<!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>

🌟 pom.xml에 라이브러리 추가

	<!-- tiles -->
	<dependency>
	    <groupId>org.apache.tiles</groupId>
	    <artifactId>tiles-jsp</artifactId>
	    <version>3.0.8</version>
	</dependency>

	<!-- tiles -->

🌟 dispatcher-servlet에 tiles.xml bean 추가

<!-- tiles -->
     <bean id="tilesViewResolver" class="org.springframework.web.servlet.view.UrlBasedViewResolver">
        <property name="viewClass" value="org.springframework.web.servlet.view.tiles3.TilesView" />
        <property name="order" value="1" /><!-- 순서를 우선으로 지정 -->
    </bean>
     
    <bean id="tilesConfigurer" class="org.springframework.web.servlet.view.tiles3.TilesConfigurer">
        <property name="definitions">
            <list>
                <value>/WEB-INF/config/tiles/tiles.xml</value>
            </list>
        </property>
    </bean>
	<!-- //tiles -->

🌟 tiles.xml value값 변경 / layout, header, footer 생성

💥 화면 구성을 simple하게 header - main - footer 만 놓을꺼기 때문에 value 값 변경 및 layout.jsp, header.jsp, footer.jsp 만들 꺼 !

우선, tiles 폴더에 jsp 파일 세개를 만들어보쟈

👉 layout.jsp

👉 header.jsp , footer.jsp

부트스트랩 이용해서 슝슝 만든 companyList.jsp에서 header / footer 부분만 따로 잘라내서 따로 jsp 만들어주기

👉 tiles.xml value값 변경

💡 전에 만들어둔 view> comp>companyList.jsp를 main으로!
WEB-INF/view/comp/companyList.jsp 이니까

 <definition name="*/*" extends="layout-tiles">
  	<put-attribute name="main" value="/WEB-INF/view/{1}/{2}.jsp"/>
  </definition>

이부분이 성립되는거!
{1} => comp폴더
{2}.jsp => companyList.jsp

🌟 controller.java

서버 실행하기 !

테스트로 만들어본 화면에서도 tiles 설정이 잘 들어가서 헤더/푸터가 잘 붙어 나오는 모습이 확인가능!

하하하항 스프링에 비해서는 타일즈는 설정이 상대적으로 할만하네용! 오류도 안나구 다행다행

🌟 다음작업은..... Spring Security를 이용한 회원가입/로그인 처리!