[JSP] Servlet을 이용한 클라이언트에서 전송되는 요청 처리

▶ 각 장에서 예제 소스를 테스트하기 위한 웹 프로젝트 생성하기

1. New→Dynamic Web Project로 들어간다.

2. Project name에 "Chapter3" 이라고 입력 후 <Next>를 누른다.

3. <Next>를 누른다.

4. 체크박스를 체크한 후 <Finish>를 누른다. 이클립스에서 web.xml 파일이 프로젝트에 자동 생성되게 하려면 체크 박스를 체크하여야 한다.

▶ Form 태그를 사용한 GET 방식의 요청 처리

1. Chapter3의 WebContent에 마우스 오른쪽 버튼을 클릭하고 HTML File을 생성한다.

2. File name에 "login"을 입력하고 <Next>를 누른다.

3. 생성할 HTML 파일의 버전을 "html 5"로 선택하고 <Finish>를 누른다.

▶ 클라이언트 페이지 생성하기

다음 코드를 login.html에 작성한다.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
#loginFormArea {
	text-align: center;
	width: 260px;
	margin: auto;
	border: 1px solid red
}

h1 {
	text-align: center;
}
</style>
</head>
<body>
<h1>로그인</h1>
<section id = "loginFormArea">
<form action="login" method="get">
	<label for="id">아이디 :</label><input type="text" name="id" id="id"/><br>
	<label for="passwd">비밀번호 :</label> <input type="password" name="passwd" id="passwd"><br><br>
	<input type="submit" value="로그인"/>
</form>
</section>
</body>
</html>

▶ 서블릿 생성하기

1. New→Servlet을 클릭한다.

2. Class name에 "LoginServlet"을 적고 <Next>를 누른다. 이 부분은 실질적으로 생성되는 자바 파일명을 지정하는 부분으로 web.xml 설정에서 <servlet-class> 항목에 설정되는 값이다.

3. 클라이언트 폼 태그의 요청 경로가 login(<form action="login">)으로 설정되어 있으므로 URL mapping 값을 /login으로 수정한다. 이 부분은 web.xml 설정 파일에서 <url-pattern> 항목의 내용으로 추가되는 부분이다.

4. 본 예제의 요청 방식이 GET 방식이므로 "Which method stubs would you like to create?" 부분의 체크 박스에서 doGet 메서드만 체크한 후 <Finish>를 클릭한다.

5. 다음 소스를 작성한다.

LoginServlet.java

import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * Servlet implementation class LoginServlet
 */
@WebServlet("/login")
public class LoginServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public LoginServlet() {
        super();
        // TODO Auto-generated constructor stub
    }

	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
	
		String id = request.getParameter("id");
		String passwd = request.getParameter("passwd");
		response.setContentType("text/html;charset=euc-kr");
		PrintWriter out = response.getWriter();
		out.println("아이디=" + id + "<br>");
		out.println("비밀번호=" + passwd + "<br>");	
	}
}

6. 결과 확인하기

▶ a 태그를 사용한 GET 방식의 요청 처리

1. 클라이언트 페이지 코딩

boardList.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<h1>2페이지 목록 요청하기</h1>
	<a href="boardList?page=2">2page</a>
</body>
</html>

2. 서블릿 페이지 코딩

BoardListServlet.java

import java.io.PrintWriter;
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * Servlet implementation class BoardListServlet
 */
@WebServlet("/boardList")
public class BoardListServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;

	/**
	 * @see HttpServlet#HttpServlet()
	 */
	public BoardListServlet() {
		super();
		// TODO Auto-generated constructor stub
	}

	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse
	 *      response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		
		String page = request.getParameter("page");
		response.setContentType("text/html;charset=euc-kr");
		PrintWriter out = response.getWriter();
		out.println(page + " 페이지 게시판 목록 출력");
	}
}

3. 결과 확인하기

위의 2page를 누르면

이렇게 뜬다.

▶ 주소 표시줄에 URL을 직접 입력하여 요청하는 GET 방식의 요청 방식

DirectURLServlet.java

import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * Servlet implementation class DirectURLServlet
 */
