본문 바로가기
✨ Back-end/Spring-Boot

[Spring] 쇼핑몰 - 42 사용자 sub메뉴 classappend 사용해 나타내기

by 환풍 2023. 4. 12.
728x90
반응형

classappend를 사용해보자.


CategoryIntercepter 인터셉터

이전에 카테고리인터셉터에서 카테고리를 조회하는 부분을 만든 기록이 있다.

 

IntercepterConfig 인터셉터 통합

만들어준 인터셉터를 이곳에서 메소드를 만들어 호출할 수 있는데,

어느 화면에 호출해줄지 addPathPatterns를 통해 추가해주면 된다.

현재 빨간박스와 같이 /cart 컨트롤러에 있는 모든 곳에 나타난다. 

 

이곳에서 buys 컨트롤러에서도 모든 곳에 노란 박스가 나타날 수 있도록 추가해주었다.

personal_side.html

side html에서 장바구니 목록, 구매내역에 각각 임의로 만든 personalMenu 값에 1, 2 를 각각 넣어주었고,

타임리프를 이용해 각 페이지로 넘어올때마다 personalMenu 값을 받아왔다.

CartController 컨트롤러

컨트롤러에서 매개변수에 personalMenu를 추가해 model에서

위 side.html에서 만든 것을 쓰기 위해 personalMenu이름으로 뿌려준 결과 장바구니 목록을 들어가면 1이 출력된다.

BuysController 컨트롤러

BuyController에서도 추가해주었는데, 구매 내역을 누르면 2가 출력되는 것을 확인할 수 있다.

personal_side.html

classappend는 아래와 같이 해당 클릭된 곳에 파란색으로 표시해주는 것인데, 장바구니 목록을 눌렀을 때 , 구매내역을 눌렀을때 active 속성을 주게 되면서 해당 참조하고 있는 곳에 표시를 해준다.

 

이렇게 파란색으로 classappend 속성이 잘 먹힌 것을 볼 수 있다.

내정보 수정하기로 들어오면 아무것도 안뜬다.

CartController 컨트롤러

@RequestParam 요청시 넘어오는 데이터.

(required = false, defaultValue = "1" ) 은

필수값으로 가지는건 아니고, 기본값으로 1주겠다는 말이다.

 

이렇게 바꿔주면 내정보 수정하기로 들어와도 서브메뉴에 장바구니 목록을 가르키므로 파란색으로 표시가 된다.

 

728x90
반응형

댓글