교육 46일차

권재현·2021년 5월 25일

교육 스프링

교육

목록 보기

32/49

스프링 동작순서 복습

제이쿼리 파일 옮기기

form

내용(entity)의 값들은 지정 주소에 전달
값(value)의 키는 name을 활용
값 전달 시 : name : value --> key/ value 형태

test1 참고

<%@ 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>
<script type="text/javascript"
	src="resources/jquery/jquery-1.12.4.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$("#sendBtn").on("click",function(){
		$("#sendForm").submit(); //submit() : form실행
	});
});
</script>
</head>
<body>
Hello Spring!!!<br/>
<!-- action : 값을 전송하여 이동할 주소 -->
<form action="test2" id="sendForm" method="post">
<input type="text" name="txt" />
<input type="button" value="전송" id="sendBtn"/>
</form>
</body>
</html>

서버를 실행시키기 위해 TestController 에 추가

package com.test.spring.test.controller;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;

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

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.servlet.ModelAndView;

@Controller
public class TestController {
	
	@RequestMapping(value="/test1")
	
	/*
	 * ModelAndView : 데이터와 뷰를 담을 수 있는 클래스
	 */
	public ModelAndView test1(ModelAndView mav) {
		
		//ViewResolver : "/WEB-INF/views/test/test1.jsp"
		mav.setViewName("test/test1"); //jsp 위치지정
		
		return mav;
	}
	//@HttpServletRequest : 요청과 관련된 데이터 집합(사용자에서 넘어온것)
	//@RequestParam(value=값)변수타입 변수명 : 값에 해당하는 key가 넘어올때 
						//Key에 연결된 값을 변수에 담는다.
	//@RequestParam 변수타입 변수명 : 변수명과 동일한 Key가 넘어올 때
	//				Key에 연결된 값을 변수에 담는다.
	//@RequestParam HashMap : 넘어오는 Key와 Value들을 Map에 담는다.
	//@RequestParam(value=값) List 변수명 : 값에 해당하는 Key들이 넘어올 때
	//	List는 체크박스 쓸대만 사용       Key에 연결된 값들을 리스트에 담는다.
	// HttpServletResponse:  응답에 대한 정보(보낼형태, 헤더정보)
	@RequestMapping(value="/test2")
	public ModelAndView test2(HttpServletRequest req,
			@RequestParam(value="txt") String s,			
			@RequestParam String txt,
			@RequestParam HashMap<String, String> params,
			@RequestParam (value="txt") ArrayList<String> list,
									ModelAndView mav) {
		
		System.out.println(req.getParameter("txt"));
		System.out.println(s);
		System.out.println(txt);
		System.out.println(params.get("txt"));
		System.out.println(list.get(0));
		
		//req.setAttribute("test", "Hi~");
		
		mav.addObject("test", "Hi2!!"); // Model에 값을 담는다
		
		List<HashMap<String, String>> data 
				= new ArrayList<HashMap<String, String>>();
		
		for(int i = 10; i > 0 ; i--	) {
			HashMap<String, String> temp
				= new HashMap<String, String>();
			
			temp.put("no", Integer.toString(i));
			temp.put("title","test" + i);
			
			data.add(temp);
		}
		mav.addObject("data", data);		
		
		mav.setViewName("test/test2");
		
		return mav;
	}
}

test2 참고

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core"%> 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript"
	src="resources/jquery/jquery-1.12.4.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$("#backBtn").on("click",function(){
		//history.back();	//브라우저 히스토리 기록 전단계로 이동
		//history.go(-1); // 브라우저 히스토리 기록 지정한 만큼 이동
		location.href = "test1" // 해당주소로 이동
	});
});
</script>
</head>
<body>
${param.txt}<%-- ${param.~~~~} : 전 화면에서 넘어온 값 취득 --%>
${test}<%-- param.이 안 붙는 경우는 java에서 전송한 경우 --%>
<input type="button" value="뒤로가기" id="backBtn"/>
<br/>
<table>
	<thead>
		<tr>
			<th>번호</th>
			<th>제목</th>
		</tr>
	</thead>
	<tbody>
		<c:forEach var="d" items="${data}">
		<tr>
			<td>${d.no}</td>
			<td>${d.title}</td>
		</tr>
		</c:forEach>
	</tbody>
</table>
</body>
</html>