Study Web Development

2월 17일

이전으로

Servlet & JSP

9. MVC

mvcPage

프로젝트 생성 및 설정

32. WEB-INF 폴더의 shop.properties 하단에 다음의 내용을 추가

# 주문 관리/사용자
/order/orderForm.do=kr.order.action.OrderFormAction
/order/order.do=kr.order.action.OrderAction

자바빈

7. 새 클래스에 OrderDetailVO 생성

package kr.order.vo;

public class OrderDetailVO {
	private int detail_num;
	private int item_num;
	private String item_name;
	private int item_price;
	private int item_total;
	private int order_quantity;
	private int order_num;
	
	public int getDetail_num() {
		return detail_num;
	}
	public void setDetail_num(int detail_num) {
		this.detail_num = detail_num;
	}
	public int getItem_num() {
		return item_num;
	}
	public void setItem_num(int item_num) {
		this.item_num = item_num;
	}
	public String getItem_name() {
		return item_name;
	}
	public void setItem_name(String item_name) {
		this.item_name = item_name;
	}
	public int getItem_price() {
		return item_price;
	}
	public void setItem_price(int item_price) {
		this.item_price = item_price;
	}
	public int getItem_total() {
		return item_total;
	}
	public void setItem_total(int item_total) {
		this.item_total = item_total;
	}
	public int getOrder_quantity() {
		return order_quantity;
	}
	public void setOrder_quantity(int order_quantity) {
		this.order_quantity = order_quantity;
	}
	public int getOrder_num() {
		return order_num;
	}
	public void setOrder_num(int order_num) {
		this.order_num = order_num;
	}
}

DAO

9. src/main/java 오른쪽 클릭하고 새 패키지 kr.order.dao 생성 후 새 클래스 OrderDAO 생성

package kr.order.dao;

import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.util.List;

import kr.order.vo.OrderDetailVO;
import kr.order.vo.OrderVO;
import kr.util.DBUtil;

public class OrderDAO {
	// 싱글턴 패턴
	private static OrderDAO instance = new OrderDAO();
	public static OrderDAO getInstance() {
		return instance;
	}
	private OrderDAO() {}
	
