[Spring] tiles 간단 사용법

sooonlog 2023. 2. 6. 22:44

2023. 2. 6. 22:44

🙌잘못된 설명에 대한 지적이나 조언의 댓글을 환영합니다🙌

tiles란

View page로 제공하는 jsp 파일의 중복되는 요소를 페이지 조각으로 나누어 관리하도록 돕는 템플릿 구성 프레임워크

https://tiles.apache.org/framework/index.html

Apache Tiles - Framework - Home

tiles.apache.org

tiles의 간단 사용법

프로젝트에서 tiles를 사용하기 위해서는 pom.xml 파일에서 maven dependency를 가장 먼저 추가한다.

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

그 다음 Servlet-Context.xml 파일에서 tiles bean 생성이 가능하도록 viewResolver와 Configurer를 설정한다.

- viewResolver: tiles template으로 설정된 파일을 찾아서 렌더링 해주는 역할

<!-- Tiles 뷰 리졸버 -->
	<beans:bean id="tielsViewResolver"
		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>
	<!-- Tiles 설정 파일 -->
	<beans:bean id="tilesConfigurer"
		class="org.springframework.web.servlet.view.tiles3.TilesConfigurer">
		<beans:property name="definitions">
			<beans:list>
				<beans:value>/WEB-INF/tiles/tiles.xml</beans:value>
			</beans:list>
		</beans:property>
	</beans:bean>

세번째로는 tiles.xml가 필요하다. 위에서 선언한대로 /WEB-INF/tiles/tiles.xml 위치에 xml파일을 추가한다.

<?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-definitions>
    <definition name="classic" template="/WEB-INF/tiles/layouts/classic.jsp">
    	<put-attribute name="TopMenu" value="/WEB-INF/tiles/components/TopMenu.jsp" />
        <put-attribute name="SideBar" value="/WEB-INF/tiles/components/NewSideBar.jsp" />
    </definition>
    <definition name="*/*" extends="classic">
        <put-attribute name="content" value="/WEB-INF/views/{1}/{2}.jsp" />
    </definition>
</tiles-definitions>

위 예제의 classic.jsp처럼 layout용 jsp 파일을 생성한다.

tiles.xml 에서 put-attribute한 name으로 template용 jsp 파일 안에 tiles:insertAttribute하면 템플릿의 코드와 insert된 코드가 함께 렌더링 되어 화면에 표시된다.

<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<html>
<head>
  <link href="css/common.css" rel="stylesheet">
  <title>project titles</title>
</head>
<body>
  <tiles:insertAttribute name="SideBar" />
  <tiles:insertAttribute name="TopMenu" />
  <tiles:insertAttribute name="content" />
</body>
</html>

Reference

https://tiles.apache.org/framework/index.html

'FE' 카테고리의 다른 글

[HTML] Spring boot 프로젝트에서 favicon 설정 (0)	2023.01.28
[JS] 타입은 왜 중요한가 (feat. TypeScript의 필요성) (0)	2022.06.22
[HTML] 다양한 접근성 속성 (0)	2022.03.18
[JS스터디] 27장 배열 (0)	2022.03.12
[JS 스터디] 9장 타입 변환과 단축 평가, 10장 객체 리터럴 (0)	2022.03.05

sooonlog