SPRING-60-Spring Web MVC : ViewResolver - XML

Controller 통해서 전달받은 view 이름으로 jsp 파일을 찾아내고,
jsp 내 데이터 분석해서 결과를 전달하는 요소가 바로 ViewResolver라는 것이여

이 때 view 이름 정하는 법, jsp 데이터 분석해서 결과 전달하는 방법을 알아보자고!


XML ver

 

 

 

 

프로젝트 생성

Project Explorer에서 빈공간에 우클릭하면 Dynamic Web Project 만들 수 있다!
여기까진 할 수 있잖아

 

방금 만든 그 프로젝트를 Maven Project로 만들어주자!

혹시 다시 Maven 제거하고 싶다면, 위의 그림처럼 Disabled Maven Nature 해주믄 되니꽈

아! 메이븐 설정하고 프로젝트에 오류뜨면 그냥 alt+F5로 마무리해주십시다

 

Maven 기본설정 해보자!

<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">
  <!-- pom모델버전 -->
  <modelVersion>4.0.0</modelVersion>
  <!-- 프로젝트 생성하는 조직의 고유 아이디 like 도메인 이름 -->
  <groupId>Ex01JavaSetting</groupId>
  <!-- Maven 프로젝트 식별하는 아이디 like 프로젝트명 -->
  <artifactId>Ex01JavaSetting</artifactId>
  <!-- 프로젝트 현재 버전 -->
  <version>0.0.1-SNAPSHOT</version>
  <!-- 어떤 형태로 프로젝트를 패키징할 지 결정 -->
  <packaging>war</packaging>
  
  <!-- 소스의 디렉토리 구조, 빌드 산출물 디렉토리 구조, 빌드시 사용할 플러긴 정보 관리 -->
  <build>
  	<!-- sourceDirectory : 자바 소스 코드를 관리하는 디렉토리 -->
  	<sourceDirectory>src/main/java</sourceDirectory>
  
	<!-- Maven제공 기능은 플러긴 기반으로 작동 따라서 설정 필요 -->  
    <plugins>
    
	  <!-- 컴파일 플러그인 설정 -->
      <plugin>
        <artifactId>maven-compiler-plugin</artifactId>
        <version>3.8.1</version>
        <configuration>
        	<!-- 16>14변경 -->
          <release>14</release>
        </configuration>
      </plugin>
      
      <!-- 배포 패키징 플러긴 설정 -->
      <plugin>
        <artifactId>maven-war-plugin</artifactId>
        <version>3.2.3</version>
        <!-- configuration 추가 -->
        <configuration>
        	<!-- 배포할 위치 directory -->
        	<warSourceDirectory>src</warSourceDirectory>
        </configuration>
      </plugin>
    </plugins>
  </build>
  
  <!-- 라이브러리 버전관리 : properties -->
  <properties>
  	<javax.servlet-version>4.0.1</javax.servlet-version>
  	<javax.servlet.jsp-version>2.3.3</javax.servlet.jsp-version>
  	<javax.servlet.jsp.jstl-version>1.2</javax.servlet.jsp.jstl-version>
  	<org.springframework>5.2.2.RELEASE</org.springframework>
  </properties>
  
  <!-- 라이브러리 셋팅 : dependencies 프로그램과 의존관계인 라이브러리 관리 -->
  <dependencies>
  
  	<!-- servlet-api 라이브러리 적용 위한 설정 -->
	<dependency>
	    <groupId>javax.servlet</groupId>
	    <artifactId>javax.servlet-api</artifactId>
	    <!-- 버전관리는 properties에서 하기 때문에 변수처럼 사용하기 -->
	    <version>${javax.servlet-version}</version>
	    <scope>provided</scope>
	</dependency>
	
  	<!-- javax.servlet.jsp-api 라이브러리 적용 위한 설정 -->
	<dependency>
	    <groupId>javax.servlet.jsp</groupId>
	    <artifactId>javax.servlet.jsp-api</artifactId>
	    <!-- 버전관리는 properties에서 하기 때문에 변수처럼 사용하기 -->
	    <version>${javax.servlet.jsp-version}</version>
	    <scope>provided</scope>
	</dependency>

	<!-- javax.servlet/jstl 라이브러리 적용 위한 설정 -->
	<dependency>
	    <groupId>javax.servlet</groupId>
	    <artifactId>jstl</artifactId>
	    <!-- 버전관리는 properties에서 하기 때문에 변수처럼 사용하기 -->
	    <version>${javax.servlet.jsp.jstl-version}</version>
	</dependency>
	
	<!-- spring-webmvc 라이브러리 적용 위한 설정 -->
	<dependency>
	    <groupId>org.springframework</groupId>
	    <artifactId>spring-webmvc</artifactId>
	    <!-- 버전관리는 properties에서 하기 때문에 변수처럼 사용하기 -->
	    <version>${org.springframework}</version>
	</dependency>
	
	
  </dependencies>
