[Spring]Tiles

[Spring] Tiles

  • 뷰페이지의 jsp들을 상단, 사이드, 메인, 하단을 설정 상태로 include 처리해주는 구조의 템플릿
  • 리가 아는 JSP Include와 비슷하지만, Tiles는 레이아웃 템플릿 엔진으로 레이아웃을 구성하는데 좀 더 세분화되고 관리하기 쉬워 유지보수에 용이

pom.xml에 라이브러리 추가

	<!-- Tiles  -->
		 <!-- https://mvnrepository.com/artifact/org.apache.tiles/tiles-extras -->
		<dependency>
		    <groupId>org.apache.tiles</groupId>
		    <artifactId>tiles-extras</artifactId>
		    <version>3.0.8</version>
		</dependency>
		 
		 <!-- https://mvnrepository.com/artifact/org.apache.tiles/tiles-servlet -->
		<dependency>
		    <groupId>org.apache.tiles</groupId>
		    <artifactId>tiles-servlet</artifactId>
		    <version>3.0.8</version>
		</dependency>
		 
		 <!-- https://mvnrepository.com/artifact/org.apache.tiles/tiles-jsp -->
		<dependency>
		    <groupId>org.apache.tiles</groupId>
		    <artifactId>tiles-jsp</artifactId>
		    <version>3.0.8</version>
		</dependency>

servlet-context.xml 설정

  • order란 파라미터를 통해 tiles 작동 후 ViewResolver가 작동한다.
  • tiles가 우선순위가 되도록 order의 value=1로 (중요)
<!--  Tiles -->
	<beans:bean id="tilesConfigurer" class="org.springframework.web.servlet.view.tiles3.TilesConfigurer">
		<beans:property name="definitions" >
			<beans:list>
				<beans:value>/WEB-INF/spring/tiles-config.xml</beans:value>
			</beans:list>
		</beans:property>
	</beans:bean>
	
	<beans:bean id="tilesViewResolver" class="org.springframework.web.servlet.view.UrlBasedViewResolver">
		<beans:property name="viewClass" value="org.springframework.web.servlet.view.tiles3.TilesView" />
		<beans:property name="order" value="1" />
	</beans:bean>
	
	<context:component-scan base-package="kr.or.ddit" />
	
	<!-- 첨부파일을 처리하는 빈 설정 -->
   <beans:bean id="multipartResolver" class="org.springframework.web.multipart.support.StandardServletMultipartResolver">
   
   </beans:bean>

/WEB-INF/spring/tiles-config.xml에 definition 설정

  • servlet-context.xml을 추가했으면 beans:value에 처리한 tiles-config.xml을 생성하고 설정
  • tiles-config.xml에서는 상단, 사이드, 바닥 메인으로 사용할 템플릿 등을 설정
  • definition에서 name은 변수처럼 사용할 이름을 지정하고 template은 사용할 jsp를 지정. 그 내부에는 따라오는 헤더, 사이드, 바닥 jsp들을 처리하고 마찬가지로 name은 사용할 이름 value에는 실제로 들어갈 jsp를 입력
  • index.jsp을 메인으로 사용하고 각각 header sidebar, footer부분을 영역별로 사용할것이다.
  • name에서 볼 수 있듯이* / *는 아래 body의 value에서 1,2에 해당하며controller에서 1,2를 설정한다.

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE tiles-definitions PUBLIC
"-//Apache Software Foundation//DTD Tiles Configuration 3.0//EN"
"http://tiles.apache.org/dtds/tiles-config_3_0.dtd">

<!-- tiles 설정  -->
<tiles-definitions>
	<!-- main layout 설정  -->
	<definition name="tiles-layout" template="/WEB-INF/views/tiles/index.jsp">
		<put-attribute name="header" value="/WEB-INF/views/tiles/header.jsp" />
		<put-attribute name="aside" value="/WEB-INF/views/tiles/aside.jsp" />
		<put-attribute name="body" value="" />
		<put-attribute name="footer" value="/WEB-INF/views/tiles/footer.jsp" />
	</definition>
	
	<definition name="*/*" extends="tiles-layout">
		<put-attribute name="body" value="/WEB-INF/views/{1}/{2}.jsp" />
	</definition>
</tiles-definitions>

views/tiles/footer,header,side,tiles-layout jsp 만들기

JSP들 소스 수정과 CSS들을 입력하여 동작하는지 확인

좋은 웹페이지 즐겨찾기