@WebServlet("/directURL")
public class DirectURLServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;

	/**
	 * @see HttpServlet#HttpServlet()
	 */
	public DirectURLServlet() {
		super();
		// TODO Auto-generated constructor stub
	}

	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse
	 *      response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		
		String name = request.getParameter("name");
		String age = request.getParameter("age");
		response.setContentType("text/html;charset=UTF-8");
		PrintWriter out = response.getWriter();
		out.println("이름 : " + name + "<br>");
		out.println("나이 : " + age + "<br>");
	}
}

<실행 결과>

위의 URL 뒤에 다음과 같이 전송할 파라미터 값을 ?name=aaa&age=23 을 추가한 후 다시 요청하면 name과 age 파라미터 값이 GET 방식으로 서블릿에 전송된다.

▶ POST 방식으로 요청이 전송되어 올 경우

POST 방식으로 요청을 처리할 경우도 GET 방식으로 요청을 처리하는 경우와 거의 유사하다. 단지 서블릿 쪽에서 요청 처리를 수행할 때 doGet이 아닌 doPost 메서드에서 요청이 처리된다는 차이점이 존재한다.

1. 클라이언트 페이지 코딩

memReg.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<h1>회원 가입</h1>
	<form action="memReg" method="post">
		회원명 :<input type="text" name="name"><br> 
		주소 :<input type="text" name="addr"><br> 
		전화번호 :<input type="text" name="tel"><br> 
		취미 :<input type="text" name="hobby"><br>
		<input type="submit" value="회원 가입" />
	</form>
</body>
</html>

클라이언트 페이지 소스를 보면 폼 태그의 method 속성만 post로 변경되었고, 나머지 부분은 GET 방식으로 요청을 보낼 때와 거의 유사하다.

2. 서블릿 페이지 코딩

MemRegServlet.java

import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * Servlet implementation class MemRegServlet
 */
@WebServlet("/memReg")
public class MemRegServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;

	/**
	 * @see HttpServlet#HttpServlet()
	 */
	public MemRegServlet() {
		super();
		// TODO Auto-generated constructor stub
	}

	/**
	 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse
	 *      response)
	 */
	protected void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		
		response.setContentType("text/html;charset=euc-kr");
		PrintWriter out = response.getWriter();
		String name = request.getParameter("name");
		String addr = request.getParameter("addr");
		String tel = request.getParameter("tel");
		String hobby = request.getParameter("hobby");
		out.println("이름 = " + name + "<br>");
		out.println("주소 = " + addr + "<br>");
		out.println("전화번호 = " + tel + "<br>");
		out.println("취미 = " + hobby + "<br>");
	}
}

서블릿 페이지 소스를 보면 전송되어 오는 요청을 doPost 메서드에서 구현하고 있다. 한글 문제 처리는 하지 않았다.

<실행 결과>

▶ 한글 처리용 페이지 작성

1. 클라이언트 페이지 작성

hangul.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<form action="hangul" method="get">
		한글 이름 : <input type="text" name="name" /><br> 
		<input type="submit" value="확인" />
	</form>
</body>
</html>

2. 서블릿 페이지 작성하기

HangulServlet.java

import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * Servlet implementation class HangulServlet
 */
@WebServlet("/hangul")
public class HangulServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;

	/**
	 * @see HttpServlet#HttpServlet()
	 */
	public HangulServlet() {
		super();
		// TODO Auto-generated constructor stub
	}

	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse
	 *      response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
	
		String name = request.getParameter("name");
		response.setContentType("text/html;charset=UTF-8");
		PrintWriter out = response.getWriter();
		out.println("hangul Process = " + name);
	}

	protected void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		
		request.setCharacterEncoding("UTF-8");
		String name = request.getParameter("name");
		response.setContentType("text/html;charset=UTF-8");
		PrintWriter out = response.getWriter();
		out.println("hangul Process = " + name);
	}
}

<실행 결과>

▶ POST 방식으로 요청이 전송되어 올 경우

1. hangul.html 페이지의 코드 내용에서 form 태그의 method 속성을 POST로 변경한다.

hangul.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<form action="hangul" method="post">
		한글 이름 : <input type="text" name="name" /><br> 
		<input type="submit" value="확인" />
	</form>
</body>
</html>