</project>

 

 

 

Spring MVC XML 기본설정

일단 Spring MVC를 어떻게 구현할지 구조부터 대충 살펴보면,
전에 JSP MVC 패턴때 bean.xml 만들어서 bean을 정의해주었지
그 역할을 이젠 web.xml 이용해서 XML버전으로 만들어보자

아까 Java버전으로 치자면 ServletConfigClass의 역할을 얘가 하는거여

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd" id="WebApp_ID" version="4.0">
 	<!-- 현재 웹 애플리케이션에러 받아들이는 모든 요청에 대해 appServlet이란 이름으로 정의된 서블릿 사용 -->
	<servlet-mapping>
		<servlet-name>appServlet</servlet-name>
		<url-pattern>/</url-pattern>
	</servlet-mapping>

	<!-- 설정 정보를 분석해 controller 선택하는 서블릿 지정 -->
	<servlet>
		<servlet-name>appServlet</servlet-name>
		<!-- Spring MVC에서 저공하는 기본 서블릿 지정 -->
		<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
		<!-- Spring MVC 설정을 위한 XML파일 지정 -->
		<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>

	<!-- Bean정의할 XML 파일 지정 -->
	<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>

	<!-- 파라미터 인코딩 필터 설정 -->
	<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>

	<filter-mapping>
		<filter-name>encodingFilter</filter-name>
		<url-pattern>/*</url-pattern>
	</filter-mapping>
</web-app>

 

 

이제 web.xml에서 context-param을 보면 bean을 정의할 xml파일을 지정해두었잖아?
root-context.xml 그걸 한 번 만들어보자

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

</beans>

간단하지? bean을 설정할 수 있는 xmlns, xmls:xsi, xsi:schemaLocation을 삽입해준게 전부야

 

이번엔 web.xml에서 servlet을 보면 설정 정보 분석해서 controller를 선택해주는 서블릿 경로를 만들어뒀어
servlet-context.xml이건데, 그걸 한 번 해보자고

<?xml version="1.0" encoding="UTF-8"?>
<!-- mvc는 beans:beans로 태그 변경해야 인식함 -->
<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
						http://www.springframework.org/schema/mvc/spring-mvc.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.xsd">


	<!-- 스캔한 패키지 내부 클래스 중 @Controller 있는 클래스 controller로써 로딩하도록 설정 -->
	<annotation-driven />

	<!-- 스캔할 bean들이 모여있는 패키지 지정 -->
	<context:component-scan
		base-package="kr.co.goodee39.controller" />

	<!-- Controller의 메서드에서 반환하는 문자열 앞, 뒤에 붙일 경로 정보 셋팅 -->
	<beans:bean
		class="org.springframework.web.servlet.view.InternalResourceViewResolver">
		<beans:property name="prefix" value="/WEB-INF/views/" />
		<beans:property name="suffix" value=".jsp" />
	</beans:bean>


	<!-- 정적파일(img, video, audio) 로드 설정 -->
	<resources mapping="/**" location="/resources/" />
</beans:beans>

Java때랑 내용이 같은데, 표현법이 다른거야
annotaion-driven은 클래스에 @Controller달린걸 찾을 수 있게 도와주는 아이야
context:component-scan으로 controller 찾아낼 경로 설정해주고, 

beans:bean에서는 아까 Java에서 경로 자동으로 /WEB-INF/views/파일명.jsp 완성되도록 설정했어
prefix, suffix가 위치에 따른 설정인거쥐

 

마찬가지로 정적파일 즉 오디오, 사진, 비디오를 위한 파일을 불러오기 위한 폴더를 설정해주는데
resources로 할 수 있다.
mapping="/**"라는건 어떤 위치이든 뭐 그런 뜻일까...?ㅎㅎㅎㅎ

 

 

 

 

Controller 클래스 만들기

아까 위에서 web.xml보면 servlet에서 appServlet이란 이름으로 설정한 controller 선택 서블릿이 있는데,
servlet-context.xml라고 파일 하나 만들었좌나,
그리고 @Controller로 지정한 파일 알 수 있도록 annotaion-driven 태그 달아줬고,
context:component-scan으로 controller 찾아낼 경로 설정까지 했으니 이제 @Controller단 클래스를 하나 만들기야

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;

@Controller
public class HomeController {
	
	//ServletAppContext에서 설정한 configureViewResolvers()메소드 통해서 
	///WEB-INF/views/index.jsp로 변환됨
	@RequestMapping(value="/", method=RequestMethod.GET)
	public String home() {
		return "index";
		
	}
}

별건 없어
그냥 무슨 역할하는지 보자고!

위에서 계속 언급했듯 이 클래스는 controller의 역할을 할 클래스이므로 어노테이션으로 이름표 달아주고,
메소드를 하나 만드는데, 이 메소드는 무어냐
첫 페이지 역할, 그러니까 home 역할을 할 페이지를 설정하는 메서드야
그래서 이름도 home이야 후후
value는 우리 JSP MVC 패턴에서 servlet만들면 맨 상단에 

@WebServlet("/블라블라")하는 공간이 있어 (ㄴㅇㄹ는 무시혀~ 걍 쓴거임)
저 블라블라는 보통 servlet이름이 들어가는데, 파일을 실행시켜서 이동한다거나 하면
url에 저기 작성된 이름이 뒤에 뜨더라고?
근데 이걸 /만 남기고 지워주면?!
그냥 RequestDispatcher rdp = request.getRequestDispatcher("");에서 설정한 jsp파일이 home으로 떠부러
servlet이라는 위치가 jsp파일 앞전에 안붙기 때문이지!
그거랑 같은 이치야 value = "/"는

아무턴, return "문자열";은 이따가 만들 home이 될 jsp파일 이름을 넣어준거야
이 controller가 실행되면 index라는 홈이름이 아까 위에서 servlet-context.xml로 설정한 beans를 통해
prefix="/WEB-INF/views/"와 suffix=".jsp"를 만나 /WEB-INF/views/문자열.jsp가 되는거지

그리고 index.jsp에 이미지가 있다면 resources태그 통해서
src 앞에 /resources/가 콱 붙어주겠지~ 

 

이 아래부터는 Java버전이랑 동일합니다!

 

 

HomeController에서 설정한 첫 페이지가 되어줄 index.jsp를 만들자

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<!-- test1페이지로 데이터 보내기 -->
	<a href="test1?data1=100&data2=200">Test1</a>
	<hr />
	
	<!-- test2페이지로 데이터 보낼 때 URL로 직접 보내는 것이 아니라 Controller에서 설정해 보내기 -->
	<a href="test2">Test2</a>
	<hr />
	
	<!-- controller에서 설정하되, Model 사용하기 -->
	<a href="test3">Test3</a>
	<hr />
	
	<!-- controller에서 설정하되, ModelAndView 사용하기 -->
	<a href="test4">Test4</a>
	<hr />
	
	<!-- controller에서 설정하되, VO를 받아와 사용하기 -->
	<form action="test5" method="post">
		data1 : <input type="text" name="data1" />
		data2 : <input type="text" name="data2" />
		<button>전송</button>
	</form>
	
	<hr />
	
	<!-- controller에서 설정하되, VO를 받아와 사용하기 -->
	<form action="test6" method="post">
		data1 : <input type="text" name="data1" />
		data2 : <input type="text" name="data2" />
		<button>전송</button>
	</form>
	
	
		
	
</body>
</html>

test1 : url에 변수명, 데이터 담아 보내기
test2, test3, test4, test5, test6 : 변수명 데이터 없이 보내고 Controller에서 설정할 예정

 

 

 

 

 

 

Controller 만들기

import javax.servlet.http.HttpServletRequest;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.servlet.ModelAndView;

import kr.co.goodee39.vo.DataVO;

@Controller
public class TestController {
	
	@GetMapping("/test1")
	public String test1() {
		
		//암것도 없는 상태에서 만약 index에서 보낸 데이터가 보여진다면, 이건 forward로 보내진거겠지
		//만약 데이터가 안보내진다면, 그건 sendRedirect로 보내지는거겠지
		
		//보인다! 즉, 데이터가 forward로 보내지는 것!
		
		return "test1";
	}
	
	
	//Controller에서 데이터 설정해 보내기
	//requestScope에 담김
	@GetMapping("/test2")
	public String test2(HttpServletRequest request) {
		
		request.setAttribute("data1", 100);
		request.setAttribute("data2", 200);
		
		return "test2";
	}
	
	
	//가장 많이 쓰는 방법1
	//Model로 request.setAttribute 대신하기
	//requestScope에 담김
	@GetMapping("/test3")
	public String test3(Model model) {
		
		model.addAttribute("data1", 300);
		model.addAttribute("data2", 400);
		
		return "test3";
	}
	
	
	//가장 많이 쓰는 방법2
	//ModelAndView로 request.setAttribute 대신하기
	//requestScope에 담김
	//데이터 값 뿐만아니라 경로까지 설정해서 변수로 한 번에 return함
	@GetMapping("/test4")
	public ModelAndView test4(ModelAndView mav) {
		
		mav.addObject("data1", 500);
		mav.addObject("data2", 600);
		
		//경로를 setViewName으로 설정해서 mav에 이동할 페이지명 설정해야함
		mav.setViewName("test4");
		
		//mav로 데이터 값 & 경로까지 한 번에 반환
		return mav;
	}
	
	
	//가장 많이 쓰는 방법3
	//@ModelAttribute로 VO객체를 매개체로 두기
	//@ModelAttribute는 생략 가능!
	@PostMapping("/test5")
	public String test5(@ModelAttribute DataVO vo) {
		
		//setter메서드 통해서도 설정 가능
		//input을 넣어둔 상태기 때문에 실행하면 input란에 값을 넣어도 지정된 값이 나오게됨
		/*
		vo.setData1("400");
		vo.setData2("500");
		*/
		
		return "test5";
	}
	
	
	//@ModelAttribute("jsp페이지에서 호출할 이름")
	//이 이름을 작성하지 않은 test5메소드는 출력시에 dataVO.data1이런 식으로 출력해야함
	//지금은 test6라는 이름이 있으므로 test6.data1 이렇게! 
	@PostMapping("/test6")
	public String test6(@ModelAttribute("test6") DataVO vo) {
		
		//setter메서드 통해서도 설정 가능
		//input을 넣어둔 상태기 때문에 실행하면 input란에 값을 넣어도 지정된 값이 나오게됨
		/*
		vo.setData1("400");
		vo.setData2("500");
		*/
		
		return "test6";
	}
}

