중복 코드를 최소화하고 재사용이 용이하게 지원하는 아파치에서 제공하는 프레임워크이다.
jsp에서 사용해왔던 header.jsp 와 footer.jsp 등의 include를 새로운 형태로 페이지에 삽입한다.
1.의존성 라이브러리 3개 추가
<!-- 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>
<!-- 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>
2.servlet-context.xml
<!-- servlet-context.xml-->
<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>
<beans:bean id="tilesConfigurer"
class="org.springframework.web.servlet.view.tiles3.TilesConfigurer">
<beans:property name="definitions" value="/WEB-INF/tiles/tiles.xml"/>
</beans:bean>
baseLayout.jsp
<%@ page contentType="text/html; charset=utf-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles"%>
<html >
<head>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD"
crossorigin="anonymous">
<title><tiles:insertAttribute name="title" /></title>
</head>
<body>
<tiles:insertAttribute name="menu" />
<div class="my-5">
<div class="alert alert-dark mx-5" role="alert">
<div class = "container">
<h1><tiles:insertAttribute name="heading" /></h1>
<tiles:insertAttribute name="subheading" />
</div>
</div>
</div>
<div class="container">
<div class="row" >
<tiles:insertAttribute name="content" />
</div>
<div class="footer">
<tiles:insertAttribute name="footer" />
</div>
</div>
</body>
</html>tiles.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 = "base-Template" template = "/WEB-INF/tiles/layout/baseLayout.jsp">
<put-attribute name = "title" value = "carshop"/>
<put-attribute name = "heading" value = ""/>
<put-attribute name = "subheading" value = ""/>
<put-attribute name = "menu" value = "/WEB-INF/tiles/template/header.jsp"/>
<put-attribute name="content" value = ""/>
<put-attribute name="footer" value = "/WEB-INF/tiles/template/footer.jsp"/>
</definition>
<definition name = "cars" extends="base-Template">
<put-attribute name = "heading" value = "car shop 방문을 환영합니다."/>
<put-attribute name = "subheading" value = "welcome to carshop"/>
<put-attribute name="content" value = "/WEB-INF/views/cars.jsp"/>
</definition>
<definition name = "car" extends="base-Template ">
<put-attribute name = "heading" value = "차량 상세 보기"/>
<put-attribute name="content" value = "/WEB-INF/views/car.jsp"/>
</definition>
</tiles-definitions>
안녕하세요