[HTML] 포워딩과 리다이렉트 실습

Send11.html ▼▼▼

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Send11.html</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>

<div>
	<h1>데이터 송수신 실습 11</h1>
	<hr>
</div>
<!-- ■■■ 포워딩 / 리다이렉트 관련 중요한 실습 ■■■ -->
<!-- ① 사용자 최초 요청 페이지 -->
<!--    사칙연산 수행을 위한 정수 입력페이지 구성 -->
<!--    연산자를 함께 입력받을 수 있도록 처리 -->
<!--    정수1 / 정수2 / 연산자 -->
<!--    http://localhost:8090/WebApp07/Send11.jsp  -->

<!-- ② 연산 전용 페이지 -->
<!--    스크립트릿 코드만 존재 + jsp:forward 액션 태그 -->
<!--    → 추후 이 코드를 java 로 분리하여 → Servlet 으로 구성할 예정 -->
<!--    http://localhost:8090/WebApp07/Forward11.jsp  -->

<!-- ③ 최종 결과 출력 페이지 -->
<!--    연산 전용 페이지에서 처리한 결과를 넘겨받아 클라이언트와 대면할 페이지로 구성 -->
<!--    → 추후 이 페이지는 jsp view 페이지의 역할을 수행할 예정 -->
<!--    http://localhost:8090/WebApp07/Receive11.jsp  -->

<div>
	<!-- jsp:forward 액션 태그 사용 -->
	<!-- <form action="Forward11.jsp" method="post"> -->
	
	<!-- jsp:forward 액션 태그 없이 포워딩 처리 -->
	<form action="Forward11_1.jsp" method="post">
		정수1 <input type="text" name="num1" class="txt">
		<select name="calResult">
			<option selected="selected">연산 선택</option>
			<option value="1">더하기</option>
			<option value="2">빼기</option>
			<option value="3">곱하기</option>
			<option value="4">나누기</option>
		</select>
		
		정수2 <input type="text" name="num2" class="txt">
		<button type="submit" class="btn control">확인</button>
	</form>
</div>



</body>
</html>

Forward11_1.jsp ▼▼▼

