쌍용교육(JAVA)/MVC
쌍용교육 -JSP수업 72일차 - ch06_mvcPageMVC(17)
구 승
2024. 6. 3. 11:01
style.css 내용추가
/* 장바구니
---------------------*/
form[id="cart_order"]{
border:none;
}
/* 장바구니
---------------------*/
form[id="order_modify"],form[id="order_form"]{
width:860px;
}
#delivery_text{
color:red;
}
ul#delivery_info li span{
width:130px;
display:inline-block;
}user_detail.jsp 46번라인 ul태그 id 추가
<ul id="delivery_info">kr.order.action => UserModifyFormAction
package kr.order.action;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import kr.controller.Action;
import kr.order.dao.OrderDAO;
import kr.order.vo.OrderVO;
public class UserModifyFormAction 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";
}
int order_num = Integer.parseInt(request.getParameter("order_num"));
OrderDAO dao = OrderDAO.getInstance();
//주문정보 호출
OrderVO order = dao.getOrder(order_num);
if(order.getMem_num() != user_num) {
//구매자 회원번호와 로그인한 회원번호가 불일치할 경우
return "/WEB-INF/views/common/notice.jsp";
}
request.setAttribute("order", order);
return "/WEB-INF/views/order/user_modifyForm.jsp";
}
}user_modifyForm.jsp
<%@ 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>배송지정보 수정</title>
<link rel="stylesheet"
href="${pageContext.request.contextPath}/css/style.css" type="text/css">
<script type="text/javascript"
src="${pageContext.request.contextPath}/js/jquery-3.7.1.min.js"></script>
<script type="text/javascript">
window.onload=function(){
//배송지정보 유효성 체크
const myForm = document.getElementById('order_modify');
myForm.onsubmit=function(){
const items = document.querySelectorAll('input[type="text"]');
for(let i=0; i<items.length; i++){
if(items[i].value.trim()==''){
const label = document.querySelector('label[for="'+items[i].id+'"]');
alert(label.textContent+' 항목은 필수 입력');
items[i].value = '';
items[i].focus();
return false;
}
if(items[i].id == 'zipcode' && !/^[0-9]{5}$/.test(items[i].value)){
alert('우편번호를 입력하세요(숫자5자리)')
item[i].value='';
item[i].focus();
return false;
}
}//end of for
};
};
</script>
</head>
<body>
<div class="page-main">
<jsp:include page="/WEB-INF/views/common/header.jsp" />
<div class="content-main">
<h2>배송지정보 수정</h2>
<c:if test="${order.status != 1}">
<div class="result-display">
배송대기일 때만 배송지정보를 수정할 수 있습니다
</div>
</c:if>
<c:if test="${order.status == 1}">
<input type="hidden" name="order_num" value="${order.order_num}">
<form action="orderModify.do" method="post" id="order_modify">
<ul>
<li>
<label for="receive_name">받는 사람</label>
<input type="text" name="receive_name" id="receive_name" maxlength="10"
value="${order.order_num}">
</li>
<li>
<label for="zipcode">우편번호</label>
<input type="text" name="receive_post" value="${order.receive_post} "id="zipcode" maxlength="5">
<input type="button" onclick="execDaumPostcode()" value="우편번호 찾기">
</li>
<li>
<label for="address1">주소</label>
<input type="text" name="receive_address1" value="${order.receive_address1}" id="address1" maxlength="30">
</li>
<li>
<label for="address2">상세주소</label>
<input type="text" name="receive_address2" value="${order.receive_address2}" id="address2" maxlength="30">
</li>
<li>
<label for="receive_phone">전화번호</label>
<input type="text" name="receive_phone" value="${order.receive_phone}" id="receive_phone" maxlength="15"></li>
<li>
<label for="notice">남기실 말씀</label>
<textarea rows="5" cols="30" name="notice" id="notice" maxlength="1300">${order.notice}</textarea>
</li>
</ul>
<div class="align-center">
<input type="submit" value="수정">
<input type="button" value="주문목록" onclick="location.href='orderList.do'">
<input type="button" value="마이페이지" onclick="location.href='${pageContext.request.contextPath}/member/myPage.do'">
</div>
</form>
<!-- 다음우편번호 API시작 -->
<!-- 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 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>
</c:if>
</div>
<!-- 다음우편번호 API 끝 -->
</div>
</body>
</html>OrderDAO 내용추가
//관리자/사용자 - 배송지정보 수정
public void updateOrder(OrderVO order)throws Exception{
Connection conn = null;
PreparedStatement pstmt = null;
String sql =null;
try {
//커넥션풀로부터 커넥션 할당
conn = DBUtil.getConnection();
//SQL문 작성
sql="UPDATE zorder SET receive_name=?,receive_post=?,"
+ "receive_address1=?,receive_address2=?,receive_phone=?,"
+ "notice=?,modify_date=SYSDATE WHERE order_num=?";
//PreparedStatment 객체 생성
pstmt = conn.prepareStatement(sql);
//?에 데이터 바인딩
pstmt.setString(1,order.getReceive_name());
pstmt.setString(2,order.getReceive_post());
pstmt.setString(3,order.getReceive_address1());
pstmt.setString(4,order.getReceive_address2());
pstmt.setString(5,order.getReceive_phone());
pstmt.setString(6,order.getNotice());
pstmt.setInt(7, order.getOrder_num());
//SQL문 실행
pstmt.executeUpdate();
}catch(Exception e) {
throw new Exception(e);
}finally {
DBUtil.executeClose(null, pstmt, conn);
}
}UserModifyAction
package kr.order.action;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import kr.controller.Action;
import kr.order.dao.OrderDAO;
import kr.order.vo.OrderVO;
public class UserModifyAction 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";
}
int order_num = Integer.parseInt(request.getParameter("order_num"));
OrderDAO dao = OrderDAO.getInstance();
//주문정보 호출
OrderVO db_order = dao.getOrder(order_num);
if(db_order.getMem_num() != user_num) {
//구매자 회원번호와 로그인한 회원번호가 불일치할 경우
return "/WEB-INF/views/common/notice.jsp";
}
//배송지 수정전 배송상태를 한번 더 체크함
if(db_order.getStatus()>1) {
//배송준비중 이상으로 관리자가 변경한 상품을 주문자가 변경할 수 없음
request.setAttribute("notice_msg", "배송상태가 변경되어 주문자가 주문정보 변경 불가");
request.setAttribute("notice_url", request.getContextPath()+"/order/orderList.do");
return "/WEB-INF/views/common/alert_view.jsp";
}
OrderVO order = new OrderVO();
order.setOrder_num(order_num);
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"));
//배송지 정보 수정
dao.updateOrder(order);
request.setAttribute("notice_msg", "정상적으로 수정되었습니다.");
request.setAttribute("notice_url", request.getContextPath()+"/order/orderDetail.do?order_num=?"+order_num);
return "WEB-INF/views/common/alert_view.jsp";
}
}OrderDAO 추가
//사용자 - 주문 취소
public void updateOrderCancel(int order_num)throws Exception{
Connection conn = null;
PreparedStatement pstmt = null;
PreparedStatement pstmt2 = null;
String sql =null;
try {
//커넥션풀로부터 커넥션 할당
conn = DBUtil.getConnection();
//오토커밋 해제
conn.setAutoCommit(false);
//SQL문 작성
sql="UPDATE zorder SET status=5,modify_date=SYSDATE "
+ "WHERE order_num=?";
//PreparedStatment 객체 생성
pstmt = conn.prepareStatement(sql);
pstmt.setInt(1, order_num);
pstmt.executeUpdate();
//주문번호에 해당하는 상품정보 구하기
List<OrderDetailVO> detailList = getListOrderDetail(order_num);
//주문취소로 주문 상품의 재고수 환원
sql="UPDATE zitem SET quantity=quantity + ? WHERE item_num=?";
pstmt2 = conn.prepareStatement(sql);
for(int i=0; i<detailList.size(); i++) {
OrderDetailVO detail = detailList.get(i);
pstmt2.setInt(1, detail.getOrder_quantity());
pstmt2.setInt(2, detail.getItem_num());
pstmt2.addBatch();
if(i%1000==0) {
pstmt2.executeBatch();
}
}
pstmt2.executeBatch();
//모든 SQL문이 성공하면 커밋
conn.commit();
}catch(Exception e) {
//SQL문이 하나라도 실패하면 롤백
conn.rollback();
throw new Exception(e);
}finally {
DBUtil.executeClose(null, pstmt2, null);
DBUtil.executeClose(null, pstmt, conn);
}
}