1) test1()메서드

아무것도 명시되지 않은 상황에서 return이 test1으로 되어있을 때,
데이터가 test1페이지로 전달이 잘 되었다면 forward방식을 통해서 데이터가 전달이 됐다는 말이겠지?
sendRedirect는 페이지 띄우는 것까지만 하고 소멸됐을거고, 데이터 내놓으라고 요청하면 그 때서야 내놓을 테니까

 

2) test2() 메서드

메서드 파라미터로 HttpServletRequest 이용해 변수 선언, 데이터 값 설정을 해보자
request라는 파라미터를 만들었으니 파라미터 안에 setAttribute로 변수, 값 설정한다!

return test2로 돌리면, 잘 설정됐고, 출력됐는지 알 수 있지

 

3) test3()메서드

위에서 HttpServletRequest이용해서 setAttribute하는거 너무 길고 지루하다..
Spring MVC에서 사용할 수 있는 Model 객체를 사용해보자고!!
그저 HttpServletRequest 객체대신 Model 객체를 적어주고 model라고 변수 선언한 것 외에는 크게 다를 바가 없다.

 

4) test4() 메서드

Model대신 ModelAndView객체를 사용해보는데,
Model과의 차이라면 데이터 뿐만 아니라 return에 들어갈 경로까지 지정해서 한 번에 변수로 반환해야함!

 