<%@ page contentType="text/html; charset=UTF-8"%>
<%
	// Forward11.jsp
	
	// 이전 페이지(Send11.html)로부터 데이터(num1, calResult, num2) 수신
	
	String num1Str = request.getParameter("num1");
	String num2Str = request.getParameter("num2");
	String calResult = request.getParameter("calResult");
	
	int num1=0;
	int num2=0;
	
	String result ="";
	
	try
	{
		num1 = Integer.parseInt(num1Str);
		num2 = Integer.parseInt(num2Str);
		if(calResult.equals("1"))	   // 더하기
			result = String.format("%d + %d = %d", num1, num2, (num1+num2));
		else if(calResult.equals("2")) // 빼기
			result = String.format("%d - %d = %d", num1, num2, (num1-num2)); 
		else if(calResult.equals("3")) // 곱하기
			result = String.format("%d * %d = %d", num1, num2, (num1*num2)); 
		else if(calResult.equals("4")) // 나누기
			result = String.format("%d / %d = %.0f", num1, num2, (num1/(double)num2)); 
					
		
	}
	catch(Exception e)
	{
		System.out.println(e.toString());
	}
	
	request.setAttribute("resultStr", result);
	
	RequestDispatcher dispatcher = request.getRequestDispatcher("Receive11.jsp");
	dispatcher.forward(request, response);
	/*
	   RequestDispatcher 인터페이스
	   
	   이 인터페이스는 forward()와 include() 만 있다.
	   
	   처리 과정 및 개념
	   
	   일반적으로 HttpServlet 을 상속받는 클래스.. 서블릿
	   
	   이렇게 작성된 클래스 내부에는
	   실제 요청을 서비스하는 doGet() 과 doPost() 메소드가 정의되어 있으며
	   service() 메소드가 이들의 상위 메소드임..
	   
	   ServletContainer 는 HttpServlet 의 인터페이스 생성
	   init()메소드를 실행
	   이 메소드에 의해 매핑된 URL에
	   페이지 요청방식에따라 doGet() 와 doPost() 중 선택해서 메소드호출
	   Container 가 종료될 때 destroy()메소드 호출해주고 마무리됨
	   
	  즉 ServletContainer 가
	  init()
	  service()
	  destroy()
	  메소드 호출한다
	  
	  우리가 직접하는게 아님
	  
	  결국 하나의 인스턴스만 생성되서 멀티스레딩으로 돌아감
	  상속된 클래스의 인스턴스는 스레드에 안전하게 설계(스레드 세이프티)되어야 하고
	  따라서 안전하게 설계되지 않은 경우
	  상위 클래스를 마구 접근하게 되어 에러가 발생할 수 밖에 없다.
	  
	  이와 같은 이유로 환경 설정이나 J2E서비스에 관한 내용은
	  ServletContext 에서 할 수 있게 됨
	  -> 서블릿에 대한 환경, 상태등을 설정할 수 있는 객체
	  
	  이 ServletContext 는 getServletContext()로만 받을 수 있다
	  
	  그렇기 때문에 동기화가 제대로 구현되어 있을 것이라고 예측가능.
	  멀티 스레드에 안전하게 설계되어있어야
	  우리가 스레드 걱정없이 마음대로 읽고 쓸수 잇기 때문
	  
	  또 다른 커다란 기능중하나는
	  다른 서블릿 인스턴스를 가져올수 있다거나
	  서블릿 환경 설정값을 가져올수있는 기능이다.
	  
	  RequestDispatcher 또한 그 기능 중 하나임
	  사전적 의미로는 요청을 제공하는 도구
	  즉, 요청을 보내주는 인터페이스이다.
	  현재.. 요청을 다른 서블릿 혹은 JSP 로 보내야 하는 상황
	  그런데 위에 언급한 바와 같이 서블릿의 인스턴스는 하나만 생성되고
	  이것이 멀테 스레딩으로 돌아가고 있다.
	  
	  그렇기 때문에 새로운 서블릿을
	  그 서블릿을 실행하는 것만으로는 안되고
	  이미 돌아가고 있는 서블릿 인스턴스의 스레드를 하나 더 
	  추가해야 한다.
	  이것은 서블릿 개발자가 처리해야 할 영역을  벗어났기 때문에
	  이 일은 Dispatcher가 대신 수행해 준다는 것
	  
	  하지만 이건 HttpServletRequest Response를
	  생성해 줄 수 없음
	  그렇기 대문에 디스패쳐가 생성해준 새로운 서블릿 스레드를
	  실행시키기 위해 두겟 이나 두포스트를 호출해야함
	  이와같은 이유로
	  디스패쳐.포워드(리퀘스트, 리스폰스); 구문을 통해
	  request와 response 를 넘겨주는 것이다.
	
	*/
	
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Forward11_1.jsp</title>
</head>
<body>

</body>
</html>

Receive11.jsp ▼▼▼

<%@ page contentType="text/html; charset=UTF-8"%>
<%
	// 이전 페이지 (Forward11.jsp)로부터 데이터 수신
	
	String result = (String)request.getAttribute("resultStr");
%>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Receive11.jsp</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>

<div>
	<h1> 데이터 송수신 실습 11</h1>
	<hr>
</div>

<div>
	<h2>연산 결과 : <%=result %></h2>
</div>

</body>
</html>

728x90

저작자표시 비영리 변경금지

'WEB Archive' 카테고리의 다른 글

[HTML] 구구단 데이터 전송하기 (0)	2024.08.22
[HTML] 포워딩 실습 (0)	2024.08.22
[HTML] 포워딩과 리다이렉트 실습 - RequestDispatcher (0)	2024.08.22
[HTML] (Redirect) 리다이렉트 실습 (0)	2024.08.22
[HTML] include 디렉티브 실습 (0)	2024.08.21