웹 페이지의 상단, 하단 메뉴와 같이 반복적으로 사용되는 부분들에 대한 코드를 분리해서 한 곳에서 관리를 가능하게 해주는 프레임워크 ex) 보통 header를 resources-layout 폴더에 넣고 index.jsp에서 <%@include file ...> 넣는데 추천X, 페이지명이 바뀌면 많은 파일을 전부 수정해줘야 하기 때문에 그것을 방지
<!-- Servlet -->
<!-- 서블릿 버전 최소 3.1이상으로 변경 -->
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>jstl</artifactId>
<version>1.2</version>
</dependency>
tiles 선언
tiles를 사용하는 뷰리졸버(view 경로를 합성, 컨트롤러에서 받은 view 정보를 이름만으로 맵핑)를 재정의함
1. tiles 설정 파일의 위치 선언
WEB-INF/config/servlet-context.xml
Spring에서 서비스 단에서 처리된 데이터를 뷰단인 jsp 로 보내기 위해서 View Resolver 를 사용
<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> <!-- 타일즈 xml 파일의 경로 -->
</beans:list>
</beans:property>
</beans:bean>
property ▶ list 빈 = setter주입 ▶ list로 들어감
<beans:value>/WEB-INF/tiles/tiles.xml</beans:value> 에는 tiles.xml 파일의 경로가 들어가는데 여기서는 tiles 폴더 - tiles.xml 파일
2. 기존에 있던 리졸버 뷰의 순서 2번째로 변경
<!-- 기존에 가지고 있던 뷰 입니당 -->
<!-- 뷰가 2개니까 order로 순서 적용시켜서 충돌 방지, 주석 해 놓으면 되긴하지만 참고 -->
<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>
기존에 있던 뷰를 order속성으로 2번째로 밀어줌 <beans:property name="order" value="2" /> 추가
3. 다중 뷰 리졸버 선언 ▶ 해당 뷰 리졸버의 순서 1번째로 선언
다중 뷰 리졸버가 선언되려면 UrlBasedViewResolver 이용 UrlBasedViewResolver: 커스터마이징 할 때 사용하는 클래스, 이것 말고도 많은 클래스가 있음
해당 뷰 리졸버의 설정으로 TilesView를 넣고 order를 1번째로 설정
<!-- 0207 뷰 리졸버의 상위 클래스 UrlBasedViewResolver클래스의 뷰로 사용할 tilesView클래스를 주입 -->
<!-- 사용하는 뷰 클래스의 재정의 -->
<beans:bean 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>
setter로 name="viewClass" 뷰클래스 주입 value="tiles3.tilesView" tiles에서 제공하는 것 들어감
setter로 order 속성 이용해서 순서를 1번째로 만들어줌 뷰리졸버가 많을 때 이 뷰를 첫번째로 쓰려고 하는 것으로 뷰리졸버가 1개이면 안해되 됨
4. 템플릿 구축 후 공통화면 설정
WEB-INF/tiles/tiles.xml
header, body, footer를 가진 template.jsp라는 기본 레이아웃을 정의
정의된 레이아웃의 name 속성인 base를 상속하여 추가적으로 여러 tiles들을 만들 수 있음
<!DOCTYPE tiles-definitions PUBLIC
"-//Apache Software Foundation//DTD Tiles Configuration 2.1//EN"
"http://tiles.apache.org/dtds/tiles-config_2_1.dtd">
name="*" 부분은 controller에서 뷰를 찾기 위해 반환하는 값 = controller에서 들어오는 리턴값
상속받을 때 base의 name=*로 표현 = 특정 단어가 맵핑되서 들어오면 body의 경로로 보내주겠다(* 이거로 표현해서 어떤 것이든 다 받아주겠다)라는 뜻으로 value 값에는 /WEB-INF/views/{1}.jsp 이런식으로 넣어주면 됨, 들어오는 모든 값을{1}로 치환 ▶ 동적으로 표현
1, 2, 3 단 등 경로 다양하게 사용 가능
컨트롤러에서 특정 단어가 들어오면
views 폴더 아래의 파일이 들어가 있는 형식에 맞춰서 그게 {1}에 들어가고 템플릿의 body에서 합쳐져서 그걸 열어줌
다양한 사용 방법 보기
5. 원래대로 사용 = 직접 사용 = 템플릿 사용x
tiles를 사용하지 않고 기존 파일을 그대로 쓰려고 특별히 지정할때는 직접 연결 (로그인 창 같은 곳에서 header, footer 필요없을 경우)
<tiles-definitions>
<!-- 템플릿을 사용하지 않을 경로 -->
<definition name="user/login" template="/WEB-INF/views/user/login.jsp" />
</tiles-definitions>
name 속성 - 컨트롤러의 리턴위치 = 컨트롤러에서 넘어오는 값 template 속성 - 보여질 파일의 위치 = 이 파일로 직접 연결됨
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee https://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
<!-- 스프링 전역 설정파일 -->
<context-param>
<param-name>contextConfigLocation</param-name>
<param-value>/WEB-INF/config/root-context.xml</param-value>
</context-param>
<listener>
<listener-class>org.springframework.web.context.ContextLoaderListener
</listener-class>
</listener>
<!-- 디스패쳐 서블릿 등록 -->
<servlet>
<servlet-name>appServlet</servlet-name>
<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
<init-param>
<param-name>contextConfigLocation</param-name>
<param-value>/WEB-INF/config/servlet-context.xml</param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>appServlet</servlet-name>
<url-pattern>/</url-pattern>
</servlet-mapping>
<!-- 한글 처리 필터 코드, requestSetCharacter 필요없이 해줌 -->
<!-- 스프링에서 지공하는 인코딩필터 등록 -->
<filter>
<filter-name>encodingFilter</filter-name>
<filter-class>
org.springframework.web.filter.CharacterEncodingFilter
</filter-class>
<init-param>
<param-name>encoding</param-name>
<param-value>UTF-8</param-value>
</init-param>
<init-param>
<param-name>forceEncoding</param-name>
<param-value>true</param-value>
</init-param>
</filter>
<!-- 위에 지정한 encodingFilter이름을 모든 패턴에 적용 -->
<filter-mapping>
<filter-name>encodingFilter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
</web-app>
main - webapp - WEB-INF - spring ▶ fonfig 로 이름 변경
servlet-context 위로 빼내고 기존의 appServlet 폴더 지우기 = config 폴더 아래에 root-context, servlet-context 파일이 위치함
3. servlet-context
<?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/" />
<!-- 타일즈 설정 전 파일 -->
<!-- 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>
<context:component-scan
base-package="com.coding404.myweb.*" />
</beans:beans>
마지막 부분 context:component-scan base-package=" "; 안에 패키지명 집어넣기 공통으로 들어갈 패키지명/* 처리
4. root-context
<?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:jdbc="http://www.springframework.org/schema/jdbc"
xmlns:mybatis-spring="http://mybatis.org/schema/mybatis-spring"
xsi:schemaLocation="http://www.springframework.org/schema/jdbc http://www.springframework.org/schema/jdbc/spring-jdbc-4.3.xsd
http://mybatis.org/schema/mybatis-spring http://mybatis.org/schema/mybatis-spring-1.2.xsd
http://www.springframework.org/schema/beans https://www.springframework.org/schema/beans/spring-beans.xsd">
<!-- Root Context: defines shared resources visible to all other web components -->
<!-- 데이터베이스 연결은 가장 처음에, 전역에서 사용되도록 해야 하기때문에 servlet-context가 아닌 root-context에 해야함 -->
<!-- 데이터베이스 정보는 외부 파일로 관리 -->
<!-- classpath:/ 자바/리소스 경로를 가르킵니다 -->
<bean class="org.springframework.beans.factory.config.PropertyPlaceholderConfigurer">
<property name="location" value="classpath:/DB-config/hikari.properties"></property>
</bean>
<!-- 데이터베이스 설정: mysql -->
<!-- <bean id="hikari" class="com.zaxxer.hikari.HikariConfig">
<property name="driverClassName" value="com.mysql.cj.jdbc.Driver"></property>
<property name="jdbcUrl" value="jdbc:mysql://localhost:3306/spring?serverTimezone=Asia/Seoul"></property>
<property name="username" value="spring"/>
<property name="password" value="spring"/>
</bean> -->
<!-- 데이터베이스 설정: DataSource와 HikariCP 빈으로 등록 -->
<bean id="hikari" class="com.zaxxer.hikari.HikariConfig">
<property name="driverClassName" value="${ds.driverClassName}"></property>
<property name="jdbcUrl" value="${ds.jdbcUrl}"></property>
<property name="username" value="${ds.username}"/>
<property name="password" value="${ds.password}"/>
</bean>
<!-- 데이터베이스 설정: 오라클 -->
<!-- <bean id="hikari" class="com.zaxxer.hikari.HikariConfig">
<property name="driverClassName" value="oracle.jdbc.driver.OracleDriver"></property>
<property name="jdbcUrl" value="jdbc:oracle:thin:@localhost:1521:xe"></property>
<property name="username" value="jsp"/>
<property name="password" value="jsp"/>
</bean> -->
<!-- 데이터베이스 정보를 주입 -->
<bean id="ds" class="com.zaxxer.hikari.HikariDataSource">
<constructor-arg ref="hikari"/>
</bean>
<!-- 마이바티스 설정 sqlSessionFactory 빈으로 생성 -->
<!-- classpath:/ 자바/리소스 경로를 가르킵니다 -->
<bean class="org.mybatis.spring.SqlSessionFactoryBean">
<!-- 데이터베이스 정보 전달 -->
<property name="dataSource" ref="ds" /> <!-- bean객체 주입 -->
<!-- 마이바티스 설정파일 경로 -->
<property name="configLocation" value="classpath:/mybatis-config/mybatis-config.xml" />
<!-- 0207 매퍼파일의 위치 -->
<!-- 매퍼의 경로를 따로 분리해서 지정할 떄 사용, sqlmap폴더 하위에 모든 xml파일을 mapper의 위치로 지정함 -->
<property name="mapperLocations" value="classpath:/sqlmap/*.xml"></property>
</bean>
<!-- 마이바티스 관련 어노테이션을 찾아서 설정으로 등록 (모든 인터페이스를 등록)-->
<!-- TestMapper.java 인터페이스는 어노테이션 안해도 등록되긴함 -->
<mybatis-spring:scan base-package="com.coding404.myweb.*"/>
</beans>
<beans:beans
<!-- Handles HTTP GET requests for /resources/** by efficiently serving up static resources in the ${webappRoot}/resources directory -->
<!-- 원래 모든 경로는 컨트롤러를 타는데 리소스로 시작하는 경로는 리소스 폴더로 바로 들어가게 맵핑 해줘라 -->
<resources mapping="/resources/**" location="/resources/" />
<resources mapping="/img/**" location="/resources/img/" />
<resources mapping="/js/**" location="/resources/js/" />
▼ CSS가 들어있으면 무조건 resources/css를 참고하게 됨
<resources mapping="/css/**" location="/resources/css/" />
</beans:beans>
웹에 관한 파일이므로 servlet-context에서 맵핑
원래 모든 경로는 컨트롤러를 타지만 resources로 시작하는 경로는 resources 폴더로 바로 들어가게 맵핑
