Tiles를 활용한 게시판 만들기와 Tiles 설정법

tiles란?

웹페이지의 상단, 하단, Header, footer,left  등 반복적으로 사용되는 부분들에 대한

정보를 모아서 관리

반복되는 부분들을 설정파일로 한 번만 설정하고 수정시 설정 파일의 일부만 변경해

모든 tiles페이지에 적용

 

 

(순서)

- pom.xml 에 tiles 관련 dependency 추가

- servlet-context.xml 파일에 타일즈 View Resolver 를 추가

- tiles 관련 설정 xml 추가

- 기본 레이아웃 jsp 추가

 

1.pom.xml에 tiles선언

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
  <modelVersion>4.0.0</modelVersion>
  <groupId>sample10</groupId>
  <artifactId>sample10</artifactId>
  <version>0.0.1-SNAPSHOT</version>
  <packaging>war</packaging>
  <build>
    <plugins>
      <plugin>
        <artifactId>maven-compiler-plugin</artifactId>
        <version>3.8.1</version>
        <configuration>
          <release>15</release>
        </configuration>
      </plugin>
      <plugin>
        <artifactId>maven-war-plugin</artifactId>
        <version>3.2.3</version>
      </plugin>
    </plugins>
     </build>
    
     <dependencies>
				  
					<dependency>
					    <groupId>org.springframework</groupId>
					    <artifactId>spring-webmvc</artifactId>
					    <version>5.3.3</version>
					</dependency>
					
					<dependency>
					    <groupId>log4j</groupId>
					    <artifactId>log4j</artifactId>
					    <version>1.2.17</version>
					</dependency>
					
					<dependency>
					    <groupId>org.slf4j</groupId>
					    <artifactId>slf4j-simple</artifactId>
					    <version>1.7.25</version>	    
					</dependency>
					
					<dependency>
						<groupId>javax.servlet</groupId>
						<artifactId>servlet-api</artifactId>
						<version>2.5</version>
						<scope>provided</scope>
					</dependency>
					<dependency>
						<groupId>javax.servlet.jsp</groupId>
						<artifactId>jsp-api</artifactId>
						<version>2.1</version>
						<scope>provided</scope>
					</dependency>
					<dependency>
						<groupId>javax.servlet</groupId>
						<artifactId>jstl</artifactId>
						<version>1.2</version>
					</dependency>
					
					<!-- 런타임에 동적으로 자바 클래스의 프록시(대리(인))를 생성해주는 기능을 제공한다 -->
					<dependency>
					    <groupId>cglib</groupId>		
					    <artifactId>cglib</artifactId>
					    <version>3.3.0</version>
					</dependency>
					<dependency>
					    <groupId>commons-digester</groupId>
					    <artifactId>commons-digester</artifactId>
					    <version>1.8</version>
					</dependency>
					
					<dependency>
				  		<groupId>commons-logging</groupId>
				  		<artifactId>commons-logging</artifactId>
				  		<version>1.1.3</version>
				  	</dependency>
				  	
				  	<!-- Ajax 사용 설정[jackson] -->
				  	<dependency>
				  		<groupId>org.codehaus.jackson</groupId>	
				  		<artifactId>jackson-core-asl</artifactId>
				  		<version>1.9.12</version>
				  	</dependency>
				  	<dependency>
				  		<groupId>org.codehaus.jackson</groupId>
				  		<artifactId>jackson-mapper-asl</artifactId>
				  		<version>1.9.12</version>
				  	</dependency>
				  	
				  	<!-- 의존성을 추가 --> 
				  	<dependency>
				  		<groupId>javax.inject</groupId>
				  		<artifactId>javax.inject</artifactId>
				  		<version>1</version>
				  	</dependency>
				  	
				  	<!-- JCL(자카르타 커먼스 로깅)을 사용 --> 	
				  	<dependency>
				  		<groupId>org.slf4j</groupId>
				  		<artifactId>jcl-over-slf4j</artifactId>
				  		<version>1.7.30</version>
				  	</dependency>
				
					<!-- XML 파싱 -->
				  	<dependency>
					    <groupId>jdom</groupId>
					    <artifactId>jdom</artifactId>
					    <version>1.0</version>
					</dependency>
					
					<!-- 마이 바티스 스프링 사용시 -->
				  	<dependency>
					    <groupId>org.mybatis</groupId>
					    <artifactId>mybatis-spring</artifactId>
					    <version>2.0.3</version>
					</dependency>
					
				  	<dependency>
					    <groupId>org.mybatis</groupId>
					    <artifactId>mybatis</artifactId>
					    <version>3.5.3</version>
					</dependency>
					
					<!-- 마이 SQL 사용시 -->	
				  	<dependency>
					    <groupId>mysql</groupId>
					    <artifactId>mysql-connector-java</artifactId>
					    <version>8.0.18</version>
					</dependency>
					
					<!-- XML 파싱 -->
				  	<dependency>
					    <groupId>org.jdom</groupId>
					    <artifactId>jdom</artifactId>
					    <version>2.0.1</version>
					</dependency>
				
					<!-- SLF4J API를 사용하도록 -->
				  	<dependency>
				  		<groupId>org.slf4j</groupId>
				  		<artifactId>slf4j-api</artifactId>
				  		<version>1.7.30</version>
				  	</dependency>
				
					<!-- log4j -->
				  	<!-- <dependency>
				  		<groupId>ant</groupId>
				  		<artifactId>ant-apache-log4j</artifactId>
				  		<version>1.9.4</version>
				  	</dependency> -->
				  	
				  	<dependency>
					    <groupId>commons-dbcp</groupId>
					    <artifactId>commons-dbcp</artifactId>
					    <version>1.4</version>
					</dependency>
				  	
				  	<!-- Map을 Bean객체로 바꾸어주는 클래스 -->
				  	<dependency>
				  		<groupId>commons-beanutils</groupId>
				  		<artifactId>commons-beanutils-core</artifactId>
				  		<version>1.8.2</version>
				  	</dependency>
				  	
				  	<!-- DBCP : DB Connection Poll 사용 --> 
				  	<dependency>
				  		<groupId>com.kenai.nbpwr</groupId>
				  		<artifactId>org-apache-commons-dbcp</artifactId>
				  		<version>1.2.2-201002241055</version>
				  		<type>nbm</type>
				  	</dependency>
				  	
				  	<!-- IO 기능 개발을 지원하는 유틸리티 라이브러리  다운안됨 -->
				  	<dependency>
				  		<groupId>org.apache.commons</groupId>
				  		<artifactId>commons-io</artifactId>
				  		<version>1.3.2</version>
				  	</dependency>
				  	
				  	<dependency>
				  		<groupId>org.apache.commons</groupId>
				  		<artifactId>commons-lang3</artifactId>
				  		<version>3.9</version>
				  	</dependency>
				  	
				  	<dependency>
				  		<groupId>org.apache.commons</groupId>
				  		<artifactId>commons-pool2</artifactId>
				  		<version>2.8.0</version>
				  	</dependency>
				  	<dependency>
				  		<groupId>org.slf4j</groupId>
				  		<artifactId>slf4j-log4j12</artifactId>
				  		<version>1.7.30</version>
				  	</dependency>
				  	
				  	<!-- spring -->
					<dependency>
				  		<groupId>org.springframework</groupId>
				  		<artifactId>spring-aop</artifactId>
				  		<version>5.3.3</version>
				  	</dependency>
				  	<dependency>
				  		<groupId>org.springframework</groupId>
				  		<artifactId>spring-beans</artifactId>
				  		<version>5.3.3</version>
				  	</dependency>
				  	<dependency>
				  		<groupId>org.springframework</groupId>
				  		<artifactId>spring-context</artifactId>
				  		<version>5.3.3</version>
				  	</dependency>  	
				  	<dependency>
				  		<groupId>org.springframework</groupId>
				  		<artifactId>spring-context-support</artifactId>
				  		<version>5.3.3</version>
				  	</dependency>  	
				  	<dependency>
				  		<groupId>org.springframework</groupId>
				  		<artifactId>spring-core</artifactId>
				  		<version>5.3.3</version>
				  	</dependency>
				  	<dependency>
				  		<groupId>org.springframework</groupId>
				  		<artifactId>spring-expression</artifactId>
				  		<version>5.3.3</version>
				  	</dependency>
				  	<dependency>
				  		<groupId>org.springframework</groupId>
				  		<artifactId>spring-jdbc</artifactId>
				  		<version>5.3.3</version>
				  	</dependency>
				  	
				  	<dependency>
				  		<groupId>org.springframework</groupId>
				  		<artifactId>spring-orm</artifactId>
				  		<version>5.3.3</version>
				  	</dependency>
				  	<dependency>
				  		<groupId>org.springframework</groupId>
				  		<artifactId>spring-test</artifactId>
				  		<version>5.3.3</version>
				  	</dependency>
				  	<dependency>
				  		<groupId>org.springframework</groupId>
				  		<artifactId>spring-tx</artifactId>
				  		<version>5.3.3</version>
				  	</dependency>
				  	<dependency>
				  		<groupId>org.springframework</groupId>
				  		<artifactId>spring-web</artifactId>
				  		<version>5.3.3</version>
				  	</dependency>
				  	
				  	<!-- Java용 json 라이브러리(XML/YAM/CSV) data-processing 툴 -->
				  	<dependency>
					    <groupId>com.fasterxml.jackson.core</groupId>
					    <artifactId>jackson-core</artifactId>
					    <version>2.10.1</version>
					</dependency>
					
					<dependency>
					    <groupId>com.fasterxml.jackson.core</groupId>
					    <artifactId>jackson-databind</artifactId>
					    <version>2.10.1</version>
					</dependency>
						
					
					
					<dependency>
					    <groupId>org.aspectj</groupId>
					    <artifactId>aspectjweaver</artifactId>
					    <version>1.9.4</version>
					</dependency>
					
					<dependency>
					    <groupId>org.aspectj</groupId>
					    <artifactId>aspectjrt</artifactId>
					    <version>1.9.4</version>
					</dependency>
					
					<!-- oracle -->
					<dependency>
					    <groupId>com.oracle.database.jdbc</groupId>
					    <artifactId>ojdbc6</artifactId>
					    <version>11.2.0.4</version>
					</dependency>
					
					
					<dependency>
					    <groupId>org.json</groupId>
					    <artifactId>json</artifactId>
					    <version>20190722</version>
					</dependency>
					
				  			<!-- 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> 
		  	
  </dependencies>
  
  <repositories>
  	<repository>
		<id>codelds</id>		<!-- ojdbc6 와 함께 추가 -->
		<url>https://code.lds.org/nexus/content/groups/main-repo</url>
	</repository>
