Spring Tiles

tabi·2023년 6월 29일

목록 보기

4/15

Tiles를 활용해 하나로 합쳐진 jsp 파일을 분리해 모듈화 시켜보자.

1. tiles 사용하기

tiles 의존모듈 추가
apache tiles 접속해 maven dependency 추가
pom.xml에 추가

<properties>
<org.apache.tiles-version>3.0.8</org.apache.tiles-version>
</properties>

<dependencies>
  		<!-- NL 5. Tiles -->
      <dependency>
           <groupId>org.apache.tiles</groupId>
           <artifactId>tiles-extras</artifactId>
           <version>${org.apache.tiles-version}</version>
      </dependency>
         <dependency>
            <groupId>org.apache.tiles</groupId>
            <artifactId>tiles-core</artifactId>
            <version>${org.apache.tiles-version}</version>
          </dependency>  
          <dependency>
            <groupId>org.apache.tiles</groupId>
            <artifactId>tiles-servlet</artifactId>
            <version>${org.apache.tiles-version}</version>
          </dependency>
          <dependency>
            <groupId>org.apache.tiles</groupId>
            <artifactId>tiles-jsp</artifactId>
            <version>${org.apache.tiles-version}</version>
          </dependency>   
</dependencies>

summary 확인 가능
servlet-context.xml
- tiles 사용을 위해 viewResolver 설정

<?xml version="1.0" encoding="UTF-8"?>
<beans:beans xmlns="http://www.springframework.org/schema/mvc"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xmlns:beans="http://www.springframework.org/schema/beans"
	xmlns:context="http://www.springframework.org/schema/context"
	xsi:schemaLocation="http://www.springframework.org/schema/mvc https://www.springframework.org/schema/mvc/spring-mvc.xsd
		http://www.springframework.org/schema/beans https://www.springframework.org/schema/beans/spring-beans.xsd
		http://www.springframework.org/schema/context https://www.springframework.org/schema/context/spring-context.xsd">

	<!-- DispatcherServlet Context: defines this servlet's request-processing infrastructure -->
	
	<!-- Enables the Spring MVC @Controller programming model -->
	<annotation-driven />

	<!-- Handles HTTP GET requests for /resources/** by efficiently serving up static resources in the ${webappRoot}/resources directory -->
	<resources mapping="/resources/**" location="/resources/" />

	
	<context:component-scan base-package="org.doit.ik" />
	
	<!-- 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>
	
	<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:property>
	</beans:bean>
	
	
		<!-- Resolves views selected for rendering by @Controllers to .jsp resources in the /WEB-INF/views directory -->
	<beans:bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
		<beans:property name="prefix" value="/WEB-INF/views/" />
		<beans:property name="suffix" value=".jsp" />
		<beans:property name="order" value="2" />
	</beans:bean>
	
</beans:beans>

HomeController.java 코드 수정

package org.doit.ik;

import java.text.DateFormat;
import java.util.Date;
import java.util.Locale;

import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;

@Controller
public class HomeController {
	
	private static final Logger logger = LoggerFactory.getLogger(HomeController.class);
	
	@RequestMapping(value = "/", method = RequestMethod.GET)
	public String home(Locale locale, Model model) {
		logger.info("Welcome home! The client locale is {}.", locale);
		
		Date date = new Date();
		DateFormat dateFormat = DateFormat.getDateTimeInstance(DateFormat.LONG, DateFormat.LONG, locale);
		
		String formattedDate = dateFormat.format(date);
		
		model.addAttribute("serverTime", formattedDate ); //getAttribute와 동일한 의미
		
		return "home.tiles"; //이름은 원하는대로 줘도 된다.
		//이렇게 호출하게 되면 타일을 어떻게 붙일 지는 tiles.xml에서 정의해주면된다.
	}	
}

tiles.xml 추가
- tile을 어떻게 붙일 지 여기서 정의한다.

<?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="/WEB-INF/views/layout/template.jsp">
		<put-attribute name="header" value="/WEB-INF/views/layout/header.jsp"/>
		<put-attribute name="footer" value="/WEB-INF/views/layout/footer.jsp"/>
	</definition>
	
	<!-- home.tiles -->
	<definition name = "*.tiles" extends="base">
		<put-attribute name="nav" value="/WEB-INF/views/city/layout/nav.jsp"/>
		<put-attribute name="article" value="/WEB-INF/views/{1}.jsp"/>
	</definition>
	
	
	<!-- city/london.tiles -->
	<definition name = "*/*.tiles" extends="base">
		<put-attribute name="nav" value="/WEB-INF/views/city/layout/nav.jsp"/>
		<put-attribute name="article" value="/WEB-INF/views/{1}/{2}.jsp"/>
	</definition>
	