5) test5() 메서드

메서드의 파라미터 선언을 보면 @ModalAtrribute를 이용해 객체를 파라미터로 가지고 있다.
이건 이 전 Parameter 주입에서도 했지만, 생략이 가넝하다~

어쨌든 여기서도 주입할 객체가 필요하니 원하는 갯수, 타입만큼 필드를 선언하고
getter, setter 메서드를 생성해주자

public class DataVO {
	
	private String data1;
	private String data2;
	
	public DataVO() {
		// TODO Auto-generated constructor stub
	}

	public String getData1() {
		return data1;
	}

	public void setData1(String data1) {
		this.data1 = data1;
	}

	public String getData2() {
		return data2;
	}

	public void setData2(String data2) {
		this.data2 = data2;
	}
	
	

}

두개만 할게...ㅎㅎ

아, 아까 test5 form에서 input으로 값을 주어주려고 했는데,
만약 그 값 무시하고 싶으면 파라미터로 받은 객체의 setter 메서드로 아예 고정도 가능해 

 

 

6) test6()메서드

파라미터로 선언된 객체는 호출시에 보통 @ModelAttribute를 사용하거나 생략하거나 둘 중 하난데,
@ModelAttribute는 생략이 가능하잖아 근데 생략이 안되는 순간이 있어
바로 객체를 부를 이름을 정할때야
만약 DataVO라는 객체를 사용하는데,
얘를 이렇게 부르고 싶지 않으면 부르고픈 이름을 @ModelAttribute("이름") 이렇게 설정할 수 있따~

 

 

 