2. 클라이언트의 요청이 POST 방식으로 전송되어 오기 때문에 HangulServlet의 doGet 메서드에 정의되어 있는 코드를 doPost 메서드로 그대로 복사한다.

HangulServlet.java

protected void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {

		String name = request.getParameter("name");
		response.setContentType("text/html;charset=UTF-8");
		PrintWriter out = response.getWriter();
		out.println("hangul Process(get) = " + name);
}

protected void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {

		request.setCharacterEncoding("UTF-8");
		String name = request.getParameter("name");
		response.setContentType("text/html;charset=UTF-8");
		PrintWriter out = response.getWriter();
		out.println("hangul Process(post) = " + name);
}

<실행 결과>

▶ 하나의 파라미터 이름으로 여러 개의 파라미터 값이 전송되어 올 경우 처리하기

앞에서 소개한 서블릿 예제들은 하나의 파라미터 이름으로 하나의 파라미터 값이 전송되는 경우의 처리 방법이었기 때문에 HttpServletRequest에서 제공되는 String getParameter(String paramName)으로 처리가 가능했으나, 하나의 파라미터 이름으로 여러 개의 값이 전송되어 올 때는 HttpServletRequest 인터페이스에서 제공되는 String[] getParameterValues(String paramName) 메서드를 사용해서 처리해야 된다.

체크 박스의 경우 같은 파라미터 이름으로 값이 여러 개가 전송되어 올 수 있으므로 String[] getParameterValues(String paramValue)로 파라미터를 전송받아야 한다.

1. 클라이언트 페이지

dog.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>당신이 좋아하는 강아지를 선택하세요</h1>
<form action="choiceDog" method="post">
	<input type="checkbox" name="dog" value="pu.jpg"/>푸들
	<input type="checkbox" name="dog" value="jin.jpg"/>진돗개
	<input type="checkbox" name="dog" value="pung.jpg"/>풍산개 
	<input type="checkbox" name="dog" value="sap.jpg"/>삽살개
	<input type="submit" value="선택"/>
</form>
</body>
</html>

2. 서블릿 페이지

ChoiceDogServlet.java

protected void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		
		response.setContentType("text/html;charset=UTF-8");
		PrintWriter out = response.getWriter();
		String[] dog = request.getParameterValues("dog");
		out.println("<html>");
		out.println("<head>");
		out.println("</head>");
		out.println("<body bgcolor='black'>");
		out.println("<table align='center' bgcolor='yellow'>");
		out.println("<tr>");
		for (int i = 0; i < dog.length; i++) {
			out.println("<td>");
			out.println("<img src='" + dog[i] + "'/>");
			out.println("</td>");
		}
		out.println("</tr>");
		out.println("</table>");
		out.println("</body>");
		out.println("</html>");
	}

<실행 결과>

실습) 다음과 같이 나오게 하세요.

<내가 한 것>

delivery.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
	#deliveryFormArea {
		text-align: center;
		width: 270px;
		margin: auto;
		border: 1px solid red
	}

	h1 {
		text-align: center;
	}
</style>
</head>
<body>
<h1>배송지</h1>
<section id="deliveryFormArea">
<form action="delivery" method="post">
	<label>배송지</label><br>
	<label for="addr">받을 주소 :</label> 
	<input type="text" name="addr" id="addr"/><br>
	<label for="name">받는 사람 :</label> 
	<input type="text" name="name" id="name"/><br><br>
	<input type="submit" value="입력">
</form><br>
	<label>전화</label><br>
<form action="delivery" method="get">
	<label for="tel">전화번호 :</label> 
	<input type="text" name="tel" id="tel"/><br>
	<input type="submit" value="전송">
</form>
</section>
</body>
</html>

DeliveryServlet.java

import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * Servlet implementation class DeliveryServlet
 */
