쇼핑몰 프로젝트(12) 회원 MY PAGE - 구매 내역 (2) 검색 기능 (보수)

Spring

쇼핑몰 프로젝트(12) 회원 MY PAGE - 구매 내역 (2) 검색 기능 (보수)

byeol_dev 2023. 4. 13. 11:22

---현재까지 부족한 기능

구매 목록 페이지의 메뉴 띄우기

> interceptorConfig에 카테고리 목록 조회할 때 구매 관련 페이지 들어가는 경우도 추가

회원이 보는 사이드 메뉴 클릭 시 해당 메뉴 파란색 변경

personal_side.html에서 메뉴에 active 속성을 넣으면 클릭 시 색 바뀜.

어떤 메뉴를 클릭해서 해당 페이지에 왔는지 알 수 있도록 데이터 넘기는 작업 필요.

db 작업해서 메뉴 불러온 것이 아니기 때문에 임의의 값 지정.

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">


<th:block th:fragment="personalSideFragment">
	<div class="row">
		<div class="col">    <!-- active -->
			<div class="list-group">
                <!-- 회원 사이드 메뉴 --> 
                <a href="/cart/cartList?personalMenu=1" 
                class="list-group-item list-group-item-action">
                    장바구니 목록
                </a>
                <a href="/buy/buyList?personalMenu=1" 
                class="list-group-item list-group-item-action">
                    구매 내역
                </a>
                <a href="" 
                class="list-group-item list-group-item-action">
                    개인정보수정
                </a>
			</div>
		</div>
	</div>
</th:block>	
</html>

BuyController 작성

1.구매내역 메뉴 수정

해당 페이지 오는 controller 수정

매개변수로 String personalMenu 넣기.

받아온 데이터 html로 넘겨주면 같이 화면 열리는 personal_side.html에서도 데이터 받아짐.

//구매 내역 페이지
@RequestMapping("/buyList") //get,post 방식 둘 다 받게
public String buyList(HttpSession session, Model model, BuyVO buyVO, String personalMenu) {
    //오늘 날짜
    String nowDate = DateUtil.getNowDateToString(); //2023-04-12
    //메소드 오버로딩하면 날짜 형식 바꿀 수 있음
    //String nowDate1 = DateUtil.getNowDateToString("."); //2023.04.12

    //이번 달의 첫 날
    String firstDate = DateUtil.getFirstDateOfMonth();

    //쿼리 빈 값 memId 가져오기
    MemberVO loginInfo = (MemberVO)session.getAttribute("loginInfo");
    buyVO.setMemId(loginInfo.getMemId());
                                    //memId 받는 것에서 vo로 수정
    List<BuyVO> buyList = buyService.getBuyList(buyVO);
    for(BuyVO e : buyList) {
        System.out.println(e);
    }

    model.addAttribute("buyList", buyList);

    //넘어온 날짜 데이터가 없다면 기본 값으로 buyVO에 시작 기간, 끝나는 기간 데이터 세팅
    if(buyVO.getFromDate() == null) {
        buyVO.setFromDate(firstDate);
    }
    if(buyVO.getToDate() == null) {
        buyVO.setToDate(nowDate);
    }

    //사이드 메뉴(사이드 메뉴 클릭 시 색 주기 위한 데이터)
    model.addAttribute("personalMenu", personalMenu);

    return "content/buy/buy_list";
}

넘어온 personalMenu 데이터에 따라 th:classappend 속성 사용.

삼항연산자로 데이터 판단하여 active 속성 추가

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">


<th:block th:fragment="personalSideFragment">
	<div class="row">			
		<div class="col">    <!-- active : 클릭 시 메뉴 색 지정-->
			<div class="list-group">
				<!-- 회원 사이드 메뉴 --> 
				<a href="/cart/cartList?personalMenu=1" 
				class="list-group-item list-group-item-action"
				th:classappend="${personalMenu == '1' ? 'active' : ''}"> <!-- String으로 받아서 문자열 인식을 위해 '' 감싸주기 -->
					장바구니 목록
				</a>
				<a href="/buy/buyList?personalMenu=2" 
				class="list-group-item list-group-item-action"
				th:classappend="${personalMenu == '2' ? 'active' : ''}">
					구매 내역
				</a>
				<a href="" 
				class="list-group-item list-group-item-action">
					개인정보수정
				</a>
			</div>
		</div>
	</div>
</th:block>	
</html>

2. 장바구니 메뉴도 동일하게 작업

현재까지 사이드 메뉴 클릭하면 active 속성 적용됨.

mypage에서 장바구니 목록 오는 경우는 적용 안 됨.

장바구니 페이지 올 때 @RequestParam 어노테이션과 속성 사용하여 디폴트 값 1로 주기.

//장바구니 페이지    		//@RequestParam : 요청 시에 넘어오는 데이터 
@GetMapping("/cartList")    //(required = false) : 넘어오는 데이터가 필수 값은 아님(데이터 넘어올 때도 있고 아닐 때도 있음)
public String cartList(Model model, HttpSession session
        ,@RequestParam(required = false, defaultValue = "1") String personalMenu) {
    //세션에서 memId 빼기               //defaultValue = "1" : 데이터 안 넘어오면 기본으로 1 줌.
    MemberVO loginInfo = (MemberVO)session.getAttribute("loginInfo");

    //로그인 정보 없으면 상품 목록으로
    if(loginInfo == null) {

        return "redirect:/item/itemList";
    }


    //장바구니 목록 조회
    List<CartVO> cartList = cartService.getCartList(loginInfo.getMemId());
    model.addAttribute("cartList", cartList);

    //총 구매금액 계산
    int finalPrice = 0;
    for(CartVO cart : cartList) {
        finalPrice += cart.getTotalPrice();
    }

    model.addAttribute("finalPrice", finalPrice);

    //사이드 메뉴(사이드 메뉴 클릭 시 색 주기 위한 데이터)
    model.addAttribute("personalMenu", personalMenu);

    return "content/cart/cart_list";
}