이동될 페이지 만들기!

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- index.jsp에서 가져온 데이터 출력하기 -->
	<h1>Test1</h1>
	<h3>data1 : ${param.data1}</h3>
	<h3>data2 : ${param.data2}</h3>
</body>
</html>

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- Controller에서 설정된 데이터 출력하기 -->
	<h1>Test2</h1>
	<!-- setAttribute로 설정한 데이터이기 때문에 param이 아님! -->
	<h3>data1 : ${requestScope.data1}</h3>
	<h3>data2 : ${requestScope.data2}</h3>
</body>
</html>

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

	<h1>Test3</h1>
	<!-- setAttribute로 설정한 데이터이기 때문에 param이 아님! -->
	<h3>data1 : ${requestScope.data1}</h3>
	<h3>data2 : ${requestScope.data2}</h3>
</body>
</html>

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

	<h1>Test4</h1>
	<!-- setAttribute로 설정한 데이터이기 때문에 param이 아님! -->
	<h3>data1 : ${requestScope.data1}</h3>
	<h3>data2 : ${requestScope.data2}</h3>
</body>
</html>

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

	<h1>Test5</h1>
	<!-- setAttribute로 설정한 데이터이기 때문에 param이 아님! -->
	<!-- ModelAttibute로 VO객체 받아서 설정했기 때문에 dataVO가 필요함 -->
	<!-- dataVO는 DataVO 클래스 이름이고, 앞에 대문자를 소문자 변경 필요함 -->
	<!-- requestScope 생략가능 -->
	<h3>data1 : ${dataVO.data1}</h3>
	<h3>data2 : ${requestScope.dataVO.data2}</h3>
</body>
</html>

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

	<h1>Test6</h1>
	<!-- setAttribute로 설정한 데이터이기 때문에 param이 아님! -->
	<!-- ModelAttibute로 VO객체 받아서, 이름을 test6으로 설정했기 때문에 dataVO대신 test6이 필요함 -->
	<!-- requestScope 생략가능 -->
	<h3>data1 : ${test6.data1}</h3>
	<h3>data2 : ${requestScope.test6.data2}</h3>
</body>
</html>

 

 

 

 

 

 

home으로 만들었던 index페이지에서 진짜 이동 되는지 한 번 해보자!

Run on Server를 클릭해주쟈

 

결과

타란 ~