	// 주문 등록
	public void insertOrder(OrderVO order, List<OrderDetailVO> orderDetailList) throws Exception {
		
		Connection conn = null;
		PreparedStatement pstmt = null;
		PreparedStatement pstmt2 = null;
		PreparedStatement pstmt3 = null;
		PreparedStatement pstmt4 = null;
		PreparedStatement pstmt5 = null;
		ResultSet rs = null;
		String sql = null;
		int order_num = 0;
		
		try {
			// 커넥션 풀로부터 커넥션 할당
			conn = DBUtil.getConnection();
			// 오토 커밋 해제
			conn.setAutoCommit(false);
			
			// 시퀀스 값 가져오기
			// SQL문 작성
			sql = "SELECT zorder_seq.NEXTVAL FROM dual";
			// PreparedStatement 객체 생성
			pstmt = conn.prepareStatement(sql);
			// SQL문을 실행해서 결과 행을 ResultSet에 담아 반환
			rs = pstmt.executeQuery();
			if(rs.next()) {
				order_num = rs.getInt(1);
			}
			
			// zorder에 주문 정보 삽입
			// SQL문 작성
			sql = "INSERT INTO zorder (order_num, item_name, order_total, payment, "
				+ "receive_name, receive_post, receive_address1, receive_address2, "
				+ "receive_phone, notice, mem_num) "
				+ "VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)";
			// PreparedStatement 객체 생성
			pstmt2 = conn.prepareStatement(sql);
			// ?에 데이터를 바인딩
			pstmt2.setInt(1, order_num);
			pstmt2.setString(2, order.getItem_name());
			pstmt2.setInt(3, order.getOrder_total());
			pstmt2.setInt(4, order.getPayment());
			pstmt2.setString(5, order.getReceive_name());
			pstmt2.setString(6, order.getReceive_post());
			pstmt2.setString(7, order.getReceive_address1());
			pstmt2.setString(8, order.getReceive_address2());
			pstmt2.setString(9, order.getReceive_phone());
			pstmt2.setString(10, order.getNotice());
			pstmt2.setInt(11, order.getMem_num());
			// SQL문 실행
			pstmt2.executeUpdate();
			
			// zorder_detail에 주문 상세 정보 삽입
			// SQL문 작성
			sql = "INSERT INTO zorder_detail (detail_num, item_num, item_name, "
				+ "item_price, item_total, order_quantity, order_num) "
				+ "VALUES (zdetail_seq.NEXTVAL, ?, ?, ?, ?, ?, ?)";
			// PreparedStatement 객체 생성
			pstmt3 = conn.prepareStatement(sql);

			for(int i=0;i<orderDetailList.size();i++) {
				OrderDetailVO orderDetail = orderDetailList.get(i);
				// ?에 데이터 바인딩
				pstmt3.setInt(1, orderDetail.getItem_num());
				pstmt3.setString(2, orderDetail.getItem_name());
				pstmt3.setInt(3, orderDetail.getItem_price());
				pstmt3.setInt(4, orderDetail.getItem_total());
				pstmt3.setInt(5, orderDetail.getOrder_quantity());
				pstmt3.setInt(6, order_num);
				// 쿼리를 메모리에 올림
				pstmt3.addBatch();
				// 계속 추가시 outOfMemory 발생하므로 1000개 단위로 executeBatch()
				if(i%1000==0) {
					pstmt3.executeBatch();
				}
			}
			// 쿼리를 전송
			pstmt3.executeBatch();
			
			// 상품의 재고 수 차감
			// SQL문 작성
			sql = "UPDATE zitem SET quantity=quantity-? WHERE item_num=?";
			// PreparedStatement 객체 생성
			pstmt4 = conn.prepareStatement(sql);
			
			for(int i=0;i<orderDetailList.size();i++) {
				OrderDetailVO orderDetail = orderDetailList.get(i);
				// ?에 데이터를 바인딩
				pstmt4.setInt(1, orderDetail.getOrder_quantity());
				pstmt4.setInt(2, orderDetail.getItem_num());
				// 쿼리를 메모리에 올림
				pstmt4.addBatch();
				// 메모리 초과 방지
				if(i%1000==0) {
					pstmt4.executeBatch();
				}
			}
			// 쿼리를 전송
			pstmt4.executeBatch();
			
			// 카트에서 주문 상품 삭제
			// SQL문 작성
			sql = "DELETE FROM zcart WHERE mem_num=?";
			// PreparedStatement 객체 생성
			pstmt5 = conn.prepareStatement(sql);
			// ?에 데이터를 바인딩
			pstmt5.setInt(1, order.getMem_num());
			// SQL문 실행
			pstmt5.executeUpdate();
			
			// 모든 SQL문이 성공하면
			conn.commit();
		}
		catch(Exception e) {
			// SQL문이 하나라도 실패하면
			conn.rollback();
			throw new Exception(e);
		}
		finally {
			// 자원 정리
			DBUtil.executeClose(null, pstmt5, null);
			DBUtil.executeClose(null, pstmt4, null);
			DBUtil.executeClose(null, pstmt3, null);
			DBUtil.executeClose(null, pstmt2, null);
			DBUtil.executeClose(rs, pstmt, conn);
		}
	}
	
	// 관리자 : 전체 글/검색 글 수
	
	// 관리자 : 전체 목록/검색 글 목록
	
	// 사용자 : 전체 글/검색 글 수
	
	// 사용자 : 전체 목록/검색 글 목록
	
	// 상세 상품 정보 목록
	
	// 주문 상세
	
	// 주문 수정
	
	// 주문 삭제
	
}

Model

45. src/main/java 오른쪽 클릭하고 새 패키지 kr.order.action 생성 후 새 클래스 OrderFormAction 생성

