Thymeleaf (5) 썸네일형 리스트형 [Thymeleaf] 날짜 형식 변경하기 [Thymeleaf] 반복문 each와 href에서 변수 값을 넘기는 방법 1 MarkDown 반복문 반복문을 할 경우 th:each를 사용하며 model에서 넘어온 변수는 '$'를 붙여주어야 한다. 그리고 값을 화면에 띄울때는 th:text를 사용하며 이것또한 '$'를 앞에 붙여주어야 한다. href 변수 href를 이용해 URL을 입력 시 th:href를 사용하며 앞에 '@'를 붙어야 한다. 그리고 서버에 넘길 값이 있다면 변수를 { }안에 입력하고 { }안에 값은 ( )에서 처리한다. 그리고 앞에 '$'를 붙여야 한다. [Thymeleaf] Form 태그 작성 @GetMapping("/admin/category/new") public String categoryForm(Model model){ model.addAttribute("categoryForm", new CategoryDto()); return "admin/adminCategoryForm"; } 페이지에 접근 할 때, Controller에서 객체를 하나 만들어 model객체에 담아줍니다. CategoryDto에는 name과 orderNum이 있습니다. 카테고리 이름 순서 저장 알아볼 것 1. th:action = "@{ }" HTML에서 action과 같은 역할을 하며 URL이전에 '@'를 붙입니다. 2. th:object= "${ }" 여기서 categoryForm은 Controller에서 model.. [Thymeleaf] location.href 작성법 th:onclick="'location.href = \'' + @{/admin/category/new} + '\''" 꽤 복잡하지만 유용하게 쓰일 것 같습니다. [Thymeleaf] Fragment나누기 Thymeleaf Fragment JSP의 inlucde기능과 같습니다. 보통 하나의 HTML파일에 header나 footer 등의 중복 코드를 줄이기 위해 사용 됩니다. 실습환경은 Spring Boot + Thymeleaf입니다. 1. 파일 구성 HTML에서 header를 담당할 head.html과 navigation bar를 구성할 top.html, 그리고 홈 화면인 home.html로 구성되어 있습니다. head.html 모든 html파일의 head부분에 들어갈 것이기 때문에 head태그에서 th:fragment="fragment명"으로 설정합니다. header에는 부트스트랩 cdn을 넣어주었습니다. top.html Navbar Home Features asdfsdf Disabled 상단의 navi.. 이전 1 다음
