학원 20일차 복습(4/10)

이론

JSON (JavaScript Object Notation)은 경량의 DATA-교환 형식이다. 

json   뷰

ServletConfig -> pageContext와 Scope가 동일

하나의 서블릿 안에서만 사용될 수 있다.

init-param으로 초기화

ServletContext -> applicationContext와 Scope가 동일

context-param으로 초기화

context는 모든 빈들에게 어노테이션을 제공

어노테이션: 실행가능한 주석

@Controller(DispatcherServlet) -> Model을 수행

or.kosta.mvc 안에 있는 모든 빈중에 어노테이션으로 설정한 객체는 스프링컨테이너에 빈으로 등록!

@Controller 어노테이션은 HandlerMapping에 의해서 요청을 분석이 될 때 선택되는 Model객체이다.

요청을 매핑해서 비지니스 로직이 수행이 된다.(http://XXXXXX/hello)

ModelAndView는 View, RequestScope에 저장, forward/redirect결정

@ModelAttribute을 사용해서 View로 값을 전달한다.

servlet.xml에 multipartResolver 추가 : 파일 업로드를 하기 위해서 꼭 필요한 객체  

form에서 이미지나 동영상, 음악 파일등을 서버로 전송할 때는 enctype="multipart/form-data"속성을 지정해야하며, 

이때 전송방식은 대용량 압축방식인 post여야 한다. 

이미지가 저장될 절대경로를 지정 -> 세션을 생성 ->시스템에 맞는 documentroot(최상위경로) 경로를 가져온다.

->조합해서 이미지가 저장될 경로값을 구현 -> upload된 파일 이름은 path에 설정 -> 파일 업로드

실습

pom.xml

<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 http://maven.apache.org/xsd/maven-4.0.0.xsd"> <modelVersion>4.0.0</modelVersion> <groupId>spring0410_mvc</groupId> <artifactId>spring0410_mvc</artifactId> <version>0.0.1-SNAPSHOT</version> <packaging>war</packaging> <build> <sourceDirectory>src</sourceDirectory> <plugins> <plugin> <artifactId>maven-compiler-plugin</artifactId> <version>3.7.0</version> <configuration> <source>1.8</source> <target>1.8</target> </configuration> </plugin> <plugin> <artifactId>maven-war-plugin</artifactId> <version>3.0.0</version> <configuration> <warSourceDirectory>WebContent</warSourceDirectory> </configuration> </plugin> </plugins> </build> <dependencies> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-context</artifactId> <version>4.3.6.RELEASE</version> </dependency> <!-- spring-jdbc for MyBatis --> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-jdbc</artifactId> <version>4.3.6.RELEASE</version> </dependency> <dependency> <groupId>org.mybatis</groupId> <artifactId>mybatis</artifactId> <version>3.4.2</version> </dependency> <dependency> <groupId>org.mybatis</groupId> <artifactId>mybatis-spring</artifactId> <version>1.3.1</version> </dependency> <!-- Web MVC --> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-web</artifactId> <version>4.3.6.RELEASE</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-webmvc</artifactId> <version>4.3.6.RELEASE</version> </dependency> <!-- https://mvnrepository.com/artifact/commons-fileupload/commons-fileupload --> <dependency> <groupId>commons-fileupload</groupId> <artifactId>commons-fileupload</artifactId> <version>1.3.3</version> </dependency> <!-- Aop관련 --> <dependency> <groupId>org.aspectj</groupId> <artifactId>aspectjweaver</artifactId> <version>1.8.10</version> </dependency> <dependency> <groupId>jstl</groupId> <artifactId>jstl</artifactId> <version>1.2</version> </dependency> <dependency> <groupId>com.fasterxml.jackson.core</groupId> <artifactId>jackson-databind</artifactId> <version>2.8.6</version> </dependency> </dependencies> </project>

web.xml

<?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_3_1.xsd" id="WebApp_ID" version="3.1"> <display-name>spring0410_mvc</display-name> <!-- Filter --> <filter> <filter-name>CharacterEncodingFilter</filter-name> <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class> <init-param> <param-name>encoding</param-name> <param-value>EUC-KR</param-value> </init-param> <init-param> <param-name>forceEncoding</param-name> <param-value>true</param-value> </init-param> </filter> <filter-mapping> <filter-name>CharacterEncodingFilter</filter-name> <url-pattern>/*</url-pattern> </filter-mapping> <servlet> <servlet-name>kosta</servlet-name> <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>kosta</servlet-name> <url-pattern>/</url-pattern> </servlet-mapping> <welcome-file-list> <welcome-file>index.html</welcome-file> <welcome-file>index.jsp</welcome-file> </welcome-file-list> </web-app>

kosta-servlet.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" xmlns:context="http://www.springframework.org/schema/context" xmlns:mvc="http://www.springframework.org/schema/mvc" xmlns:p="http://www.springframework.org/schema/p" xsi:schemaLocation="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 http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd"> <context:component-scan base-package="or.kosta.mvc"/> <mvc:annotation-driven/> <mvc:resources location="/resources/" mapping="/resources/**"/> <!-- multipartResolver 추가 : 파일 업로드를 하기 위해서 꼭 필요한 객체 --> <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"></bean> <bean id="viewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver"> <property name="prefix" value="/WEB-INF/jsp/"/> <property name="suffix" value=".jsp"/> </bean> </beans>

index.jsp

<%@ page language="java" contentType="text/html; charset=EUC-KR" pageEncoding="EUC-KR"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <head> <meta http-equiv="Content-Type" content="text/html; charset=EUC-KR"> <title>jsp/index.jsp</title> <style> body {background: orange;} </style> </head> <a href="hello">첫번째 예제</a> <a href="simpleForm">두번째 예제</a> <a href="simpleForm2">세번째 예제</a> <a href="upform">네번째 예제</a>

or.kosta.mvc.controller/HelloController.java

package or.kosta.mvc.controller; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; import org.springframework.web.servlet.ModelAndView; //@Controller(DispatcherServlet) -> Model을 수행 //or.kosta.mvc 안에 있는 모든 빈중에 어노테이션으로 설정한 객체는 스프링컨테이너에 빈으로 등록! //@Controller 어노테이션은 HandlerMapping에 의해서 요청을 분석이 될 때 선택되는 Model객체이다. @Controller public class HelloController { //요청을 매핑해서 비지니스 로직이 수행이 된다. //http://XXXXXX/hello @RequestMapping(value="/hello",method=RequestMethod.GET) public ModelAndView sayhello() { //ModelAndView는 View,RequestScope에 저장, forward/redirect결정 ModelAndView mav = new ModelAndView(); //View의 이름을 지정 mav.setViewName("sayhello"); //값을 지정 mav.addObject("msg","안녕하세요~^^"); return mav; } }

or.kosta.mvc.controller/DefaultController.java

package or.kosta.mvc.controller; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; @Controller public class DefaultController { //기본 페이지 설정 @RequestMapping(value= {"/index","/"}) public String defaultPage() { System.out.println("test"); return "index"; } @RequestMapping(value="/myindex") public String myDefaultView() { return "index"; } }

sayhello.jsp

<%@ page language="java" contentType="text/html; charset=EUC-KR" pageEncoding="EUC-KR"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <head> <meta http-equiv="Content-Type" content="text/html; charset=EUC-KR"> <title>sayhello.jsp</title> </head> <div> sayhello : ${msg} </div>

or.kosta.mvc.controller/SimpleController.java

package or.kosta.mvc.controller; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.servlet.ModelAndView; @Controller public class SimpleController { @RequestMapping(value="/simpleForm") public String simpleForm() { return "simpleForm"; } @RequestMapping(value="/simpleProcess") public ModelAndView simpleProcess(int num, String msg) { ModelAndView mav= new ModelAndView("simpleResult"); num = num * 2; msg= "hi"+msg; mav.addObject("num", num); mav.addObject("msg", msg); return mav; } }

simpleForm.jsp

<%@ page language="java" contentType="text/html; charset=EUC-KR" pageEncoding="EUC-KR"%> <!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=EUC-KR"> <title>simpleForm.jsp</title> </head> <!-- simpleForm 요청이 오면 SimpleController에서 매핑해서 화면에 출력 --> <div> <form method="post" action="simpleProcess"> <input type="hidden" name="num" value="100"> msg : <input type="text" name="msg"> <input type="submit" value="send"> </form> </div>

simpleResult.jsp

<%@ page language="java" contentType="text/html; charset=EUC-KR" pageEncoding="EUC-KR"%> <!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=EUC-KR"> <title>simpleResult.jsp</title> </head> <ul> <li>num : ${num}</li> <li>msg : ${msg}</li> </ul>

or.kosta.mvc.controller/SimpleController2.java

package or.kosta.mvc.controller; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.ModelAttribute; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; import org.springframework.web.servlet.ModelAndView; import or.kosta.vo.SimpleDTO; @Controller public class Simple2Controller { @RequestMapping(value="/simpleForm2") public String simpleForm() { return "simpleForm2"; } //@ModelAttribute을 사용해서 View로 값을 전달한다. @RequestMapping(value="/simpleProcess2",method=RequestMethod.POST) public String simpleProcess(@ModelAttribute("vo") SimpleDTO vo) { // ModelAndView mav= new ModelAndView("simpleResult2"); // mav.addObject("vo",vo); return "simpleResult2"; } }

or.kosta.vo/simpleDTO.java

package or.kosta.vo; public class SimpleDTO { private int num; private String msg,writer,pwd; public int getNum() { return num; } public void setNum(int num) { this.num = num; } public String getMsg() { return msg; } public void setMsg(String msg) { this.msg = msg; } public String getWriter() { return writer; } public void setWriter(String writer) { this.writer = writer; } public String getPwd() { return pwd; } public void setPwd(String pwd) { this.pwd = pwd; } }

simpleForm2.jsp

<%@ page language="java" contentType="text/html; charset=EUC-KR" pageEncoding="EUC-KR"%> <!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=EUC-KR"> <title>simpleForm2.jsp</title> </head> <!-- simpleForm 요청이 오면 SimpleController에서 매핑해서 화면에 출력 --> <div> <form method="post" action="simpleProcess2"> <input type="hidden" name="num" value="100"> msg : <input type="text" name="msg"> writer : <input type="text" name="writer"> password : <input type="password" name="pwd"> <input type="submit" value="send"> </form> </div>

simpleResult2.jsp

<%@ page language="java" contentType="text/html; charset=EUC-KR" pageEncoding="EUC-KR"%> <!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=EUC-KR"> <title>simpleResult2.jsp</title> </head> <ul> <li>num : ${vo.num}</li> <li>msg : ${vo.msg}</li> <li>writer : ${vo.writer}</li> <li>pwd : ${vo.pwd}</li> </ul>

or.kosta.mvc.controller/UpsaveController.java

package or.kosta.mvc.controller; import java.io.File; import java.io.IOException; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpSession; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; import org.springframework.web.bind.annotation.RequestParam; import org.springframework.web.multipart.MultipartFile; import org.springframework.web.servlet.ModelAndView; @Controller public class UpSaveController { @RequestMapping(value="/upform") public String upform() { return "upform"; } @RequestMapping(value="/upsave", method = RequestMethod.POST) public ModelAndView save(@RequestParam("mfile") MultipartFile mfile, HttpServletRequest request) { //이미지가 저장될 절대경로를 지정 ModelAndView mav = new ModelAndView("success"); HttpSession session = request.getSession(); //세션을 생성 String r_path = session.getServletContext().getRealPath("/"); System.out.println(r_path); //시스템에 맞는 documentroot(최상위경로) 경로를 가져온다. String img_path = "resources\\img\\"; System.out.println(img_path); //조합해서 이미지가 저장될 경로값을 구현 StringBuffer path = new StringBuffer(); path.append(r_path).append(img_path); //upload된 파일 이름은 path에 설정 String oriFn = mfile.getOriginalFilename(); path.append(oriFn); System.out.println(path); //파일 업로드 File f = new File(path.toString()); try { mfile.transferTo(f); } catch (IllegalStateException | IOException e) { e.printStackTrace(); } mav.addObject("imgName", oriFn); return mav; } }

upform.jsp

<%@ page language="java" contentType="text/html; charset=EUC-KR" pageEncoding="EUC-KR"%> <!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=EUC-KR"> <title>upform.jsp</title> <style> #wrap{width: 300px; margin: auto;} </style> </head> <div id="wrap"> <%-- form에서 이미지나 동영상, 음악 파일등을 서버로 전송할 때는 enctype="multipart/form-data"속성을 지정해야 하며, 이때 전송방식은 대용량 압축방식인 post여야 한다. --%> <form method="post" action="upsave" enctype="multipart/form-data"> <input type="file" id="mfile" name="mfile"><br/> <input type="submit" value="send"> </form> </div>

success.jsp

<%@ page language="java" contentType="text/html; charset=EUC-KR" pageEncoding="EUC-KR"%> <!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=EUC-KR"> <title>success.jsp</title> </head> <img src="${pageContext.request.contextPath}/resources/img/${imgName}">