package kr.order.action;

import java.util.List;

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

import kr.cart.dao.CartDAO;
import kr.cart.vo.CartVO;
import kr.controller.Action;
import kr.item.dao.ItemDAO;
import kr.item.vo.ItemVO;

public class OrderFormAction implements Action {

	@Override
	public String execute(HttpServletRequest request, HttpServletResponse response) throws Exception {
		HttpSession session = request.getSession();
		Integer user_num = (Integer)session.getAttribute("user_num");
		if(user_num==null) {
			return "redirect:/member/loginForm.do";
		}
		
		CartDAO dao = CartDAO.getInstance();
		int all_total = dao.getTotalByMem_num(user_num);
		
		if(all_total<=0) {
			request.setAttribute("notice_msg", "정상적인 주문이 아니거나 상품의 수량이 부족합니다.");
			request.setAttribute("notice_url", request.getContextPath() + "/item/itemList.do");
			return "/WEB-INF/views/common/alert_singleView.jsp";
		}
		
		// 장바구니에 담겨 있는 상품 정보 호출
		List<CartVO> cartList = dao.getListCart(user_num);
		for(CartVO cart: cartList) {
			ItemDAO itemDao = ItemDAO.getInstance();
			ItemVO item = itemDao.getItem(cart.getItem_num());
			
			if(item.getStatus()==1) {
				// 상품 미표시
				request.setAttribute("notice_msg", "[" + item.getName() + "] 상품 판매 중지");
				request.setAttribute("notice_url", request.getContextPath() + "/cart/list.do");
				return "/WEB-INF/views/common/alert_singleView.jsp";
			}
			
			if(item.getQuantity()<cart.getOrder_quantity()) {
				// 상품 재고 수량 부족
				request.setAttribute("notice_msg", "[" + item.getName() + "] 재고 수량 부족으로 주문 불가");
				request.setAttribute("notice_url", request.getContextPath() + "/cart/list.do");
				return "/WEB-INF/views/common/alert_singleView.jsp";
			}
		}
		
		request.setAttribute("list", cartList);
		request.setAttribute("all_total", all_total);
		
		// JSP 경로 반환
		return "/WEB-INF/views/order/user_orderForm.jsp";
	}

}

46. 새 클래스 OrderAction 생성

package kr.order.action;

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

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

import kr.cart.dao.CartDAO;
import kr.cart.vo.CartVO;
import kr.controller.Action;
import kr.item.dao.ItemDAO;
import kr.item.vo.ItemVO;
import kr.order.dao.OrderDAO;
import kr.order.vo.OrderDetailVO;
import kr.order.vo.OrderVO;

public class OrderAction implements Action {