</repositories>
  
 
</project>

2.servlet-content에 tiles선언

 

 

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

	<!-- spring MVC annotation(주석문, 지시문)을 사용하기 위한 설정 -->
	<context:annotation-config/>
	
	<!-- viewResolver 설정(사용자의 view의 위치, 확장자명) -->
	<!-- 
	<bean id="viewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
		<property name="prefix" value="/WEB-INF/views/"></property>	views의 경로
		<property name="suffix" value=".jsp"></property>			확장자 명	
	</bean>
 	-->
 
 	<!-- tiles 설정 -->
 	<bean id="tilesConfigurer" class="org.springframework.web.servlet.view.tiles3.TilesConfigurer">
 		<property name="definitions">
 			<list>
 				<value>/WEB-INF/views/layouts.xml</value>	<!-- jsp의 집합체 -->
 			</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>

	 
	 <!-- java 공통 패키지 -->
	 <context:component-scan base-package="bit.com.a"/>
	 
	 <!-- Ajax 주석문을 사용허가 -->
	 <mvc:annotation-driven/>
	 
	 <!-- spring에서 처리할 수 없는 요청은 tomcat에 위임 -->
	 <mvc:default-servlet-handler/>

</beans>

3.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.tiles" template="/WEB-INF/views/login/login.jsp">
</definition>

