더보기
Servlet/JSP을 이용하여 응답화면, 처리 요청을 해 보자 (DB 미포함, Java의 Controller 버전)
피자 주문 폼 만들기
<index.xml>
<h2>피자 주문 페이지로 이동하기 -> 주문요청페이지 -> 주문요청을 받아서 처리하는 Servlet -> 응답페이지</h2>
<a href="views/04_PizzaOrderForm.jsp">피자 주문 페이지로 »</a>
<04_PizzaOrderForm.jsp>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>KH 피자 아카데미</title>
</head>
<body>
<h1>피자 주문 페이지</h1>
<h2>오늘의 날짜</h2>
<%@ include file="datePrint.jsp" %>
<br><br>
<!--
현재 이 페이지의 위치: http://localhost:8888/2_JSP/views/04_PizzaOrderForm.jsp
요청 보내고자 하는 위치: http://localhost:8888/2_JSP/confirmPizza.do
상대 경로 방식: ../confirmPizza.do
절대 경로 방식: /2_JSP/confirmPizza.do
-->
<form action="/2_JSP/confirmPizza.do" method="get">
<fieldset>
<legend>주문자 정보</legend>
<table>
<!-- (tr>th+td)*4 + Enter -->
<tr>
<th>이름</th>
<td><input type="text" name="userName" required></td>
</tr>
<tr>
<th>전화번호</th>
<td><input type="text" name="phone" placeholder="-제외" required></td>
</tr>
<tr>
<th>주소</th>
<td><input type="text" name="address" required></td>
</tr>
<tr>
<th>요청사항</th>
<td><textarea name="message"></textarea></td>
</tr>
</table>
</fieldset>
<br>
<fieldset>
<legend>주문 정보</legend>
<table>
<tr>
<th>피자 종류 선택</th>
<td><select name="pizza">
<option>콤비네이션피자</option>
<option>치즈피자</option>
<option>포테이토피자</option>
<option>고구마피자</option>
<option>불고기피자</option>
</select></td>
</tr>
<tr>
<th>토핑 선택</th>
<!-- input[type=checkbox name=topping value]*6 + Enter -->
<td><input type="checkbox" name="topping" value="고구마무스">고구마무스
<input type="checkbox" name="topping" value="콘크림무스">콘크림무스
<input type="checkbox" name="topping" value="파인애플토핑">파인애플토핑 <br>
<input type="checkbox" name="topping" value="치즈바이트">치즈바이트
<input type="checkbox" name="topping" value="치즈크러스트">치즈크러스트
<input type="checkbox" name="topping" value="치즈토핑">치즈토핑
</td>
</tr>
<tr>
<th>사이드 선택</th>
<td>
<!-- input[type=checkbox name=side value]*6 + Enter -->
<input type="checkbox" name="side" value="콜라">콜라
<input type="checkbox" name="side" value="제로콜라">제로콜라
<input type="checkbox" name="side" value="갈릭소스">갈릭소스 <br>
<input type="checkbox" name="side" value="핫소스">핫소스
<input type="checkbox" name="side" value="피클">피클
<input type="checkbox" name="side" value="파마산치즈가루">파마산치즈가루
</td>
</tr>
<tr>
<th>결제 방식</th>
<td>
<input type="radio" name="payment" value="card" checked> 카드결제
<input type="radio" name="payment" value="cash"> 현금결제
</td>
</tr>
</table>
</fieldset>
<br>
<input type="submit" value="주문하기">
<input type="reset">
</form>
</body>
</html>
<PizzaServlet == confirmPizza.do>
package com.kh.controller;
import java.io.IOException;
import javax.servlet.RequestDispatcher;
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 PizzaServlet
*/
@WebServlet("/confirmPizza.do")
public class PizzaServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
/**
* @see HttpServlet#HttpServlet()
*/
public PizzaServlet() {
super();
// TODO Auto-generated constructor stub
}
/**
* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
*/
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// System.out.println("잘 실행되나?");
// GET방식으로 요청했었음 => 인코딩 설정은 패스
// POST 방식일 경우 request.setCharacterEncoding("UTF-8"); 구문을 먼저 실행해야 함
// 요청 시 전달값 뽑기 (request의 parameter 영역으로부터)
// request.getParameter("키값"): String 타입의 밸류값 하나 리턴
// request.getParameterValues("키값"): String[] 타입의 밸류값들이 묶여서 리턴
// => 만약 키값이 존재하지 않는다면(즉, radio나 checkbox의 경우 체크가 안 되면 키값이 애초에 넘어가지 않음)
// 없는 키값을 제시할 경우 null이 반환됨
// 뽑아야 할 값들
// userName: 주문자명
String userName = request.getParameter("userName"); // "홍길동" / 입력 안 할 시 빈 문자열이지만 required 속성이기 때문에 빈 문자열 넘길 수 없음
// phone: 휴대폰 번호
String phone = request.getParameter("phone"); // "01011112222" / 입력 안 할 시 빈 문자열이지만 required 속성이기 때문에 빈 문자열 넘길 수 없음
// address: 주소지
String address = request.getParameter("address"); // 서울시 영등포구 / 입력 안 할 시 빈 문자열이지만 required 속성이기 때문에 빈 문자열 넘길 수 없음
// message: 요청 메시지);
String message = request.getParameter("message"); // "일회용품은 빼 주세요" / 입력 안 할 시 빈 문자열
// pizza: 피자 종류
String pizza = request.getParameter("pizza"); // "콤비네이션피자" / "치즈피자"
// topping: 토핑 선택(여러 개)
String[] toppings = request.getParameterValues("topping"); // ["고구마무스", "콘크림무스", ...]
// side: 사이드 메뉴 선택(여러 개)
String[] sides = request.getParameterValues("side"); // ["제로콜라", "핫소스", ...]
// payment: 결제 방식
String payment = request.getParameter("payment"); // "card", "cash"
// -- 원래의 흐름 --
// VO 객체로 가공
// VO 객체로 가공한 전달값을 Service단으로 넘기기 -> DAO -> DB ->
// SQL문 실행 결과를 리턴받기
// -- DB까지 요청이 들어갔다라는 가정하에 자바 로직으로 간단하게 처리해 보기 --
int price = 0;
switch(pizza) {
case "콤비네이션피자" : price += 10000; break;
case "치즈피자" : price += 11000; break;
case "포테이토피자" :
case "고구마피자" : price += 12000; break;
case "불고기피자" : price += 9900; break;
}
if (toppings != null) {
for (int i = 0; i < toppings.length; i++) {
switch(toppings[i]) {
case "고구마무스" :
case "콘크림무스" : price += 1500; break;
case "파일애플토핑" :
case "치즈토핑" : price += 2000; break;
case "치즈크러스트" :
case "치즈바이트" : price += 3000; break;
}
}
}
if(sides != null) {
for(int i = 0; i < sides.length; i++) {
switch(sides[i]) {
case "콜라" :
case "제로콜라" : price += 2000; break;
case "갈릭소스" :
case "핫소스 " :
case "피클" :
case "파마산치즈가루" : price += 1000; break;
}
}
}
/*
System.out.println("userName: " + userName);
System.out.println("phone: " + phone);
System.out.println("message: " + message);
System.out.println("pizza: " + pizza);
System.out.println("toppings : " + String.join(", ", toppings));
System.out.println("sides : " + String.join(", ", sides));
System.out.println("payment: " + payment);
System.out.println("price: " + price);
*/
// 실행 결과에 따른 응답화면 지정 (JSP한테 위임 - 나 대신 화면 좀 띄워 줘)
// 응답 페이지에서 필요로 하는 데이터가 있을 경우
// request의 attribute 영역에 키-밸류 세트로 데이터를 미리 담아두기 (수하물 부치기!)
// => request.setAttribute("키값", 밸류값);
request.setAttribute("userName", userName);
request.setAttribute("phone", phone);
request.setAttribute("address", address);
request.setAttribute("message", message);
request.setAttribute("pizza", pizza);
request.setAttribute("toppings", toppings);
request.setAttribute("sides", sides);
request.setAttribute("payment", payment);
request.setAttribute("price", price);
// 1) RequestDispatcher 객체 생성 (jsp 파일의 경로 제시)
RequestDispatcher view = request.getRequestDispatcher("views/05_PizzaPayment.jsp");
// 2) 포워딩
view.forward(request, response);
}
/**
* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
*/
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
doGet(request, response);
}
}
<05_PizzaPaymenyt.jsp>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
// request의 attribute 영역으로부터 값을 뽑기
// request.getAttribute("키값"): Object 타입의 밸류값이 리턴
// 뽑아야 할 값들
// userName : 성함
String userName = (String)request.getAttribute("userName");
// phone : 전화번호
String phone = (String)request.getAttribute("phone");
// address : 주소
String address = (String)request.getAttribute("address");
// message : 요청사항
String message = (String)request.getAttribute("message");
// pizza: 피자 종류
String pizza = (String)request.getAttribute("pizza");
// toppings : 토핑(배열)
String[] toppings = (String[])request.getAttribute("toppings");
// sides: 사이드메뉴(배열)
String[] sides = (String[])request.getAttribute("sides");
// payment: 결제 방식
String payment = (String)request.getAttribute("payment");
// price : 결제 금액
int price = (int)request.getAttribute("price");
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>KH 피자 아카데미</title>
</head>
<body>
<h1>피자 결제 페이지</h1>
<h2>주문 내역</h2>
<h4>[ 주문자 정보 ]</h4>
<ul>
<li>성함: <%= userName %></li>
<li>전화번호: <%= phone %></li>
<li>주소: <%= address %></li>
<% if((message).equals("")) { %>
<li>요청사항: 작성 안 함</li> <!-- case 1: 요청사항을 기술하지 않았을 경우 -->
<% } else { %>
<li>요청사항: <%= message %></li> <!-- case 2: 요청사항을 기술했을 경우 -->
<% } %>
</ul>
<br>
<h4>[ 주문 정보 ]</h4>
<ul>
<li>피자: <%= pizza %></li>
<% if(toppings == null) { %>
<li>토핑: 선택 안 함</li> <!-- case 1: 토핑을 선택하지 않았을 경우 -->
<% } else { %>
<li>토핑: <%= String.join(", ", toppings) %></li> <!-- case 2: 토핑을 선택했을 경우 -->
<% } %>
<% if(sides == null) { %>
<li>사이드: 선택 안 함</li> <!-- case 1: 사이드를 선택하지 않았을 경우 -->
<% } else { %>
<li>사이드: <%= String.join(", ", sides) %></li> <!-- case 2: 사이드를 선택했을 경우 -->
<% } %>
<li>결제 방식: <%= payment %></li>
</ul>
<br>
<h3>위와 같이 주문하셨습니다</h3>
<h2>총 가격: <%= price %> 원</h2>
</body>
</html>