	@Override
	public String execute(HttpServletRequest request, HttpServletResponse response) throws Exception {
		HttpSession session = request.getSession();
		Integer user_num = (Integer)session.getAttribute("user_num");
		if(user_num==null) { // 로그인되어 있지 않은 경우
			return "redirect:/member/loginForm.do";
		}
		
		// 로그인되어 있는 경우
		
		// 전송된 데이터 인코딩 처리
		request.setCharacterEncoding("UTF-8");
		
		CartDAO dao = CartDAO.getInstance();
		int all_total = dao.getTotalByMem_num(user_num);
		if(all_total<=0) {
			request.setAttribute("notice_msg", "정상적인 주문이 아니거나 상품의 수량이 부족합니다.");
			request.setAttribute("notice_url", request.getContextPath() + "/item/itemList.do");
			return "/WEB-INF/views/common/alert_singleView.jsp";
		}
		
		List<CartVO> cartList = dao.getListCart(user_num);
		
		// 주문 상품의 대표 상품명 생성
		String item_name;
		if(cartList.size()==1) {
			item_name = cartList.get(0).getItem().getName();
		}
		else {
			item_name = cartList.get(0).getItem().getName() + " 외 " + (cartList.size()-1) + "건";
		}
		
		// zorder_detail에 저장할 데이터 생성
		// 여러 종류의 상품이 있을 수 있기 때문에 상품의 정보를 OrderDetailVO에 각각 저장
		List<OrderDetailVO> orderDetailList = new ArrayList<OrderDetailVO>();
		for(CartVO cart : cartList) {
			ItemDAO itemDao = ItemDAO.getInstance();
			ItemVO item = itemDao.getItem(cart.getItem_num());
			
			if(item.getStatus()==1) {
				// 상품 미표시인 경우
				request.setAttribute("notice_msg", "[" + item.getName() + "] 상품 판매 중지");
				request.setAttribute("notice_url", request.getContextPath() + "/cart/list.do");
				return "/WEB-INF/views/common/alert_singleView.jsp";
			}
			
			if(item.getQuantity()<cart.getOrder_quantity()) {
				// 상품 재고 수량 부족
				request.setAttribute("notice_msg", "[" + item.getName() + "] 재고 수량 부족으로 주문 불가");
				request.setAttribute("notice_url", request.getContextPath() + "/cart/list.do");
				return "/WEB-INF/views/common/alert_singleView.jsp";				
			}
			
			OrderDetailVO orderDetail = new OrderDetailVO();
			orderDetail.setItem_num(cart.getItem_num());
			orderDetail.setItem_name(cart.getItem().getName());
			orderDetail.setItem_price(cart.getItem().getPrice());
			orderDetail.setOrder_quantity(cart.getOrder_quantity());
			orderDetail.setItem_total(cart.getSub_total());
			
			orderDetailList.add(orderDetail);
		}
		
		// zorder에 저장할 데이터 생성
		OrderVO order = new OrderVO();
		order.setItem_name(item_name);
		order.setOrder_total(all_total);
		order.setPayment(Integer.parseInt(request.getParameter("payment")));
		order.setReceive_name(request.getParameter("receive_name"));
		order.setReceive_post(request.getParameter("receive_post"));
		order.setReceive_address1(request.getParameter("receive_address1"));
		order.setReceive_address2(request.getParameter("receive_address2"));
		order.setReceive_phone(request.getParameter("receive_phone"));
		order.setNotice(request.getParameter("notice"));
		order.setMem_num(user_num);
		
		// 주문 정보를 테이블에 저장
		OrderDAO orderDao = OrderDAO.getInstance();
		orderDao.insertOrder(order, orderDetailList);
		
		// refresh 정보를 응답 헤더에 저장
		response.addHeader("Refresh", "1;url=../main/main.do"); // 지정한 시간 이후에 지정한 URL로 이동
		request.setAttribute("accessMsg", "주문 작성이 완료되었습니다.");
		request.setAttribute("accessUrl", request.getContextPath() + "/main/main.do"); // notice.jsp의 버튼에 연결되는 URL
		
		// JSP 경로 반환
		return "/WEB-INF/views/common/notice.jsp";
	}

}

View

36. views 폴더의 하위 폴더로 order 생성 후 새 JSP 파일 user_orderForm.jsp 생성

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>상품 구매</title>
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/layout.css">
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-3.6.0.min.js"></script>
<script type="text/javascript">
	$(function() {
		$('#order_form').submit(function() {
			if($('#receive_name').val().trim()=='') {
				alert('구매자를 입력하세요!');
				$('#receive_name').val('').focus();
				return false;
			}
			if($('#zipcode').val().trim()=='') {
				alert('우편번호를 입력하세요!');
				$('#zipcode').val('').focus();
				return false;
			}
			if($('#address1').val().trim()=='') {
				alert('주소를 입력하세요!');
				$('#address1').val('').focus();
				return false;
			}
			if($('#address2').val().trim()=='') {
				alert('상세 주소를 입력하세요!');
				$('#address2').val('').focus();
				return false;
			}
			if($('#receive_phone').val().trim()=='') {
				alert('전화번호를 입력하세요!');
				$('#receive_phone').val('').focus();
				return false;
			}
			if($('input[type="radio"]:checked').length<1) {
				alert('결제 수단을 선택하세요!');
				return false;
			}
		}); // end of submit
	});