@WebServlet("/delivery")
public class DeliveryServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;

	/**
	 * @see HttpServlet#HttpServlet()
	 */
	public DeliveryServlet() {
		super();
		// TODO Auto-generated constructor stub
	}

	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse
	 *      response)
	 */
	protected void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
	
		request.setCharacterEncoding("UTF-8");
		String addr = request.getParameter("addr");
		String name = request.getParameter("name");
		response.setContentType("text/html;charset=UTF-8");
		PrintWriter out = response.getWriter();
		out.println("(post):" + "<br>");
		out.println("주소 : " + addr + "<br>");
		out.println("이름 : " + name + "<br>");
	}

	/**
	 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse
	 *      response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		
		String tel = request.getParameter("tel");
		response.setContentType("text/html;charset=UTF-8");
		PrintWriter out = response.getWriter();
		out.println("(get):" + "<br>");
		out.println("전화번호 : " + tel + "<br>");
	}

}

저작자표시

'JSP' 카테고리의 다른 글

[JSP] forwarding (0)	2021.02.09
[JSP] Session (0)	2021.02.09
[JSP] 웹 프로젝트 생성하고 애플리케이션 실행하기 (0)	2021.02.05
[JSP] 이클립스 JSP 저장 경로 설정 (0)	2021.02.05
[JSP] 서블릿 LifeCycle 관련 메서드 호출 순서 확인 (0)	2021.02.05

[JSP] Servlet을 이용한 클라이언트에서 전송되는 요청 처리

▶ 각 장에서 예제 소스를 테스트하기 위한 웹 프로젝트 생성하기

1. New→Dynamic Web Project로 들어간다.

2. Project name에 "Chapter3" 이라고 입력 후 <Next>를 누른다.

3. <Next>를 누른다.

4. 체크박스를 체크한 후 <Finish>를 누른다. 이클립스에서 web.xml 파일이 프로젝트에 자동 생성되게 하려면 체크 박스를 체크하여야 한다.

▶ Form 태그를 사용한 GET 방식의 요청 처리

1. Chapter3의 WebContent에 마우스 오른쪽 버튼을 클릭하고 HTML File을 생성한다.

2. File name에 "login"을 입력하고 <Next>를 누른다.

3. 생성할 HTML 파일의 버전을 "html 5"로 선택하고 <Finish>를 누른다.

▶ 클라이언트 페이지 생성하기

▶ 서블릿 생성하기

​

1. New→Servlet을 클릭한다.

2. Class name에 "LoginServlet"을 적고 <Next>를 누른다. 이 부분은 실질적으로 생성되는 자바 파일명을 지정하는 부분으로 web.xml 설정에서 <servlet-class> 항목에 설정되는 값이다.

3. 클라이언트 폼 태그의 요청 경로가 login(<form action="login">)으로 설정되어 있으므로 URL mapping 값을 /login으로 수정한다. 이 부분은 web.xml 설정 파일에서 <url-pattern> 항목의 내용으로 추가되는 부분이다.

4. 본 예제의 요청 방식이 GET 방식이므로 "Which method stubs would you like to create?" 부분의 체크 박스에서 doGet 메서드만 체크한 후 <Finish>를 클릭한다.

5. 다음 소스를 작성한다.

6. 결과 확인하기

▶ a 태그를 사용한 GET 방식의 요청 처리

1. 클라이언트 페이지 코딩

2. 서블릿 페이지 코딩

3. 결과 확인하기

▶ 주소 표시줄에 URL을 직접 입력하여 요청하는 GET 방식의 요청 방식

<실행 결과>

▶ POST 방식으로 요청이 전송되어 올 경우

1. 클라이언트 페이지 코딩

2. 서블릿 페이지 코딩

<실행 결과>

▶ 한글 처리용 페이지 작성

​

1. 클라이언트 페이지 작성

2. 서블릿 페이지 작성하기

<실행 결과>

▶ POST 방식으로 요청이 전송되어 올 경우

1. hangul.html 페이지의 코드 내용에서 form 태그의 method 속성을 POST로 변경한다.

2. 클라이언트의 요청이 POST 방식으로 전송되어 오기 때문에 HangulServlet의 doGet 메서드에 정의되어 있는 코드를 doPost 메서드로 그대로 복사한다.

<실행 결과>

▶ 하나의 파라미터 이름으로 여러 개의 파라미터 값이 전송되어 올 경우 처리하기

1. 클라이언트 페이지

2. 서블릿 페이지

<실행 결과>

실습) 다음과 같이 나오게 하세요.

<내가 한 것>

'JSP' 카테고리의 다른 글

관련글

댓글

티스토리툴바