Spring STEP 7 - Tiles — Developer Story House

728x90

★ 새 프로젝트

- New > Spring Legacy Project > Spring MVC Project > "NonTilesTest" > "com.test.nontiles" > Finish
- New > Spring Legacy Project > Spring MVC Project > "TilesTest" > "com.test.tiles" > Finish

★ Tiles

레이아웃 프레임워크
페이지 레이아웃을 구성하고 관리하는 기술
<@include file="">

■ 구현 기능

- 메인(index.do)
- 회원
	- 회원정보(member/info.do)
    - 활동내역(member/history.do)
    - 즐겨찾기(member/favorite.do)
   
- 관리자
	- 로그(admin/log.do)
    - 환경설정(admin/setting.do)

■ 파일 생성

- "com.test.controller" > "MainController.java"
                    	> "MemberController.java"
                        > "AdminController.java"
                        
- views > "index.jsp"
- views > "member" > "info.jsp"
               	   > "history.jsp"
                   > "favorite.jsp"
- views > "admin"  > "log.jsp"
               	   > "setting.jsp"
- views > "inc" > "main_menu.jsp"
                > "member_menu.jsp"
                > "admin_menu.jsp"
                > "asset.jsp"

■ 의존성 추가 -> pom.xml

<dependency>
   <groupId>org.apache.tiles</groupId>
   <artifactId>tiles-core</artifactId>
   <version>3.0.8</version>
</dependency>

<dependency>
   <groupId>org.apache.tiles</groupId>
   <artifactId>tiles-jsp</artifactId>
   <version>3.0.8</version>
</dependency>

<dependency>
   <groupId>org.apache.tiles</groupId>
   <artifactId>tiles-api</artifactId>
   <version>3.0.8</version>
</dependency>

<dependency>
   <groupId>org.apache.tiles</groupId>
   <artifactId>tiles-servlet</artifactId>
   <version>3.0.8</version>
</dependency>

■ ServletContext.xml -> 추가

<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>

<beans:bean id="tilesConfigurer" class="org.springframework.web.servlet.view.tiles3.TilesConfigurer">
   <beans:property name="definitions">
      <beans:list>
         <beans:value>/WEB-INF/tiles.xml</beans:value>
      </beans:list>
   </beans:property>
</beans:bean>

■ layout을 깔고 -> 바뀌어야 할 부분들을 조각 페이지로 뺀다.

admin.jsp

<%@ page language="java" 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">
<title>Insert title here</title>
<tiles:insertAttribute name="asset"></tiles:insertAttribute>
<style>

</style>
</head>
<body>
	<!--  -->
	<header>
		<h1>Tiles</h1>
		<tiles:insertAttribute name="main_menu"></tiles:insertAttribute>
		<tiles:insertAttribute name="admin_menu"></tiles:insertAttribute>
		
		
	</header>
		
		<tiles:insertAttribute name="content"></tiles:insertAttribute>
	


<script>

</script>
</body>
</html>

member.jsp

<%@ page language="java" 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">
<title>Insert title here</title>
<tiles:insertAttribute name="asset"></tiles:insertAttribute>
<style>

</style>
</head>
<body>
	<!--  -->
	<header>
		<h1>Tiles</h1>
		<tiles:insertAttribute name="main_menu"></tiles:insertAttribute>
		<tiles:insertAttribute name="member_menu"></tiles:insertAttribute>
		
		
	</header>
		
		<tiles:insertAttribute name="content"></tiles:insertAttribute>
	


<script>

</script>
</body>
</html>

test.jsp

<%@ page language="java" 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">
<title>Insert title here</title>
<link rel="stylesheet" href="https://me2.do/5BvBFJ57">
<style>

</style>
</head>
<body>
	<!--  -->
	<h1>TEST</h1>
	
	<tiles:insertAttribute name="menu"></tiles:insertAttribute>
	

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script>

</script>
</body>
</html>

tiles.xml -> definition을 통해 조각페이지 관리 -> 하지만 좋지 않은 방법

