'학원수업/Spring' 카테고리의 글 목록

세미프로젝트발표

A조

간트차트 집어넣을것

폰트부분이 너무화려함( 깨져서 잘못뜬 폰트)

UI 웹부분 어떤 UI인지 인지하기힘듬 타이틀이 나와야함

시스템 구성도

웹서버가 웹클라이언트로 빠져야함

비동기식에 대한 언급이 없음

기술이 들어간 것에 대한 주요 언급이 없음

물리ERD만 들어갈 것

UML때는 VO는 제외할 것

시연때는 기술적인 내용을 발표 할 것(타이틀로)

시연중 오류시 감점

B조

간트차트 누가 무엇을 했는지

PPT발표자는 처음부터 끝까지 내용숙지후 발표 할 것

C조

간트차트 잘되어있음

웹구현 소스설명 UI와 접목이 안됨

시연영상(자막을 추가하는 것이 좋음)

D조

지적없음

메인프로젝트

1차(회로)은 개인제출

2차(백엔드)도 개인제출

'학원수업 > Spring' 카테고리의 다른 글

학원 33~35일차 복습(4/27,5/2,5/3) (0)	2018.04.27
학원 32일차 복습(4/26) (0)	2018.04.27
학원 26일차 복습(4/18) (0)	2018.04.18
학원 24일차 복습(4/16) (0)	2018.04.16
학원 23일차 복습(4/13) (0)	2018.04.13

세미프로젝트

안드로이드(리스트뷰,인탠트,쓰레드,소켓통신,HTTP통신,I/O파일 저장 및 읽기)

자바(소켓,IO,쓰레드),AJAX

스프링MVC,래스트풀 제이슨처리,마이바티스(다이나믹쿼리,리졸트맵,기타)

오라클(조인,서브쿼리,그룹함수)

중요파트 소켓,스프링MVC,래스트풀,마이바티스

발사믹목업,(UI)

1.(요구사항) 페르소나 ->기능추출

2.클래스설계

3.DB설계

워터풀방식

개발팀분장

작업플랜: 간트차트

조장님은 종이에 테스크보드(start, doing , end)

안드실행시 검은화면뜨면 IP주소확인할것!!

'학원수업 > Spring' 카테고리의 다른 글

학원 36일차 복습(5/4) (0)	2018.05.08
학원 32일차 복습(4/26) (0)	2018.04.27
학원 26일차 복습(4/18) (0)	2018.04.18
학원 24일차 복습(4/16) (0)	2018.04.16
학원 23일차 복습(4/13) (0)	2018.04.13

이론

테스트시

http://localhost/spring0426_jquery/exam?cmd= jsp이름

입력하여 확인

id는 #

tag는 그냥

class는 .

JQuery

$(document).ready(function(){});

축약형 : $(function(){});

dom구조이다. dom만 로드 될때까지 기다린다.(이미지,동영상,리소스 X)

1. css의 가장 기본적인 선택자는 와일드 카드 선택자 이다.

HTML문서 내의 모든 요소에 스타일이 적용된다.

2. tag 선택자를 사용해서 특정 태그를 선택 할 수 있다.

JQuery 함수 필터 선택자

● 요소:contains(문자열) : 특정 문자열을 포함하는 문서 객체를 선택

● 요소:eq(n) : n번째 위치하는 문서 객체를 선택

● 요소:gt(n) : n번째 초과 위치하는 문서 객체를 선택

● 요소:has(h1) : h1태그를 가지고 있는 문서 객체를 선택

● 요소:lt(n) : n번째 미만에 위치하는 문서 객체를 선택

● 요소:not(선택자) : 선택자와 일치하지 않는 문서 객체를 선택

● 요소:nth-child(3n+1) : 3n+1번째 위치하는 문서 객체를 선택한다 (1,4,7,,,,)

each()는 jQuery를 사용해서 배열을 관리하려고 할 때 사용하는 메서드이다.

1. $.each(배열객체,function(index,item){});

2. $.(selector).each(function(index,item){});

filter() : 문서 객체를 탐색 및 필터링을 한다.

● $(selector).filter(selector);

● $(selector).filter(function(){ });

$.ajax({옵션속성:값}); // jQuery.ajax();

url:문자열 - 요청url 설정

type:문자열 - GET/POST설정

data:객체,문자열 - 요청 매개변수 설정

success:함수 - 성공시 호출할 함수 설정

async:불리언 - 동기/비동기 설정

error:함수 - 실패시 호출할 함수 설정

실습

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>spring0426_jquery</groupId>
  <artifactId>spring0426_jquery</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>
		
		<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>
		
		<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>
		
		<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>
		<dependency>
			<groupId>commons-fileupload</groupId>
			<artifactId>commons-fileupload</artifactId>
			<version>1.3.3</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>spring0426_jquery</display-name>
   
  <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"
	xmlns:mybatis-spring="http://mybatis.org/schema/mybatis-spring"
	xsi:schemaLocation="http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd
		http://mybatis.org/schema/mybatis-spring http://mybatis.org/schema/mybatis-spring-1.2.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">

<context:component-scan base-package="or.kosta.mvc"/>
	<mvc:annotation-driven/>
	<mvc:resources location="/resources/" mapping="/resources/**"/>
	
	
	<bean id="dataSource" class="org.springframework.jndi.JndiObjectFactoryBean">
	<property name="jndiName" value="java:comp/env/jdbc/myoracle"></property>
	</bean>
	
	<bean id="factoryBean" class="org.mybatis.spring.SqlSessionFactoryBean">
		<property name="dataSource" ref="dataSource"/>
		<property name="configLocation" 
			value="classpath:or/kosta/config/config.xml"/>
		<property name="mapperLocations" 
			value="classpath*:or/kosta/mapper/*.xml"/>
		
	</bean>	
	
	<bean id="ss" class="org.mybatis.spring.SqlSessionTemplate">
		<constructor-arg ref="factoryBean"/>
	</bean>
	
	<bean class="org.mybatis.spring.mapper.MapperFactoryBean">
		<property name="mapperInterface" value="or.kosta.mvc.map.MemoMapper"/>
		<property name="sqlSessionFactory" ref="factoryBean"/>
	</bean>
	
    
	<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>

or.kosta.mvc.controller/JQueryExamController.java

package or.kosta.mvc.controller;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
public class JQueryExamController {

@GetMapping("/exam")
	public String ex1(String cmd, Model m) {
		if (cmd.equals("eachExam")) {
//			String[] colr = { "red", "orange", "aqua", "blueviolet", "palevioletred", "purple", "pink", "royalblue",
//					"brown", "burlywood" };
//			m.addAttribute("colr", colr);
		} else if (cmd.equals("ex2_load_test")) {
			StringBuffer sb = new StringBuffer();
			sb.append("<h1>Hello World!</h1>");
			sb.append("<p> load될 영역 </p>");
			sb.append("<span>여기는?</span>");
			sb.append("<span>잠시만 .. <p>여기는2?<p></span>");
			m.addAttribute("html", sb.toString());
		}
		return cmd;
	}
	@GetMapping("/exam2")
	public String ex1(String cmd,String name,String orderName,Model m) {
		String status;
		if(cmd.equals("ex3_ajax")) {
			if(name.equals("김길동") && orderName.equals("A001")){
		        status="주문하신 금괴가 지금 발송중입니다.";
		    }else if(name.equals("김길동") && orderName.equals("A002")){
		        status="주문하신 자동차는 공장에서 주문생산 완료 되었습니다.";
		    }else{
		         status="이미 발송된 완료된 제품입니다.";
		    }
			m.addAttribute("status", status);
			
		}
		return cmd;
	}
}

ex2.jsp

ex3.jsp