</script>
</head>
<body>
<div class="page-main">
	<jsp:include page="/WEB-INF/views/common/header.jsp"/>
	<h2>상품 구매</h2>
	<table>
		<tr>
			<th>상품명</th>
			<th>수량</th>
			<th>상품 가격</th>
			<th>합계</th>
		</tr>
		<c:forEach var="cart" items="${list}">
		<tr>
			<td>
				<a href="${pageContext.request.contextPath}/item/detail.do?item_num=${cart.item_num}">
					<img src="${pageContext.request.contextPath}/upload/${cart.item.photo1}" width="80" height="80">
					${cart.item.name}
				</a>
			</td>
			<td><fmt:formatNumber value="${cart.order_quantity}"/></td>
			<td><fmt:formatNumber value="${cart.item.price}"/>원</td>
			<td><fmt:formatNumber value="${cart.sub_total}"/>원</td>
		</tr>
		</c:forEach>
		<tr>
			<td colspan="3"><b>총 구매 금액</b></td>
			<td class="align-center"><fmt:formatNumber value="${all_total}"/>원</td>
		</tr>
	</table>
	<form action="order.do" method="post" id="order_form">
		<ul>
			<li>
				<label for="receive_name">구매자</label>
				<input type="text" name="receive_name" id="receive_name" maxlength="10">
			</li>
			<li>
				<label for="zipcode">우편번호</label>
				<input type="text" name="receive_post" id="zipcode" maxlength="5">
				<input type="button" onclick="sample2_execDaumPostcode()" value="우편번호 찾기">
			</li>
			<li>
				<label for="address1">주소</label>
				<input type="text" name="receive_address1" id="address1" maxlength="30">
			</li>
			<li>
				<label for="address2">상세 주소</label>
				<input type="text" name="receive_address2" id="address2" maxlength="30">
			</li>
			<li>
				<label for="receive_phone">전화번호</label>
				<input type="text" name="receive_phone" id="receive_phone" maxlength="15">
			</li>
			<li>
				<label>결제 수단</label>
				<input type="radio" name="payment" id="payment" value="1">통장 입금
				<input type="radio" name="payment" id="payment" value="2">카드 결제
			</li>
			<li>
				<label for="notice">남기실 말씀</label>
				<textarea rows="5" cols="30" name="notice" id="notice"></textarea>
			</li>
		</ul>
		<div class="align-center">
			<input type="submit" value="주문">
			<input type="button" value="홈으로" onclick="location.href='${pageContext.request.contextPath}/main/main.do';">
		</div>
	</form>
<!-- 우편번호 스크립트 시작 -->
<!-- iOS에서는 position:fixed 버그가 있음, 적용하는 사이트에 맞게 position:absolute 등을 이용하여 top,left값 조정 필요 -->
<div id="layer" style="display:none;position:fixed;overflow:hidden;z-index:1;-webkit-overflow-scrolling:touch;">
<img src="//t1.daumcdn.net/postcode/resource/images/close.png" id="btnCloseLayer" style="cursor:pointer;position:absolute;right:-3px;top:-3px;z-index:1" onclick="closeDaumPostcode()" alt="닫기 버튼">
</div>