<definition name="regi.tiles" template="/WEB-INF/views/login/regi.jsp">
</definition>

<definition name="bbslist.tiles" template="/WEB-INF/views/layouts-tiles.jsp">
	<put-attribute name="header" value="/WEB-INF/views/commons/header.jsp"/>
	<put-attribute name="top_inc" value="/WEB-INF/views/commons/top_inc.jsp"/>
	<put-attribute name="top_menu" value="/WEB-INF/views/commons/top_menu.jsp"/>
	<put-attribute name="left_menu" value="/WEB-INF/views/bbs/left_bbsmenu.jsp"/>
	<put-attribute name="main" value="/WEB-INF/views/bbs/bbslist.jsp"/>
	<put-attribute name="bottom_inc" value="/WEB-INF/views/commons/bottom_inc.jsp"/>
</definition>

<definition name="bbswrite.tiles" extends="bbslist.tiles">
	<put-attribute name="main" value="/WEB-INF/views/bbs/bbswrite.jsp"/>
</definition>
<!-- 여러번 생성할 필요없이 extends로 상속받아준다 -->

<definition name="bbsdetail.tiles" extends="bbslist.tiles">
	<put-attribute name="main" value="/WEB-INF/views/bbs/bbsdetail.jsp"/>
</definition>


<definition name="bbsupdate.tiles" extends="bbslist.tiles">
	<put-attribute name="main" value="/WEB-INF/views/bbs/bbsupdate.jsp"/>
</definition>


<definition name="answer.tiles" extends="bbslist.tiles">
	<put-attribute name="main" value="/WEB-INF/views/bbs/answer.jsp"/>
</definition>


</tiles-definitions>

4.타일즈관련 jsp생성

layouts-tiles.jsp

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

<%-- request.setCharacterEncoding("utf-8"); --%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>	<!-- time, encoding -->
<fmt:requestEncoding value="utf-8" />
     
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>

<tiles:insertAttribute name="header"/>	<!-- link 파일만 --> 

<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/css/style.css">

</head>
<body>

<div id="body_wrap">
	<div id="main_wrap">
		<tiles:insertAttribute name="top_inc"/>
		<tiles:insertAttribute name="top_menu"/>
	</div>

	<div id="middle_wrap">
		<div id="sidebar_wrap">
			<tiles:insertAttribute name="left_menu"/>
		</div>
		<div id="content_wrap">
			<div id="content_title_wrap">
				<div class="title">${doc_title }</div>
			</div>
			
			<tiles:insertAttribute name="main"/>			
		</div>	
	</div>

	<div id="footer_wrap">
		<tiles:insertAttribute name="bottom_inc"/>
	</div>	
</div>

<script type="text/javascript">
$(document).ready(function () {
	$("content_title_wrap div.title").css("background-color", "url('./image/ico_sub_sb.gif')");
	
});

</script>


</body>
</html>