ex4_class.jsp

ex5.jsp

ex6.jsp

ex7.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>Insert title here</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<%--
JQuery 함수 필터 선택자
● 요소:contains(문자열) : 특정 문자열을 포함하는 문서 객체를 선택
● 요소:eq(n) : n번째 위치하는 문서 객체를 선택
● 요소:gt(n) : n번째 초과 위치하는 문서 객체를 선택
● 요소:has(h1) : h1태그를 가지고 있는 문서 객체를 선택
● 요소:lt(n) : n번째 미만에 위치하는 문서 객체를 선택
● 요소:not(선택자) : 선택자와 일치하지 않는 문서 객체를 선택
● 요소:nth-child(3n+1) : 3n+1번째 위치하는 문서 객체를 선택한다 (1,4,7,,,,)
 --%>
<script>
	$(document).ready(function(){
		   //$('div p:contains("Test")').css("background", "pink");
           //연습문제 div안에 있는 모든 요소에서 Test 문자열을 포함할 때 
           
           //$('div p:gt(0)').css('background','red');
           
           //$('div:has("h1")').css({'background':'yellow','border':'1px solid red'});
           //$('p:nth-child(2n+1)').css('background','green');
	});
</script>
</head>

<div>
	        <p>Test 1</p>
	        <p>이것은  Test 입니다.</p>
	        <p>오늘은 목요일!</p>
	        <p>내일은 금요일!</p>
	        <p>내일은 금요일!</p>
	        <p>내일은 금요일!</p>
	        <p>내일은 금요일!</p>
	        <p>내일은 금요일!</p>
	        <h1>jQuery Test 입니다.</h1>
	        <div>
	         	<h1>jQuery Test2 입니다.</h1>
	        </div>
        </div>

ex8_each.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>Insert title here</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<style>
	.h{ background: orange;}
	.t{ background: pink;}
</style>
<script>
	$(document).ready(function(){
/* each()는 jQuery를 사용해서 배열을 관리하려고 할 때 사용하는 메서드이다.
 1. $.each(배열객체,function(index,item){});
 2. $.(selector).each(function(index,item){});*/

<div id="res"></div>
 			<h1>Hello World!</h1>
	        <p>test1</p>
	        <p>test2</p>
	        <p>test3</p>

ex9_filter.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>ex9_filter</title>
<script
	src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
	$(document).ready(function() {
		/*filter() : 문서 객체를 탐색 및 필터링을 한다.
		 ● $(selector).filter(selector);
		 ● $(selector).filter(function(){ });*/
		// 1. 예전에 했던 홀수요소만 찾아서 문서 객체의 색상을 변경 해보자
		//$('tr:odd').css({backgroundColor:'orange',color:'red'});
		// 2. filter()메서드의 인자값에 even을 사용할 수 있다.
		$('tr').filter(':even').css({backgroundColor:'yellow',color:'blue'});
		// -> 3의 배수값을 리턴 받아서 문서객체로 선택한다.
// 		$('tr').filter(function(index) {
// 			return index % 3 == 0;
// 		}).css({
// 			backgroundColor : 'pink',
// 			color : 'blue'
// 		});
	});
</script>
</head>
<div id="wrap">
		<table><%for (int i = 0; i < 10; i++) {%>
			<tr>
				<td>Value : <%=i%></td>
			</tr>
			<%
				}
			%>
		</table>
	</div>

ex10.jsp

ex11.jsp

ex12.jsp

ex13.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>Insert title here</title>
<script
	src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
// 	$(document).ready(function() {
// 		 //h1의 내용을 읽어와서 html 인자로 전달
//         $('h1').html(function(index,html){
//         	console.log(index+":"+html);
//             return '♡'+html+'♡';
//         });
//         //연습문제) css선택자를 사용해서 h1의 0부터 2까지의 색상을 지정해서 출력하시오.
// 	});
	$(function(){
        //색상이 굵은 부분을 추가해서 작성한 후 설명 한다.(연습문제 답)
        $('h1').css('color', function(index){
            if(index == 0){
                return 'red';
            }else if(index == 1){
                return 'blue';
            }else{
                return 'orange';
            }
        });
        $('h1').html(function(index,html){
            return '♡'+html+'♡';
        }); 
        $('<h2></h2>').html('하이 안뇽!').appendTo('body');
        $('<p></p>').html('하이 안뇽!zz').prependTo('span');
    });
</script>
</head>

<span>Tag Test</span>
	
	<h1>Hello World!</h1>
	<h1>Hello World!</h1>
	<h1>Hello World!</h1>

ex14.jsp

ex15_load.jsp

ex16_ajax.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>Insert title here</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
	$(document).ready(function(){
/*$.ajax({옵션속성:값}); // jQuery.ajax();
 * 
 url:문자열 - 요청url 설정
 type:문자열 - GET/POST설정
 data:객체,문자열 - 요청 매개변수 설정 
 success:함수 - 성공시 호출할 함수 설정
 async:불리언 - 동기/비동기 설정
 error:함수 - 실패시 호출할 함수 설정
 
 */
 
		 $('#btn1').click(function(){
             var n = $('#name').val();
             var on = $('#orderNum').val();
             console.log("Name"+n);
             console.log("Num"+on);
             $.ajax({
                 url: "exam2?cmd=ex3_ajax&name="+n+"&orderName="+on,
                 success: function (data,status) {
                     alert(data+","+status);
                     $('#res').html(data);
                 },
                 error:function(e){
                     alert(e);
                 }
             });
         });
	});
</script>
</head>

<h1>주문확인!</h1>
        <input  type="text" name="name" id="name"><br/>
        <input type="text" name="orderNum" id="orderNum"><br/>
        <input type="button" value="확인" id="btn1"><br />
        <div id="res">Status : </div>

ex2_load_test.jsp

ex3_ajax.jsp

exam.jsp

exam2.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>Insert title here</title>
<script
	src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<style>
#wrap {
	width: 650px;
	margin: auto;
}
</style>
<script>
	var num = false;
	$(function() {
		$('.item').css('background', 'yellow');
		$('.item.select').css('background', 'orange');
		setTimeout(test, 500);

});
	function test() {
		$('.item').css('background', 'red');
		$('.item.select').css('background', 'blue');
		setTimeout(test2, 500);
	}
	function test2() {
		$('.item').css('background', 'blue');
		$('.item.select').css('background', 'red');
		setTimeout(test, 500);
	}
</script>
</head>

<div id="wrap">
		<table style="width:100%">
			<tbody>
				<tr>
					<td class="item">Test내용 입니다.</td>
				</tr>
				<tr>
					<td class="item select">Test내용 입니다.</td>
				</tr>
				<tr>
					<td class="item">Test내용 입니다.</td>
				</tr>
				<tr>
					<td class="item select">Test내용 입니다.</td>
				</tr>
				<tr>
					<td class="item">Test내용 입니다.</td>
				</tr>
			</tbody>
		</table>
	</div>

exam3.jsp

<%@ page language="java" contentType="text/html; charset=EUC-KR"
	pageEncoding="EUC-KR"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>ex5.jsp</title>
<script
	src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<style>
table {
	width: 200px;
}
</style>
<script>
var flag = false;
	$(document).ready(function() {
            $('thead tr:first').css("background", "olive");
            $('tbody tr:odd').css("background", "pink");
            $('tbody tr:even').css("background", "yellow");
            
            setInterval(function() {
				if(flag){
					    $('tbody tr:odd').css("background", "yellow");
			            $('tbody tr:even').css("background", "pink");
			            flag=false;
				}else{
					    $('tbody tr:odd').css("background", "pink");
			            $('tbody tr:even').css("background", "yellow");
			            flag=true;
				}
				
			}, 500);
        });

</script>
</head>

examBind.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>examBind</title>
<script
	src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
	<style>
            #target,#imgCnt{width: 600px; margin: auto; }
            #target img{width: 550px; height: 350px; margin: 30px;}
            ul li {list-style: none; float: left; margin-left: 5px}
            ul li img{width: 100px; cursor: pointer; }

#dialog-background {
			    display: none;
			    position: fixed;
			    top: 0; left: 0;
			    width: 100%; height: 100%;
			    background: rgba(0,0,0,.3);
			    z-index: 10;
			}
			#my-dialog {
			    display: none;
			    position: fixed;
			    left: calc( 50% - 160px ); top: calc( 50% - 70px );
			    background: #fff;
			    z-index: 11;
			    padding: 10px;
			}
