[Spring] tiles

seonjeong·2023년 2월 28일

목록 보기

9/27

💖 tiles

웹 페이지의 상단이나 하단 메뉴와 같이 반복적으로 사용되는 부분들에 대한 코드를 분리해서 한 곳에서 관리할 수 있게 해주는 프레임워크

🔥 라이브러리 추가

<dependency>
  <groupId>org.apache.tiles</groupId>
  <artifactId>tiles-api</artifactId>
  <version>3.0.7</version>
</dependency>
<dependency>
  <groupId>org.apache.tiles</groupId>
  <artifactId>tiles-core</artifactId>
  <version>3.0.7</version>
</dependency>
<dependency>
  <groupId>org.apache.tiles</groupId>
  <artifactId>tiles-jsp</artifactId>
  <version>3.0.7</version>
</dependency>
<dependency>
  <groupId>org.apache.tiles</groupId>
  <artifactId>tiles-servlet</artifactId>
  <version>3.0.7</version>
</dependency>
<dependency>
  <groupId>org.apache.tiles</groupId>
  <artifactId>tiles-template</artifactId>
  <version>3.0.7</version>
</dependency>
<dependency>
  <groupId>org.apache.tiles</groupId>
  <artifactId>tiles-autotag-core-runtime</artifactId>
  <version>1.1.0</version>
</dependency>
<dependency>
  <groupId>org.apache.tiles</groupId>
  <artifactId>tiles-request-api</artifactId>
  <version>1.0.6</version>
</dependency>
<dependency>
  <groupId>org.apache.tiles</groupId>
  <artifactId>tiles-request-jsp</artifactId>
  <version>1.0.6</version>
</dependency>
<dependency>
  <groupId>org.apache.tiles</groupId>
  <artifactId>tiles-request-servlet</artifactId>
  <version>1.0.6</version>
</dependency>

🔥 Spring 환경설정

🧾 servlet-context

<!-- tiles 설정 --> 
<bean id="tilesConfigurer" class="org.springframework.web.servlet.view.tiles3.TilesConfigurer">
  <property name="definitions">
    <list>
      <value>/WEB-INF/views/layouts.xml</value>
    </list>
  </property>
</bean>

<bean id="viewResolver" class="org.springframework.web.servlet.view.UrlBasedViewResolver">
  <property name="requestContextAttribute" value="requestContext"/>
  <property name="viewClass" value="org.springframework.web.servlet.view.tiles3.TilesView"/>
</bean>

🔥 webapp - layouts.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="login" template="/WEB-INF/views/layout-tiles.jsp">
	<put-attribute name="header" value="/WEB-INF/views/header.jsp" />
	<put-attribute name="menu" value="/WEB-INF/views/login/menu.jsp" />
	<put-attribute name="content" value="/WEB-INF/views/login/content.jsp" />
	<put-attribute name="empty" value="/WEB-INF/views/empty.jsp" />
	<put-attribute name="footer" value="/WEB-INF/views/footer.jsp" />
</definition>

<definition name="bbslist" extends="login">	<!-- 상속받음. 변경된 부분만 변경됨 -->
	<put-attribute name="content" value="/WEB-INF/views/bbs/bbslist.jsp" />
</definition>

<definition name="bbswrite" extends="login">
	<put-attribute name="content" value="/WEB-INF/views/bbs/bbswrite.jsp"></put-attribute>
</definition>

</tiles-definitions>

🔥 views - layout-tiles.jsp 생성

: 이 외에 header.jsp, menu.jsp, content.jsp, empty.jsp, footer.jsp파일들을 생성 후 입력

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
<%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles"%>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

<div align="center">
	<table style="width:1000px; height:600px; border-color: gray;">
		
		<!-- header -->
		<tr align="center" style="background-color: black; color: white;">
			<td colspan="3" style="height: 10%">
				<tiles:insertAttribute name="header"/>
			</td>
		</tr>
		
		<!-- main -->
		<tr>
			<td align="left" valign="top" style="background-color: rgb(204,204,204); width: 20%">
				<tiles:insertAttribute name="menu"/>
			</td>
			<td a>
				<tiles:insertAttribute name="content"/>
			</td>
			<td align="center" style="width: 15%">
				<tiles:insertAttribute name="empty"/>
			</td>
		</tr>
		
		<!-- footer -->	
		<tr align="center" style="background-color: black;color: white;">
			<td colspan="3" style="height: 10%">
				<tiles:insertAttribute name="footer"/>
			</td>
		</tr>
		
	</table>
</div>

</body>
</html>

🔥 Controller

바로 jsp파일로 이동하지 않고 layouts.xml을 거쳐 이동

@Controller
public class MemberController {
	
	@GetMapping(value="login.do")
	public String login() {
		System.out.println("MemberController login() " + new Date());
		
		return "login";
	}
	
	@GetMapping(value="bbslist.do")
	public String bbslist() {
		System.out.println("MemberController bbslist() " + new Date());
		
		return "bbslist";
	}
	
	@GetMapping(value="bbswrite.do")
	public String bbswrite() {
		System.out.println("MemberController bbswrite() " + new Date());
		
		return "bbswrite";
	}
}

seonjeong

🦋개발 공부 기록🦋

이전 포스트

[Spring] AOP (관점 지향 프로그래밍)

다음 포스트

[Spring] tiles

Spring