<script src="//t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"></script>
<script>
    // 우편번호 찾기 화면을 넣을 element
    var element_layer = document.getElementById('layer');

    function closeDaumPostcode() {
        // iframe을 넣은 element를 안보이게 한다.
        element_layer.style.display = 'none';
    }

    function sample2_execDaumPostcode() {
        new daum.Postcode({
            oncomplete: function(data) {
                // 검색결과 항목을 클릭했을때 실행할 코드를 작성하는 부분.

                // 각 주소의 노출 규칙에 따라 주소를 조합한다.
                // 내려오는 변수가 값이 없는 경우엔 공백('')값을 가지므로, 이를 참고하여 분기 한다.
                var addr = ''; // 주소 변수
                var extraAddr = ''; // 참고항목 변수

                //사용자가 선택한 주소 타입에 따라 해당 주소 값을 가져온다.
                if (data.userSelectedType === 'R') { // 사용자가 도로명 주소를 선택했을 경우
                    addr = data.roadAddress;
                } else { // 사용자가 지번 주소를 선택했을 경우(J)
                    addr = data.jibunAddress;
                }

                // 사용자가 선택한 주소가 도로명 타입일때 참고항목을 조합한다.
                if(data.userSelectedType === 'R'){
                    // 법정동명이 있을 경우 추가한다. (법정리는 제외)
                    // 법정동의 경우 마지막 문자가 "동/로/가"로 끝난다.
                    if(data.bname !== '' && /[동|로|가]$/g.test(data.bname)){
                        extraAddr += data.bname;
                    }
                    // 건물명이 있고, 공동주택일 경우 추가한다.
                    if(data.buildingName !== '' && data.apartment === 'Y'){
                        extraAddr += (extraAddr !== '' ? ', ' + data.buildingName : data.buildingName);
                    }
                    // 표시할 참고항목이 있을 경우, 괄호까지 추가한 최종 문자열을 만든다.
                    if(extraAddr !== ''){
                        extraAddr = ' (' + extraAddr + ')';
                    }
                    //(주의)address1에 참고항목이 보여지도록 수정
                    // 조합된 참고항목을 해당 필드에 넣는다.
                    //(수정) document.getElementById("address2").value = extraAddr;
                
                } 
                //(수정) else {
                //(수정)    document.getElementById("address2").value = '';
                //(수정) }

                // 우편번호와 주소 정보를 해당 필드에 넣는다.
                document.getElementById('zipcode').value = data.zonecode;
                //(수정) + extraAddr를 추가해서 address1에 참고항목이 보여지도록 수정
                document.getElementById("address1").value = addr + extraAddr;
                // 커서를 상세주소 필드로 이동한다.
                document.getElementById("address2").focus();

                // iframe을 넣은 element를 안보이게 한다.
                // (autoClose:false 기능을 이용한다면, 아래 코드를 제거해야 화면에서 사라지지 않는다.)
                element_layer.style.display = 'none';
            },
            width : '100%',
            height : '100%',
            maxSuggestItems : 5
        }).embed(element_layer);

        // iframe을 넣은 element를 보이게 한다.
        element_layer.style.display = 'block';

        // iframe을 넣은 element의 위치를 화면의 가운데로 이동시킨다.
        initLayerPosition();
    }

    // 브라우저의 크기 변경에 따라 레이어를 가운데로 이동시키고자 하실때에는
    // resize이벤트나, orientationchange이벤트를 이용하여 값이 변경될때마다 아래 함수를 실행 시켜 주시거나,
    // 직접 element_layer의 top,left값을 수정해 주시면 됩니다.
    function initLayerPosition(){
        var width = 300; //우편번호서비스가 들어갈 element의 width
        var height = 400; //우편번호서비스가 들어갈 element의 height
        var borderWidth = 5; //샘플에서 사용하는 border의 두께

        // 위에서 선언한 값들을 실제 element에 넣는다.
        element_layer.style.width = width + 'px';
        element_layer.style.height = height + 'px';
        element_layer.style.border = borderWidth + 'px solid';
        // 실행되는 순간의 화면 너비와 높이 값을 가져와서 중앙에 뜰 수 있도록 위치를 계산한다.
        element_layer.style.left = (((window.innerWidth || document.documentElement.clientWidth) - width)/2 - borderWidth) + 'px';
        element_layer.style.top = (((window.innerHeight || document.documentElement.clientHeight) - height)/2 - borderWidth) + 'px';
    }
</script>
<!-- 우편번호 스크립트 끝 -->
</div>
</body>
</html>

다음으로