</style>
<script>
	$(document).ready(function() {
		 $('img').bind({
             mouseenter:function(){ 
                 $('#target  img').attr('src',$(this).attr('src').valueOf())
             },click:function(){
            	 $('#my-dialog,#my-dialogImg').css({'width':400,'height':300})
            	 $("#my-dialog,#dialog-background").show();
            	 $('#my-dialogImg').attr('src',$(this).attr('src').valueOf());
             }
         });
		 $('#btn-close-dialog').click(function(){
			 $("#my-dialog,#dialog-background").hide();
		 });
	});
</script>
</head>

'학원수업 > Spring' 카테고리의 다른 글

학원 36일차 복습(5/4) (0)	2018.05.08
학원 33~35일차 복습(4/27,5/2,5/3) (0)	2018.04.27
학원 26일차 복습(4/18) (0)	2018.04.18
학원 24일차 복습(4/16) (0)	2018.04.16
학원 23일차 복습(4/13) (0)	2018.04.13

이론

동기식: HTTPRequest 모든 코드 전송

비동기식: XML_HTTPRequest 필요한 코드만 전송,callback***

자바스크립트 이벤트가 트리거

Ajax를 이용한 웹 접근 방법

- 요청 / 응답 방식 동일

- 응답은 자바스크립트의 HttpRequest객체가 받음

- 사용자는 하나의 페이지에서 다른일을 계속 수행할 수 있음

- 응답이 오면 자바스크립트의 함수를 통해 일을 수행

- 하나의 페이지에서 여러 가지 데이터를 서버로부터 실시간으로 갱신 가능

- 페이지리로딩없이 계속 서버와 통신 가능

■ Ajax의 장점

- 서버 처리를 기다리지 않고, 비동기 요청이 가능

- 수신하는 데이터의 양을 줄일 수 있음

- 서버의 부하를 줄이고, 성능좋은 클라이언트를 사용함

■ Ajax의 단점

- 페이지 이동없는 통신으로 인한 보안상의 문제

- 클라이언스크립트로 작성되므로 Debugging이 용이하지 않음

(WISWIG를 지원하는 통합개발툴(IDE)이 없음)

html에서 name 과 id

name: action에 해당하는 페이지로 전달하는 파라미터

id: javascript에서 다룰려고 지정

브라우저별 XMLHttpRequest 객체를 저장할 전역변수

서버로부터 결과가 도착할 때 수행하는 함수 지정 (콜백함수)