</tiles-definitions>

template.jsp 추가

<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Insert title here</title>
<link rel="shortcut icon" type="image/x-icon" href="../images/SiSt.ico">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> 
<link rel="stylesheet" href="/resources/cdn-main/example.css">
<script src="/resources/cdn-main/example.js"></script>
</head>
<body> 
<tiles:insertAttribute name = "header"/> <!-- tiles.xml에 있는 header 이름(name)을 넣어준다. -->
<!-- include header -->

<section>
<tiles:insertAttribute name = "nav"/>
<!-- include nav -->
<tiles:insertAttribute name = "article"/>
<!-- include article -->
 
</section>
<tiles:insertAttribute name = "footer"/>
<!-- include footer -->

</body>
</html>

CityController.java

package org.doit.ik;

import java.text.DateFormat;
import java.util.Date;
import java.util.Locale;

import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;

import lombok.extern.log4j.Log4j;

@Controller
@Log4j
public class CityController {
	
	@GetMapping("city/london")
	public String london() {
		log.info("> CityController. london GET 방식으로 요청");
		return "city/london.tiles";
	}
	
	@GetMapping("city/paris")
	public String paris() {
		log.info("> CityController. paris GET 방식으로 요청");
		return "city/paris.tiles";
	}
	
	@GetMapping("city/tokyo")
	public String tokyo() {
		log.info("> CityController. tokyo GET 방식으로 요청");
		return "city/tokyo.tiles";
	}	
}

nav.jsp 수정

<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  <nav>
    <ul>
      <li><a href="/city/london">London</a></li>
      <li><a href="/city/paris">Paris</a></li>
      <li><a href="/city/tokyo">Tokyo</a></li>
    </ul>
  </nav>

2. Tiles

페이지 모듈화(집중화): header, footer, 왼쪽 메뉴 등 공통적으로 사용하는 것들을 잘라내는 작업

3. Tile로 바꾸기 실습

servlet-context.xml에 Tiles 사용 위해 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>
	
	<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:property>
	</beans:bean>
	
	
		<!-- Resolves views selected for rendering by @Controllers to .jsp resources in the /WEB-INF/views directory -->
	<beans:bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
		<beans:property name="prefix" value="/WEB-INF/views/" />
		<beans:property name="suffix" value=".jsp" />
		<beans:property name="order" value="2" />
	</beans:bean>

WEB-INF 밑에 tiles 폴더, tiles.xml 추가
페이지 모듈화(집중화)

webapp 밑에 inc 폴더 생성(모든 페이지에서 공통으로 사용할 모듈(header.jsp, footer.jsp, layout.jsp) 저장)
customer에 맞는 inc 폴더 생성
joinus에 맞는 inc 폴더 생성

Controller 수정(return문)

HomeController
return문에 있는 view name은 jsp가 아니라 tiles에 있는 주소여야 한다.

tiles.xml 세팅

tabi

개발 공부중

이전 포스트

Spring XML/JSON 변환 처리

다음 포스트

Spring Tiles

Spring

1. tiles 사용하기

2. Tiles

3. Tile로 바꾸기 실습

Spring XML/JSON 변환 처리

Spring 트랜잭션

0개의 댓글