Spring Boot

[shop] 사이드 메뉴판 active 추가하기 (th:classappend)

머리방울 2022. 10. 9. 17:28

 <div class="list-group" style="font-size: 20px;">
  <button type="button" class="list-group-item list-group-item-action" 
  th:classappend="${menu} eq '1' ? 'active'"
  th:onclick="|location.href='@{/admin/main(menu=1)}'|">상품등록</button>
  <!-- 또는 th:href="@{/admin/main(menu=1)}" -->
  
  <button type="button" class="list-group-item list-group-item-action"
  th:onclick="|location.href='@{/item/itemList(menu=2)}'|" 
  th:classappend="${menu} eq '2' ? 'active'">상품관리 </button>
  
  
  <button type="button" class="list-group-item list-group-item-action" 
  th:onclick="|location.href ='@{/admin/memberList(menu=3)}'|"
  th:classappend="${menu} eq '3' ? 'active'">	회원권한설정 </button>
  
  <button type="button" class="list-group-item list-group-item-action">메뉴관리</button>

 

th:classappend 를 활용하여 해당 조건에 맞다면 active 를 추가하여 side 화면에 파란색 표시가

뜨도록 설정하였다.

 

2. controller

모든 메소드가 실행되기 전에 무조건 실행되는 메소드
@ModelAttribute	해당 컨트롤러 실행되기 전 무조건 호출된다.
public void test(@RequestParam(defaultValue = "1") String menu, Model model) {
(관리자로 로그인 시 디폴트 값으로 1을 준다)
		
	model.addAttribute("menu", menu);
}