실습

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>spring0418_js</groupId>
  <artifactId>spring0418_js</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>
			
			<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>
			
			<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>
			
			<dependency>
				<groupId>commons-fileupload</groupId>
				<artifactId>commons-fileupload</artifactId>
				<version>1.3.3</version>
			</dependency>
			
			<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>spring0418_js</display-name>
   
  <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/**"/>
	
	
	<bean id="dataSource" class="org.springframework.jndi.JndiObjectFactoryBean">
	<property name="jndiName" value="java:comp/env/jdbc/myoracle"></property>
	</bean>
	
	<bean id="factoryBean" class="org.mybatis.spring.SqlSessionFactoryBean">
		<property name="dataSource" ref="dataSource"/>
		<property name="configLocation" value="classpath:or/kosta/config/config.xml"/>
		<property name="mapperLocations" value="classpath*:or/kosta/mapper/*.xml"/>
	</bean>
	
	<bean id="ss" class="org.mybatis.spring.SqlSessionTemplate">
		<constructor-arg ref="factoryBean"/>
	</bean>
	
	
	<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>

or.kosta.config/config.xml

or.kosta.mapper/member.xml

or.kosta.Controller/DefaultController.java

or.kosta.Controller/javaScript01Controller.java

package or.kosta.mvc.controller;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.servlet.ModelAndView;

import or.kosta.mvc.dao.MemberDao;
import or.kosta.vo.MemberVO;

@Controller
public class JavaScript01Controller {
	@Autowired
	private MemberDao memberDao;
	
	@RequestMapping(value = "/form")
	public String form() {
		return "form";
	}
	
	@RequestMapping(value="/memberProcess")
    public String memberProcess(String id, Model m) {
		StringBuffer out = new StringBuffer();
		System.out.println(id);
		int num= memberDao.getCheck(id);
		System.out.println(num);
		if(num==0) {
			out.append("사용가능한아이디입니다.");
		}else {
			out.append("중복된 아이디입니다.");
		}
		m.addAttribute("msg",out.toString());
        return "ex8_ajaxData";
    }
	
	@GetMapping("/ex8_ajax")
	public String ajax() {
		return "ex8_ajax";
	}
	
	@RequestMapping(value="/ajaxData1")
	public String ajaxData(String subject,Model m) {
		System.out.println("subject :"+subject);
		StringBuffer out = new StringBuffer();
		if(subject.equals("자바")) {
			out.append("SCJP,SCJD");
		}else if(subject.toUpperCase().equals("C")) {
			out.append("정보처리");
		}else if(subject.equals("오라클")) {
			out.append("OCP");
		}else {
			out.append("준비중입니다.");
		}
		m.addAttribute("msg",out.toString());
		return "ex8_ajaxData";
	}

}

or.kosta.dao/MemberDao.java

or.kosta.vo/MemberVO.java

ex8_ajax.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>Insert title here</title>
<script type="text/javascript">
	var xhr; //브라우저별 XMLHttpRequest 객체를 저장할 전역변수
	function test(){
		var param = document.getElementById("subject").value;
// 		var s = subject.value;
// 		s = "subject="+s;
// 		var param = "subject="+encodeURIComponent(s);
		//현재 브라우져에 따라 XMLHttpRequest,또는 XMLHTTP를 구별하여 생성한다.
		if(window.ActiveXObject){
			xhr = new ActiveXObject("Microsoft.XMLHTTP");
		}else{
			xhr = new XMLHttpRequest();
		}
		//서버로부터 결과가 도착할 때 수행하는 함수 지정 (콜백함수)
		xhr.onreadystatechange = res;
		
		//서버에게 호출하기 위한 준비
		xhr.open("GET","ajaxData1?subject="+param, true);//전송방식,주소,비동기식(true),동기식(false)
// 		xhr.open("post","test1.jsp");
// 		xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
		//서버에게 요청보내기
		xhr.send(null); //우린 get방식으로 보내기로 했기 때문에 인자는 반드시 null을 이어야한다.
		//post라면 null이 아니라, 보내고자 하는 파라미터를 문자열로 넣어야 한다.
// 		xhr.send(s);
		
	}
	//서버로부터 전달되는 결과가 도착하는 메서드
	function res(){
		if(xhr.readyState==4){//서버로부터 데이터 처리가 완료된 경우
			if(xhr.status==200){//정상적인 처리인 경우
				document.getElementById("txt");
				txt.innerHTML = xhr.responseText;
				//alert(xhr.responseText);
			}else{
				alert("실패" + xhr.status);
			}
		}
	}
	
</script>
</head>

ex8_ajaxData.jsp

'학원수업 > Spring' 카테고리의 다른 글

학원 33~35일차 복습(4/27,5/2,5/3) (0)	2018.04.27
학원 32일차 복습(4/26) (0)	2018.04.27
학원 24일차 복습(4/16) (0)	2018.04.16
학원 23일차 복습(4/13) (0)	2018.04.13
학원 22일차 복습(4/12) (0)	2018.04.12

이론

서브쿼리 (단일행,다중행)

-하나이상의 테이블에서 검색한 결과를 다른 테이블에 전달하여 새로운 결과를 검색하는 경우에 사용한다.

1.단일행 서브쿼리 : 하나의 행만 검색해서 메인쿼리에 보내는 것을 말한다.

2.다중행 서브쿼리

서브쿼리에서 반환되는 결과가 하나 이상의 행일때 사용.

반드시 다중행 연산자(Multiple Row Operator)와 함께 사용.

<다중행 연산자>

IN: 메인쿼리의 비교조건이 서브쿼리의 결과중에서 하나라도 일치하면 참.

ANY,SOME: 메인쿼리의 비교조건이 서브쿼리의 검색결과와 하나 이상이 일치하면 참

ALL: 메인쿼리의 비교조건이 서브쿼리의 검색 결과와 모든 값이 일치하면 참

EXIST: 메인쿼리의 비교조건이 서브쿼리의 결과중에서 만족하는 값이 하나라도 존재하면 참

ALL연산자: 메인조건의 비교조건이 서브쿼리에서 검색한 결과값과 모두 일치하면 참이 된다.

찾아진 값에 대해서 AND연산을 해서 모두 참이면 참이되는 셈이다.

ANY연산자

메인쿼리의 비교조건이 서브쿼리의 검색결과와 하나 이상이 일치하면 참이된다.

ANY하면 "비교값 중 하나보다 크냐"하고 묻는 것이 된다.

즉 그값들 중 어느하나보다 더 크면, 그 값들중 최소값보다 더 크면 참이된다.

사진불러올때 경로설정 주의하기!

자바스크립트 호이스팅 : Hoisting은 선언을 맨 위로 이동시키는 JavaScript의 기본 동작

선언시 var 대신 let으로 선언하면 Hoisting 일어나지 않음

실습

ex2.jsp

ex3.jsp

ex4.jsp

ex5.jsp

ex6_array.jsp

'학원수업 > Spring' 카테고리의 다른 글

학원 32일차 복습(4/26) (0)	2018.04.27
학원 26일차 복습(4/18) (0)	2018.04.18
학원 23일차 복습(4/13) (0)	2018.04.13
학원 22일차 복습(4/12) (0)	2018.04.12
학원 21일차 복습(4/11) (0)	2018.04.11

이론

조건 함수

DECODE 함수: 오라클에서만 제공하는 유용한 SQL함수

DECODE(기준값,조건1,결과1,조건2,결과2,...,그외의 결과)"컬럼명"

CASE함수 : DECADE기능을 확장한 함수,

CASE [기준값] WHEN 조건1 THEN 결과1

WHEN 조건2 THEN 결과2

...

ELSE 그 외의 결과

END "컬럼명"

DECODE 함수는 표현식, 컬럼값이 "=" 비교를 통해 조건과 일치하는 경우에만 다른 값으로 대처할 수 있다.

그러나 CASE 함수는 산술연산, 관계연산, 논리연산과 같은 다양한 비교가 가능하다.

WHEN 절에서 표현식을 다양하게 정의할 수 있다.

변환함수

TO_CHAR(날짜|숫자, '형식') : 날짜 또는 숫자를 지정한 형식의 문자열로 변환

TO_DATE(날짜형식의 문자열, '형식') : 날짜형식의 문자열을 지정한 형식의 날짜로 변환,시간까지 표현***

TO_DATE('09.10.12 12:30:00','YY.MM.DD HH:MI:SS')

TO_NUMBER(숫자형식의 문자열) : 숫자형식의 문자열이 숫자로 변환

TO_NUMBER('100') => 100

날짜 형식

scc , cc : 세기 표현

year : 년도를 영어로 표현

yyyy, yyy, yy, y : 년도를 자릿수로 자른다

bc, ad : 서기 등으로 표시

q : 분기 표시

mm : 두자리로 월표시

month: 영어로 표시

mon: 영어로 3자리로 월표시

rm: 로마자로 표시 i, ii. xi

ww: 1년기준 몇째주 표시

w:한달기준 몇째주 표시

ddd: 365(1년기준 ) 의 몇째 일

dd: 날짜를 두자리로 표시

d: 요일을 숫자로 표시

dy : 요일 한자리로 표시

day: 요일 표시

am, pm, a.m. , p.m. : 오전오후 표시

hh, hh12 : 12시 기준으로 표시

hh24 : 24시 기준으로 표시

/, "of" : 날짜의 중간에 문자 표시 -> to_char(to_date('19951201', 'yyyymmdd'),'yyyy "of" mm/dd')

spth : 날짜를 영문 서수로 표시

sp : 날짜를 영문 숫자로 표시

날짜에 연산되는 ROUND/TRUNC 함수

특정 날짜와 연산되는 함수

TO_YMINTERVAL, TO_DSINTERVAL

***다중행함수 ***

계산함수,집계함수,그룹함수

SUM,AVG,COUNT,MAX,MIN 함수

GROUP BY 칼럼명,... --정렬작업포함

NVL : null값을 다른 것으로 바꿔줌, 컬럼하나 단독적용 함수

AVG: COUNT 영향 널포함 꼭넣어야함

COUNT : 널을 포함하지 않음('*'를 사용하면 NULL도 카운트)

***Join(조인)***

사용하는 컬럼이 두 개 이상의 테이블에 존재하는 경우 사용되는 고급 쿼리 명령

32개까지 가능

종류

1.eque(inner) join : 조인되는 테이블 간의 조건에 만족하는 행만을 추출

2.outer join(left & right) : 조인되는 테이블 간의 조건에 만족하는 행과 마스터 테이블의 모든 데이터가 추출

3.cross join : 조인되는 테이블간의 어떤 관계도 없는 경우(table*table)->카디션 프로덕트

4.self join : 자기 자신의 테이블과 조인되는 경우

문법

1.T-SQL 문법: where조건절, 테이블명을 나열하여 표현

-select~ : 원하는 컬럼 나열

-from~ : 사용한 컬럼을 가진 테이블 나열

-where~ : 사용된 테이블간의 관계 또는 조건을 표현

2.Ansi 문법 : on조건절, 서술형태의 표현

조인되는 테이블간의 관계컬럼명이 같은 경우! -ansi

OUTER JOIN

1) LEFT OUTER JOIN

먼저 표기된 좌측 테이블에 해당하는 데이터를 먼저 읽은 후, 나중 표기된 우측 테이블에서 JOIN 대상 데이터를 읽어 온다.

Table A와 B가 있을 때 (Table 'A'가 기준이 됨),

A와 B를 비교해서 B의 JOIN 칼럼에서 같은 값이 있을 때 그 해당 데이터를 가져오고,

B의 JOIN 칼럼에서 같은 값이 없는 경우에는 B테이블에서 가져오는 칼럼들은 NULL값으로 채운다.

2) RIGHT OUTER JOIN

LEFT JOIN과 반대로 우측테이블이 기죽이 되어 결과를 생성한다.

TABLE A와 B가 있을때 (TABLE 'B'가 기준이 됨)

실습

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>spring0413_resultMap</groupId>
  <artifactId>spring0413_resultMap</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>
			
			<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>
			
			<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>
			
			<dependency>
				<groupId>commons-fileupload</groupId>
				<artifactId>commons-fileupload</artifactId>
				<version>1.3.3</version>
			</dependency>
			
			<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>spring0413_resultMap</display-name>
   
  <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/**"/>
	
	
	<bean id="dataSource" class="org.springframework.jndi.JndiObjectFactoryBean">
	<property name="jndiName" value="java:comp/env/jdbc/myoracle"></property>
	</bean>
	
	<bean id="factoryBean" class="org.mybatis.spring.SqlSessionFactoryBean">
		<property name="dataSource" ref="dataSource"/>
		<property name="configLocation" value="classpath:or/kosta/config/config.xml"/>
		<property name="mapperLocations" value="classpath*:or/kosta/mapper/*.xml"/>
	</bean>
	
	<bean id="ss" class="org.mybatis.spring.SqlSessionTemplate">
		<constructor-arg ref="factoryBean"/>
	</bean>
	
	
	<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>

src/or.kosta.config/config.xml

src/or.kosta.mapper/gogek.xml

src/or.kosta.mapper/sawon.xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper
  PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
  "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
  <mapper namespace="sawon">
  	<resultMap type="deptvo" id="deptResultMap">
  		<constructor>
  			<idArg column="deptno" javaType="java.lang.Integer"/>
  			<arg column="dname" javaType="java.lang.String"/>
  		</constructor>
  		<result property="loc" column="location"/>
  	</resultMap>
  	<select id="showDept" resultMap="deptResultMap">
  		select deptno, dname, loc location from dept order by 1 desc
  	</select>
  
  
  	<select id="list" resultType="savo">
  	select sabun,saname,deptno,sajob,sapay,to_char(sahire,'YYYY-MM-DD') sahire ,sasex,samgr from sawon
  	</select>
  	
  	
  	 <resultMap type="savo" id="sawonphoneResult">
  	 <id property="sabun" column="sabun"/>
  	 <association property="sphone" column="sabun" javaType="sphonevo" select="sawonPhone">
  	 </association>
  	 </resultMap>
  	
  	 <select id="sawondetail" resultMap="sawonphoneResult" parameterType="int">
  	 	select sabun,saname,sajob from sawon where sabun=#{sabun}
  	 </select>
  	 <select id="sawonPhone" resultType="sphonevo">
  	 	select pnum,pmodel,phnum,pdate from sawon_phone where pnum=#{pnum}
  	 </select>
  	
  </mapper>

src/or.kosta.mvc.controller/DefaultController.java

src/or.kosta.mvc.controller/GogekController.java

src/or.kosta.mvc.controller/SawonController.java

package or.kosta.mvc.controller;

import java.util.List;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;

import or.kosta.mvc.dao.SawonDao;
import or.kosta.vo.DeptVO;
import or.kosta.vo.SawonVO;

@Controller
public class SawonController {
	@Autowired
	private SawonDao sawonDao;

@RequestMapping(value = "/sawonList", method = RequestMethod.GET)
	public String sawonList(Model m) {
		List<SawonVO> list = sawonDao.getSawonList();
		m.addAttribute("list", list);
		return "sawonList";
	}
	//1번째 예제 ResultMap
	@GetMapping("/deptList")
	public String deptList(Model m) {
		List<DeptVO> list = sawonDao.getDeptList();
		m.addAttribute("dlist",list);
		return "deptList";
	}
	// 2번째 예제 ResultMap
	@GetMapping("/sphoneForm")
	public String sawonphoneForm() {
		return "sphForm";
	}
	@PostMapping("/sPhone")
	public String sawonPhone(int sabun,Model m) {
		SawonVO v = sawonDao.getSawonPhone(sabun);
		m.addAttribute("sawon",v);
		return "sawonPhone";
	}

}

src/or.kosta.mvc.dao/GvoDao.java

src/or.kosta.mvc.dao/SawonDao.java

src/or.kosta.vo/DeptVo.java

src/or.kosta.vo/GogekVo.java

src/or.kosta.vo/SawonPhoneVo.java

src/or.kosta.vo/SawonVo.java

package or.kosta.vo;

public class SawonVO {
	private int sabun,deptno,sapay,samgr; 
	private String saname,sajob,sahire,sasex;
	//ResultMap2 Association 예제
	private SawonPhoneVO sphone;
	
	public SawonPhoneVO getSphone() {
		return sphone;
	}
	public void setSphone(SawonPhoneVO sphone) {
		this.sphone = sphone;
	}
	public int getSabun() {
		return sabun;
	}
	public void setSabun(int sabun) {
		this.sabun = sabun;
	}
	public int getDeptno() {
		return deptno;
	}
	public void setDeptno(int deptno) {
		this.deptno = deptno;
	}
	public int getSapay() {
		return sapay;
	}
	public void setSapay(int sapay) {
		this.sapay = sapay;
	}
	public int getSamgr() {
		return samgr;
	}
	public void setSamgr(int samgr) {
		this.samgr = samgr;
	}
	public String getSaname() {
		return saname;
	}
	public void setSaname(String saname) {
		this.saname = saname;
	}
	public String getSajob() {
		return sajob;
	}
	public void setSajob(String sajob) {
		this.sajob = sajob;
	}
	public String getSahire() {
		return sahire;
	}
	public void setSahire(String sahire) {
		this.sahire = sahire;
	}
	public String getSasex() {
		return sasex;
	}
	public void setSasex(String sasex) {
		this.sasex = sasex;
	}
	
}

jsp/sawonList.jsp

jsp/deptList.jsp

jsp/sphForm.jsp

jsp/sawonPhone.jsp

'학원수업 > Spring' 카테고리의 다른 글

학원 26일차 복습(4/18) (0)	2018.04.18
학원 24일차 복습(4/16) (0)	2018.04.16
학원 22일차 복습(4/12) (0)	2018.04.12
학원 21일차 복습(4/11) (0)	2018.04.11
학원 20일차 복습(4/10) (0)	2018.04.10

이론

제약조건주는이유: 데이터의 무결성보장,

컬럼단위 제약조건

낫널은 컬럼단위

DDL에는 TCL이 포함

트랜잭션이란?

■ 트랜잭션이란 단어의 본래 뜻은 '거래'라는 의미

■ 예를 들어 돈을 주었는데 물건을 받지 못한다면, 그 거래는 이루어 지지

못하고 원상태로 복구되어야 함

■ 이와 같이 쪼갤 수 없는 하나의 처리 행위를 원자적 행위라고 함

■ 여기서 쪼갤 수 없다는 말의 의미는 실제로 쪼갤 수 없다기 보다는 만일

쪼개질 경우 시스템에 심각한 오류를 초래할 수 있다는 것

eXERD설치하여 ERD작성

오라클에서 sql문 작성

--cascade: 상위테이블로부터 행을 삭제하고 하나의 삭제 명령어로 그에 대응되는 하위테이블의 해당행을 삭제할 수 있다.

-- 조건절 : where 컬럼명 조건 >> 제한된 행을 출력(데이터 제한)

-- 산술연산자 : +,-,*,/,mod(10,3) =>1

-- 관계연산자 : >,<,>=,<=,=,!=(<>)

-- 논리연산자 : not , and , or

-- 문자열연산자 : like

--between A and B : 범위연산자

--or,in 연산자

--연결 연산자(||)

-- 문자열 연산자) 주로 검색에서 많이 사용이 된다.

-- like (% : 모든 문자열, _ : 한문자

--수학 관련 함수

--power(n2,n1) : 제곱값을 구하기 위한 함수 n2에 대한 n1승의 값을 구함.

--dual => 실험하고 싶을때 // 가상테이블

--SIGN: 인자가 음수인지 양수인지 판단하는 함수

--n<0 : -1 ,n=0 : 0 , n>0 :1 을 리턴함

--mod(n2,n1) : n2나누기 n1의 나머지 값구하기 자바에서 % 동일

--반올림 함수 : ROUND

--자리수를 지정한 버림 : TRUNC

--정수형태 출력 : CEIL(천장,상한값), FLOOR(바닥,하한값)

--문자함수

--lower : 문자열 전체를 소문자로 변환

--upper : 문자열 전체를 대문자로 변환

--initcap : 문자열의 첫번째 문자만 대문자로 변환

--문자 조작 함수

--trim: 좌우측 공백을 제거

--ltrim: 좌측, rtrim: 우측

--INSTR 함수 : 문자열중에서 지정한 특정문자가 포함된 위치를 반환하는 함수

--instr(대상문자열, 찾을문자열, 방향, 검색된결과의 순번)

--방향 : 1이면 왼쪽->오른쪽 // -1이면 오른쪽->왼쪽

--SUBSTR 함수: 문자열의 일부를 추출하는 함수

--substr(문자열,N번째부터,N개);

실습

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>spring0411</groupId>
  <artifactId>spring0412_dynamic</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>
			
			<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>
			
			<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>
			
			<dependency>
				<groupId>commons-fileupload</groupId>
				<artifactId>commons-fileupload</artifactId>
				<version>1.3.3</version>
			</dependency>
			
			<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>spring0411</display-name>
 
  <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/**"/>
	
	
	<bean id="dataSource" class="org.springframework.jndi.JndiObjectFactoryBean">
	<property name="jndiName" value="java:comp/env/jdbc/myoracle"></property>
	</bean>
	
	<bean id="factoryBean" class="org.mybatis.spring.SqlSessionFactoryBean">
		<property name="dataSource" ref="dataSource"/>
		<property name="configLocation" value="classpath:or/kosta/config/config.xml"/>
		<property name="mapperLocations" value="classpath*:or/kosta/mapper/*.xml"/>
	</bean>
	
	<bean id="ss" class="org.mybatis.spring.SqlSessionTemplate">
		<constructor-arg ref="factoryBean"/>
	</bean>
	
	
	<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>

src/or.kosta.config/config.xml

src/or.kosta.mapper/gogek.xml

src/or.kosta.mvc.controller/DefaultController.java

src/or.kosta.mvc.controller/GogekController.java

src/or.kosta.mvc.dao/GvoDao.java

src/or.kosta.vo/gogekDTO.java

src/or.kosta.vo/searchVO.java

gogekList.jsp

<%@ page language="java" contentType="text/html; charset=EUC-KR"
	pageEncoding="EUC-KR"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>list.jsp</title>
<style>
#wrap {
	width: 500px;
	margin: auto;
}

#wrap table {
	width: 100%
}

#wrap img {
	width: 110px;
}
</style>
</head>

<div id="wrap">
		<table>
			<tr>
				<td colspan="5">고객리스트</td>
			</tr>
			<tr>
				<td>고객번호</td>
				<td>고객이름</td>
				<td>전화번호</td>
				<td>주민번호</td>
				<td>담당자번호</td>
			</tr>
			<c:forEach var="listv" items="${list}">
				<tr>
					<td>${listv.gobun}</td>
					<td>${listv.goname}</td>
					<td>${listv.gotel}</td>
					<td>${listv.gojumin}</td>
					<td>${listv.godam}</td>
				</tr>
			</c:forEach>
			<tr>
				<td colspan="5">
					<form method="post" action="search">
					<select name="searchType">
						<option value="1">고객이름</option>
						<option value="2">전화번호</option>
						<option value="3">주민번호</option>
					</select> 
					<input type="text" name="searchValue">
					<input type="submit" value="검색">
					</form>
				</td>
			</tr>
		</table>
	</div>

'학원수업 > Spring' 카테고리의 다른 글

학원 24일차 복습(4/16) (0)	2018.04.16
학원 23일차 복습(4/13) (0)	2018.04.13
학원 21일차 복습(4/11) (0)	2018.04.11
학원 20일차 복습(4/10) (0)	2018.04.10
학원 19일차 복습(4/9) (0)	2018.04.09

이론

pom.xml에 dependency 하기 -> web.xml에 필터설정하기, servlet설정하기 ->context.xml에 연결할 DB설정하기

->build path에서 톰캣에 ojdbc6.jar 추가하기***** -> servlet.xml 생성하고 dataSource setting, MyBatis config,mapper setting , MyBatis Template configure, multipartResolver 추가하기

vo생성하기 -> dao생성하기 ->config.xml생성하기 -> mapper.xml 생성하기-> Controller생성하기 -> jsp생성하기

파일 다운로드 방법(Controller 에서 사용)

파일의 버퍼 설정

다운로드 요청에 대한 HandlerMapping

이미 업로드된 경로에서 파일 다운로드를 할 것이기 때문에 리스트나 뷰에서 해당 파일의 이름을 받아와야 한다.

fileDown.kosta?fileName=파일이름

-> @RequestParam("fileName") String fileName

ServletContext와 파일의 절대경로를 얻어내기위해서

-> HttpSession session, HttpServletRequest request

다운로드란 브라우저와 Stream으로 연결되어서 통신되어야 하기 때문에..

-> HttpServletResponse response

applicationContext 객체를 request로 부터 얻어냄

업로드된 경로 얻음

그 경로로 파일객체를 생성

FileInputStream 스트림으로 읽어옴

요청객체로부터 연결될 브라우저의 마임타입을 얻어냄

만약 마임타입값이 없으면 그냥 디폴트로 스트림으로 연결

지정된 마임타입 세팅

다운로드될 파일의 길이 세팅

다운로드 Type을 설정함

위의 다운로드 타입의 정보를 해더로 설정

브라우저로부터 스트림을 연결

버퍼를 끼워서 빠르게 전달 목적

이제 브라우저로 보내고, 자원 닫으면 끝

실습

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>spring0411</groupId>
  <artifactId>spring0411</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>
			
			<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>
			
			<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>
			
			<dependency>
				<groupId>commons-fileupload</groupId>
				<artifactId>commons-fileupload</artifactId>
				<version>1.3.3</version>
			</dependency>
			
			<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>spring0411</display-name>
 
  <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/**"/>
	
	
	<bean id="dataSource" class="org.springframework.jndi.JndiObjectFactoryBean">
	<property name="jndiName" value="java:comp/env/jdbc/myoracle"></property>
	</bean>
	
	<bean id="factoryBean" class="org.mybatis.spring.SqlSessionFactoryBean">
		<property name="dataSource" ref="dataSource"/>
		<property name="configLocation" value="classpath:or/kosta/config/config.xml"/>
		<property name="mapperLocations" value="classpath*:or/kosta/mapper/*.xml"/>
	</bean>
	
	<bean id="ss" class="org.mybatis.spring.SqlSessionTemplate">
		<constructor-arg ref="factoryBean"/>
	</bean>
	
	
	<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>

src/or.kosta.config/config.xml

src/or.kosta.mapper/tboardMap.xml

src/or.kosta.mvc.controller/DefaultController.java

src/or.kosta.mvc.controller/TboardController.java

package or.kosta.mvc.controller;

import java.io.File;
import java.io.FileInputStream;
import java.io.IOException;
import java.io.OutputStream;
import java.util.List;

import javax.servlet.ServletContext;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
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.servlet.ModelAndView;

import or.kosta.mvc.dao.TvoDao;
import or.kosta.vo.TBoardDTO;

@Controller
public class TBoardController {
	@Autowired
	private TvoDao tvoDao;

@RequestMapping(value = "/form")
	public String form() {
		return "form";
	}

@RequestMapping(value = "/tBoardProcess", method = RequestMethod.POST)
	public ModelAndView save(TBoardDTO tvo, HttpServletRequest request) {
		HttpSession session = request.getSession();
		String r_path = session.getServletContext().getRealPath("/");
		System.out.println(r_path);
		String img_path = "resources\\img\\";
		System.out.println(img_path);
		StringBuffer path = new StringBuffer();
		path.append(r_path).append(img_path);
		String oriFn = tvo.getMfile1().getOriginalFilename();
		path.append(oriFn);
		System.out.println(path);
		// 파일 업로드
		File f = new File(path.toString());
		try {
			tvo.getMfile1().transferTo(f);
		} catch (IllegalStateException | IOException e) {
			e.printStackTrace();
		}
		tvo.setMfile(oriFn);
		tvoDao.add(tvo);
		ModelAndView mav = new ModelAndView("redirect:/list");
		return mav;
	}

@RequestMapping(value = "/list", method = RequestMethod.GET)
	public ModelAndView list() {
		ModelAndView mav = new ModelAndView();
		mav.setViewName("list");
		List<TBoardDTO> listvo = tvoDao.getList();
		mav.addObject("list", listvo);
		return mav;
	}

// 파일의 버퍼 설정
	private static final int BUFFER_SIZE = 4096;

// 다운로드 요청에 대한 HandlerMapping
	// 이미 업로드된 경로에서 파일 다운로드를 할 것이기 때문에
	// 리스트나 뷰에서 해당 파일의 이름을 받아와야 한다.
	// fileDown.kosta?fileName=파일이름
	// -> @RequestParam("fileName") String fileName
	// ServletContext와 파일의 절대경로를 얻어내기위해서
	// -> HttpSession session, HttpServletRequest request
	// 다운로드란 브라우저와 Stream으로 연결되어서 통신되어야 하기 때문에..
	// -> HttpServletResponse response
	@RequestMapping(value = "/fileDown")
	public void fileDown(@RequestParam("fileName") String fileName, HttpSession session, HttpServletRequest request,
			HttpServletResponse response) throws IOException {
		// applicationContext 객체를 request로 부터 얻어냄
		ServletContext context = request.getServletContext();
		// 업로드된 경로 얻음
		String img_path = "resource\\img\\";
		String path = session.getServletContext().getRealPath("resources/img/") + fileName;
		System.out.println("FileDown:" + path);
		// 그 경로로 파일객체를 생성
		File downloadFile = new File(path);
		// FileInputStream 스트림으로 읽어옴
		FileInputStream fi = new FileInputStream(downloadFile);
		// 요청객체로부터 연결될 브라우저의 마임타입을 얻어냄
		String mimeType = context.getMimeType(path);
		// 만약 마임타입값이 없으면 그냥 디폴트로 스트림으로 연결
		if (mimeType == null) {
			// text/html, text/json, text/image
			mimeType = "application/octet-stream";
		}
		// 지정된 마임타입 세팅
		response.setContentType(mimeType);
		// 다운로드될 파일의 길이 세팅
		response.setContentLength((int) downloadFile.length());
		// 다운로드 Type을 설정함
		String headerKey = "Content-Disposition";
		String headerValue = String.format("attachment; filename=\"%s\"", downloadFile.getName());
		// 위의 다운로드 타입의 정보를 해더로 설정
		response.setHeader(headerKey, headerValue);
		// 브라우저로부터 스트림을 연결
		OutputStream outStream = response.getOutputStream();
		// 버퍼를 끼워서 빠르게 전달 목적
		byte[] buffer = new byte[BUFFER_SIZE];
		// 이제 브라우저로 보내고, 자원 닫으면 끝
		int bytesRead = -1;
		while ((bytesRead = fi.read(buffer)) != -1) {
			outStream.write(buffer, 0, bytesRead);
		}
		fi.close();
		outStream.close();

}

@RequestMapping(value = "/detail")
	public String detail(int num, Model m) {
		TBoardDTO vo = tvoDao.getDetail(num);
		m.addAttribute("vo", vo);
		return "detail";
	}

@RequestMapping(value = "/update")
	public String updateForm(int num, Model m) {
		TBoardDTO vo = tvoDao.getDetail(num);
		m.addAttribute("vo", vo);
		return "updateForm";
	}

@RequestMapping(value = "/updateProcess", method = RequestMethod.POST)
	public ModelAndView updateProcess(TBoardDTO tvo, HttpServletRequest request) {
		if (tvo.getMfile1().isEmpty() == false) {
			HttpSession session = request.getSession();
			String r_path = session.getServletContext().getRealPath("/");
			System.out.println(r_path);
			String img_path = "resources\\img\\";
			System.out.println(img_path);
			StringBuffer path = new StringBuffer();
			path.append(r_path).append(img_path);
			String oriFn = tvo.getMfile1().getOriginalFilename();
			path.append(oriFn);
			System.out.println(path);
			// 파일 업로드
			File f = new File(path.toString());
			try {
				tvo.getMfile1().transferTo(f);
			} catch (IllegalStateException | IOException e) {
				e.printStackTrace();
			}
			tvo.setMfile(oriFn);
		}else {
			tvo.setMfile(tvo.getMfile());
		}
		tvoDao.update(tvo);
		ModelAndView mav = new ModelAndView("redirect:/list");
		return mav;
	}
	@RequestMapping(value = "/delete")
	public String delete(int num) {
		tvoDao.delete(num);
		return "redirect:/list";
	}
}

src/or.kosta.mvc.dao/TvoDao.java

src/or.kosta.vo/TBoardDTO.java

JSP코드 블로그에 버튼,파일등록창 같이떠서 제외

'학원수업 > Spring' 카테고리의 다른 글

학원 24일차 복습(4/16) (0)	2018.04.16
학원 23일차 복습(4/13) (0)	2018.04.13
학원 22일차 복습(4/12) (0)	2018.04.12
학원 20일차 복습(4/10) (0)	2018.04.10
학원 19일차 복습(4/9) (0)	2018.04.09

이론

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>
			
			<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>
			
			<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>
			
			<dependency>
				<groupId>commons-fileupload</groupId>
				<artifactId>commons-fileupload</artifactId>
				<version>1.3.3</version>
			</dependency>
			
			<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-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/**"/>
	
	<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

or.kosta.mvc.controller/HelloController.java

or.kosta.mvc.controller/DefaultController.java

sayhello.jsp

or.kosta.mvc.controller/SimpleController.java

simpleForm.jsp

simpleResult.jsp

or.kosta.mvc.controller/SimpleController2.java

or.kosta.vo/simpleDTO.java

simpleForm2.jsp

simpleResult2.jsp

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

success.jsp

'학원수업 > Spring' 카테고리의 다른 글

학원 24일차 복습(4/16) (0)	2018.04.16
학원 23일차 복습(4/13) (0)	2018.04.13
학원 22일차 복습(4/12) (0)	2018.04.12
학원 21일차 복습(4/11) (0)	2018.04.11
학원 19일차 복습(4/9) (0)	2018.04.09

이론

톰캣 컨테이너로부터 요청이 왔을때 스프링은 DI하여 한번에 수행

포트번호 오류시

Servers -> server.xml에서 63번 라인 port="80" URIEncoding ="EUC-KR" 으로 수정

액션팩토리-오브잭트팩토리패턴적용 요청에따른 모델생성관리 컨트롤러에게 보고

DI (Dependency Injection)

● DI는 스프링 컨테이너가 지원하는 핵심 개념 중의 하나다.

● DI는 객체 사이의 의존 관계를 객체 자신이 아닌 외부의 조립기가 수행한다는 개념이다.

● 스프링은 설정 파일이나 어노테이션을 이용하여 객체 간의 의존 관계를 손쉽게 설정할 수 있다.

■ 의존성(Dependency)

∎ 비즈니스 로직을 수행하기 위해서는 둘 이상의 클래스가 사용되는데, 각 객체는 협업할 객체의 참조를 취득해야할 책임이 있는데, 이것이 의존성이다.

∎ 객체간의 결합도가 높으면 테스트하기 어려운 코드가 만들어진다.

■ 의존성 주입 : 객체들은 객체의 생성 시점에 spring container로부터 의존성을 부여 받게 된다. 즉, 의존하는 객체를 주입받게 된다.

■ 빈 묶기(Bean Wiring)

스프링 컨테이너에서 각 객체간의 의존관계는 xml 파일을 통해서명시할 수 있다. 객체간의 의존 관계는 생성자와 setter 메소드 방식의 두가지 방식으로 지정할 수 있다.

값을 추가 시킬수 있는 방법은 기본 2가지 setter,생성자

■ 제어역행(IoC : Inversion of Control)

각 객체는 협업할 객체의 참조를 취득해야하는 책임이 있는데, 제어역행은 의존하는 객체를 역행적으로 취득하는 것이다. IoC는 한 객체가 의존성을 가지는 다른 객체의 참조를 취득하는 방법에 대한 책임의 역행이라는 의미를 가지고 있다. IoC를 적용하면 객체들은 어떤 존재에 의해 객체를 생성할 때 의존성을 가지는 객체를 주입받게 된다.

■ spring 컨테이너 : 스프링은 객체를 관리하는 컨테이너를 제공한다.(스프링 컨테이너는 객체를 생성, 저장, 관리한다.)

spring은 BeanFactory와 ApplicationContext 인터페이스를 구현한 컨테이너를 제공한다.

■ applicationContext.xml

∎ 스프링에서는 컨테이너에 저장될 Bean객체와 각 Bean객체간의 연관관계를 xml 파일을 통해서 설정한다.

∎ <bean> 태그는 스프링 컨테이너 안에서 생성해야 하는 자바 빈을 정의한다.

빈 추가: 빈을 위한 기본 설정에는 빈의 id와 클래스 전체 경로를 설정한다.

id 속성은 생성된 객체를 구분하는 식별값으로 사용되면, id 속성 대신 name 속성을 사용할 수도 있다.

∎ 프로토타입과 싱글톤

스프링의 모든 빈은 기본적으로 싱글톤이다. 컨테이너가 배포하는 빈은 항상 동일한 인스턴스를 반환한다. 컨테이너로부터 매번 새로운 인스턴스를 제공받으려면 <bean>태그의 singleton속성을 false로 혹은 scope속성을 prototype로 정의한다.

proprerty ==> setter호출

Spring은 외부조립기 역할, 객체들 관계를 맞추어 주는 역할...

스프링컨테이너는 싱글톤 레지스터리가 있어서 빈으로 등록하는 모든 객체를 싱글톤레지스터리에 등록 해놓고 사용한다.

di 시킬 대상을 적용해서 주입시킬때 ref= 속성을 을 사용한다.

생성자의 특징 : Spring에서는 생성자 오버로딩 문제일때 기본 빈의 주입 형식이 String이다.

생성자 오버로딩일 경우 생성자의 자료형을 명시 해줘야 한다.

@Autowired 어노테이션을 이용한 자동 설정

◦ @Autowired 어노테이션은 의존 관계를 자동으로 설정할 때 사용되며 생성자, 필드, 메서드 세 곳에 적용가능하다.

◦ @Autowired 어노테이션은 해당 타입의 빈 객체가 존재하지 않거나 2개 이상 존재하는 경우 예외를 발생한다.

byName : property와 같은 이름의 빈을 찾아서 묶어준다.

byType : property와 같은 타입의 빈을 찾아서 묶어준다.

1.모든 빈을 검색한다.

2.같은 타입의 빈이 오면 혼돈을 일으키기 때문에 수식어 지정!

@Qualifier 어노테이션을 이용한 자동 설정 제한

◦ @Qualifier 어노테이션을 이용하여 동일한 빈 객체들 중에서 특정 빈을 사용하도록 설정할 수 있다.

◦ @Qualifier 어노테이션은 자동 연결할 빈 객체의 수식어 값을 가진다.

◦ 빈 객체들 중에서 <qualifier> 태그의 값이 @Qualifier 어노테이션의 수식어 값과 일치하는 빈을 자동 설정한다.

빈의 초기화와 소멸

∙ 스프링은 빈의 구성과 해제를 위한 생명주기 메소드를 제공

∙ init-method는 빈이 객체화되는 즉시 호출될 메소드 정의

∙ destroy-method는 빈이 컨테이너로부터 제거되기 직전에 호출될 메소드를 정의

생성자 호출

init 호출

------------------------

printMsg 호출

빈의 라이프 사이클 테스트(str)

destroy 호출

실습

src.ex1.Ex1_MessageApp.java

src.ex1.Exam_Todate.java

src.ex1.Myprofile.java

src.ex1.ex1.xml

src.ex1.mypro.xml

ex1_di.jsp

원소스가 제대로 안올라가서 올리지 않음.

ex1_di2.jsp

<%@page import="ex1.Exam_Todate"%>
<%@page import="ex1.Ex1_MessageApp"%>
<%@page import="org.springframework.context.support.GenericXmlApplicationContext"%>
<%@page import="org.springframework.context.ApplicationContext"%>
<%@ 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">

<%
	//1.SpringContainer에 등록되어서 생성될때 객체가 싱글톤으로 생성이 된다.
	ApplicationContext ctx = new GenericXmlApplicationContext("ex1/ex1.xml");
	//2.싱글톤 레지스터리에서 등록된 객체의 주소를 얻어온다.
	Ex1_MessageApp em1 = ctx.getBean("msg", Ex1_MessageApp.class);
	Ex1_MessageApp em2 = ctx.getBean("msg", Ex1_MessageApp.class);
	// scope="prototype" 은 싱글톤이 아니기 때문에 false 즉 주소값이 다름
	System.out.println("em1== em2"+(em1==em2));
	Exam_Todate todate = ctx.getBean("today", Exam_Todate.class);
	
	
%><%=todate.printDate() %>

myprofile.jsp

src.exam.Exam_DI.java

src.exam.exam_di.xml

exam_di.jsp

src.ex2.Ex2_Resource.java

src.ex2.Ex2_Message.java

src.ex2.ex2_di.xml

ex2_di.jsp

src.ex3.Ex3_Service.java

src.ex3.Ex3_ServiceImple.java

src.ex3.ex3_const.xml

ex3_const.jsp

src.ex5.ChinaOrder.java

src.ex5.IndoOrder.java

src.ex5.KorOrder.java

src.ex5.MenuInter.java

src.ex5.OrderSystem.java

src.ex5.ex5_menu.xml

orderForm.jsp

orderProcess.jsp

src.ex6.Ex6_AutoWired.java

src.ex6.ex6_auto.xml

src.ex6.Ex7_Resource.java

src.ex6.ex7_res.xml

src.ex6.Ex8_LifeCycle.java

src.ex6.Ex8_Main.java

src.ex6.ex8_life.xml

ex6_auto1.jsp

ex7_auto.jsp

'학원수업 > Spring' 카테고리의 다른 글

학원 24일차 복습(4/16) (0)	2018.04.16
학원 23일차 복습(4/13) (0)	2018.04.13
학원 22일차 복습(4/12) (0)	2018.04.12
학원 21일차 복습(4/11) (0)	2018.04.11
학원 20일차 복습(4/10) (0)	2018.04.10

파워욱의 코딩메모장