<?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>

	<!-- 눈에 보이는 장면 1개 == 화면 1장 == JSP 페이지 -->
	<definition name="test" template="WEB-INF/views/layout/test.jsp">
		<put-attribute name="menu" value="/WEB-INF/views/inc/main_menu.jsp"></put-attribute>
	</definition>
	
	<definition name="info" template="/WEB-INF/views/layout/member.jsp">
		<put-attribute name="asset" value="/WEB-INF/views/inc/asset.jsp"></put-attribute>
		<put-attribute name="main_menu" value="/WEB-INF/views/inc/main_menu.jsp"></put-attribute>
		<put-attribute name="member_menu" value="/WEB-INF/views/inc/member_menu.jsp"></put-attribute>
		<put-attribute name="content" value="/WEB-INF/views/member/info.jsp"></put-attribute>
	</definition>
	
	<definition name="history" template="/WEB-INF/views/layout/member.jsp">
		<put-attribute name="asset" value="/WEB-INF/views/inc/asset.jsp"></put-attribute>
		<put-attribute name="main_menu" value="/WEB-INF/views/inc/main_menu.jsp"></put-attribute>
		<put-attribute name="member_menu" value="/WEB-INF/views/inc/member_menu.jsp"></put-attribute>
		<put-attribute name="content" value="/WEB-INF/views/member/history.jsp"></put-attribute>
	</definition>
	
	<definition name="favorite" template="/WEB-INF/views/layout/member.jsp">
		<put-attribute name="asset" value="/WEB-INF/views/inc/asset.jsp"></put-attribute>
		<put-attribute name="main_menu" value="/WEB-INF/views/inc/main_menu.jsp"></put-attribute>
		<put-attribute name="member_menu" value="/WEB-INF/views/inc/member_menu.jsp"></put-attribute>
		<put-attribute name="content" value="/WEB-INF/views/member/favorite.jsp"></put-attribute>
	</definition>
	
	<definition name="log" template="/WEB-INF/views/layout/admin.jsp">
		<put-attribute name="asset" value="/WEB-INF/views/inc/asset.jsp"></put-attribute>
		<put-attribute name="main_menu" value="/WEB-INF/views/inc/main_menu.jsp"></put-attribute>
		<put-attribute name="admin_menu" value="/WEB-INF/views/inc/admin_menu.jsp"></put-attribute>
		<put-attribute name="content" value="/WEB-INF/views/admin/log.jsp"></put-attribute>
	</definition>
	
	<definition name="setting" template="/WEB-INF/views/layout/admin.jsp">
		<put-attribute name="asset" value="/WEB-INF/views/inc/asset.jsp"></put-attribute>
		<put-attribute name="main_menu" value="/WEB-INF/views/inc/main_menu.jsp"></put-attribute>
		<put-attribute name="admin_menu" value="/WEB-INF/views/inc/admin_menu.jsp"></put-attribute>
		<put-attribute name="content" value="/WEB-INF/views/admin/setting.jsp"></put-attribute>
	</definition>

</tiles-definitions>

tiles.xml -> 좋은 Solution

<definition name="member.*" template="/WEB-INF/views/layout/member.jsp">
    <put-attribute name="asset" value="/WEB-INF/views/inc/asset.jsp"></put-attribute>
    <put-attribute name="main_menu" value="/WEB-INF/views/inc/main_menu.jsp"></put-attribute>
    <put-attribute name="member_menu" value="/WEB-INF/views/inc/member_menu.jsp"></put-attribute>
    <put-attribute name="content" value="/WEB-INF/views/member/{1}.jsp"></put-attribute>
</definition>

 <definition name="admin.*" template="/WEB-INF/views/layout/admin.jsp">
    <put-attribute name="asset" value="/WEB-INF/views/inc/asset.jsp"></put-attribute>
    <put-attribute name="main_menu" value="/WEB-INF/views/inc/main_menu.jsp"></put-attribute>
    <put-attribute name="admin_menu" value="/WEB-INF/views/inc/admin_menu.jsp"></put-attribute>
    <put-attribute name="content" value="/WEB-INF/views/admin/{1}.jsp"></put-attribute>
</definition>

tiles.xml -> 더 좋은 Solution

<definition name="*.*" template="/WEB-INF/views/layout/layout.jsp">
    <put-attribute name="asset" value="/WEB-INF/views/inc/asset.jsp"></put-attribute>
    <put-attribute name="main_menu" value="/WEB-INF/views/inc/main_menu.jsp"></put-attribute>
    <put-attribute name="sub_menu" value="/WEB-INF/views/inc/{1}_menu.jsp"></put-attribute>
    <put-attribute name="content" value="/WEB-INF/views/member/{2}.jsp"></put-attribute>
</definition>

■ Controller

AdminController.java

@Controller
@RequestMapping("/admin")
public class AdminController {
	
	@GetMapping("/log.do")
	public String log() {
		
		return "admin.log";
	}
	
	@GetMapping("/setting.do")
	public String setting() {
		
		return "admin.setting";
	}
	
}

MainController.java

@Controller
public class MainController {
	
	@GetMapping("/index.do")
	public String index() {
		
		//TilesViewResolver > 아래의 문자열 > <definition>의 name 속성 값으로 인식
		
		return "index";
	}
}

MemberController.java

@Controller
@RequestMapping("/member")
public class MemberController {

	@GetMapping("/info.do")
	public String info() {
		
		
		return "member.info";
	}
	
	@GetMapping("/history.do")
	public String history() {
		
		
		return "member.history";
	}
	
	@GetMapping("/favorite.do")
	public String favorite() {
		
		
		return "member.favorite";
	}
	
}

728x90

'Spring' 카테고리의 다른 글

Spring STEP 9 - AOP (0)	2023.06.19
Spring STEP 8 - 파일 업로드 (0)	2023.06.19
Spring STEP 6 - MyBatis 활용 게시판 만들기 (0)	2023.06.16
Spring STEP 5 - MyBatis 응용 (1)	2023.06.15
Spring STEP 4 - Spring MVC (0)	2023.06.14

내 블로그 - 관리자 홈 전환	`Q` `Q`
새 글 쓰기	`W` `W`

글 수정 (권한 있는 경우)	`E` `E`
댓글 영역으로 이동	`C` `C`

이 페이지의 URL 복사	`S` `S`
맨 위로 이동	`T` `T`
티스토리 홈 이동	`H` `H`
단축키 안내	`Shift` + `/` `⇧` + `/`

Spring STEP 7 - Tiles

'Spring' 카테고리의 다른 글

'Spring' 카테고리의 다른 글

티스토리툴바

단축키

내 블로그

블로그 게시글

모든 영역