게으른 완벽주의자의 개발자 도전기
[shop] 사이드 메뉴판 active 추가하기 (th:classappend) 본문

<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);
}
'Spring Boot' 카테고리의 다른 글
[shop] 메인화면(이미지) 구현하기 (0) | 2022.10.11 |
---|---|
[shop] 회원목록 및 이름 클릭 시 회원정보 보기 (0) | 2022.10.09 |
[shop]카테고리 등록 및 사용/미사용 변경 js(ajax) (0) | 2022.10.09 |
[shop]이미지와 함께 상품 등록하기 (enctype="multipart/form-data") (0) | 2022.10.09 |
[shop] js활용하여 재고 변경 및 상품 상태 변경 (0) | 2022.10.09 |