같이사자 :: 공동구매 게시물 작성 코드 구성 (mybatis 프로시저 실행, datepicker 다른 datepicker에 의존 시)
20220806 ~ 20220811
먼저, 공동구매 게시물 작성을 위한 쿼리문을 구성하였다.
--○ 공구 게시물 작성 프로시저
-- 작성자 결제 테이블 INSERT, 참여자 테이블 INSERT, BUYPOST INSERT
CREATE OR REPLACE PROCEDURE PRO_BUYPOST_INSERT
( V_TITLE IN BUYPOST.TITLE%TYPE
, V_GOODS_PHOTO_PATH IN BUYPOST.GOODS_PHOTO_PATH%TYPE
, V_URL IN BUYPOST.URL%TYPE
, V_CONTENT IN BUYPOST.CONTENT%TYPE
, V_EXPIRATION_DATETIME IN BUYPOST.EXPIRATION_DATETIME%TYPE
, V_TOTAL_PRICE IN BUYPOST.TOTAL_PRICE%TYPE
, V_GOODS_NUM IN BUYPOST.GOODS_NUM%TYPE
, V_DEADLINE IN BUYPOST.DEADLINE%TYPE
, V_TRADE_DATETIME IN BUYPOST.TRADE_DATETIME%TYPE
, V_MEMBER_CODE IN BUYPOST.MEMBER_CODE%TYPE
, V_SUB_CATE_CODE IN BUYPOST.SUB_CATE_CODE%TYPE
, V_BUY_NUMBER IN BUYPOST_PARTICIPANT.BUY_NUMBER%TYPE -- 작성자가 구매할 상품 개수
)
IS
I_PER_PRICE NUMBER; -- 개당 가격
I_WRITER_PRICE NUMBER; -- 작성자가 결제할 금액
I_BUYPOST_CODE VARCHAR2(10);
BEGIN
I_PER_PRICE := TRUNC(V_TOTAL_PRICE / V_GOODS_NUM); -- 소수점은 같이사자가 지원
I_WRITER_PRICE := I_PER_PRICE * V_BUY_NUMBER;
I_BUYPOST_CODE := 'BP'||BUYPOST_SEQ.NEXTVAL;
-- 공구 게시물 INSERT
INSERT INTO BUYPOST(CODE, TITLE, GOODS_PHOTO_PATH, URL, CONTENT, EXPIRATION_DATETIME
, TOTAL_PRICE, GOODS_NUM, DEADLINE, TRADE_DATETIME, WRITE_DATETIME
, MEMBER_CODE, SUB_CATE_CODE)
VALUES(I_BUYPOST_CODE, V_TITLE, V_GOODS_PHOTO_PATH, V_URL, V_CONTENT, V_EXPIRATION_DATETIME
, V_TOTAL_PRICE, V_GOODS_NUM, V_DEADLINE, V_TRADE_DATETIME, SYSDATE
, V_MEMBER_CODE, V_SUB_CATE_CODE);
-- 결제 INSERT
INSERT INTO PAYMENT
VALUES('P'||PAYMENT_SEQ.NEXTVAL, I_WRITER_PRICE, SYSDATE, I_BUYPOST_CODE, V_MEMBER_CODE);
-- 참여자 INSERT
INSERT INTO BUYPOST_PARTICIPANT
VALUES('BPPA'||BUYPOST_PARTICIPANT_SEQ.NEXTVAL, V_BUY_NUMBER, NULL, NULL, NULL, NULL, I_BUYPOST_CODE, V_MEMBER_CODE);
END;
작성자가 공동구매 게시물을 작성하면 순서대로
공동구매 게시물 INSERT - 결제 INSERT - 참여자 INSERT 순으로 INSERT 처리돼야 한다.
따라서 위와 같이 프로시저를 생성했다.
하 근데 mybatis 에서 프로시저 실행하는 부분이 빡셌다...
아니 실행은 그냥 따라하기만 하면 됐는데 name 태그에 빼 먹은 게 있어서 엄청 애를 먹었다. (2시간 정도 걸린 듯 ㅎㅎ)
<select id="insertBuypost" statementType="CALLABLE" parameterType="HashMap">
{ CALL PRO_BUYPOST_INSERT(
#{title,jdbcType=VARCHAR},
#{url,jdbcType=VARCHAR},
#{content,jdbcType=VARCHAR},
#{expiration_datetime,jdbcType=DATE},
#{total_price,jdbcType=NUMERIC},
#{goods_num,jdbcType=NUMERIC},
#{deadline,jdbcType=DATE},
#{trade_datetime,jdbcType=DATE},
#{member_code,jdbcType=VARCHAR},
#{sub_cate_code,jdbcType=VARCHAR},
#{buy_number,jdbcType=NUMERIC}
)
}
</select>
BuypostDAO.xml 에 이러한 코드를 추가하였다.
form 으로 값들이 넘어오지 않는 현상을 해결하고 member_code 가 넘어오지 않는 오류가 발생하였다.
로그인한 상태에서는 발생하지 않는데 로그아웃 상태일 때 처리를 따로 해주지 않아서 발생하는 오류였다.
따라서 header.jsp 에 코드를 추가하여 로그아웃 상태일 시, 먼저 로그인을 하라는 alert 창이 뜨게 하였다.
<script type="text/javascript">
function loginAlert()
{
Swal.fire({
title: '로그인',
text: '로그인 이후 이용 가능합니다.',
icon: 'warning',
iconColor: '#f27474',
confirmButtonText: '확인',
}).then((result) => {
location.href='loginform.lion';
})
}
</script>
추가한 코드는 위와 같다.
그런데 저번에 작성한 소분류 카테고리 코드 때문에 sub_cate_code 값이 넘어가지 않는 오류가 생겼다..............ㅠㅠ
많은 시도를 해봤지만 도저히 방법을 모르겠어서 미관을 포기하기로 했다...
<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<select class="form-select subCategory-select"
aria-label="Default select example" name="sub_cate_code">
<option value="0" selected>소분류 선택</option>
<c:forEach var="subCate" items="${subList }">
<option value="${subCate.code }">${subCate.name }</option>
</c:forEach>
</select>
코드를 이렇게 수정하였다.
그럼 이렇게 안 예쁘게 뜨기는 ... 하지만 ^^ 게시물 등록은 잘 된다!
이제 마지막으로 datepicker 관련...이다... 마지막!!!!!!!!!!!!!!
원래 timepicker 도 해줘야 하지만 대충 datepicker 로 하는 법을 알아냈으니 나중에 여유로울 때 해봐야겠다.
우리 어플리케이션은 거래희망날짜가 모집마감날짜에 의존하므로 선택할 때 마다 선택 가능한 날짜가 바껴야 한다.
// 모집마감일 (현재 ~ +21일)
$("#deadline").datepicker({
minDate: 0,
maxDate: "+21D",
onClose: function(selectedDate)
{
$("#trade_date").datepicker( "option", "minDate", selectedDate);
var maxDate = new Date(selectedDate);
maxDate.setDate(maxDate.getDate() + 14);
$("#trade_date").datepicker( "option", "maxDate", maxDate);
}
});따라서 datepicker 함수를 통해 모집마감일 datepicker 가 닫힐 때
거래희망일 datepicker 값이 설정되도록 하였다.
maxDate 라는 Date 변수를 하나 정의하고 그 값에 14일을 더하여 해당 변수를 거래희망일의 maxDate로 설정한다.
모집마감날짜를 9월 1일로 선택하였다면 거래희망일은 다음과 같이 해당 날짜 내에서만 선택 가능하다.
timepicker 도 건드려 보고 싶지만... 시간이 없는 insertForm 은 여기서 마무리 하려고 한다.
다음은 실제 결제 과정에 해당하는 포인트 결제 부분을 처리하고자 한다!