1.Thymeleaf는 JSP 처럼 화면처리에 쓰인다.
2.Thymeleaf 는 JSP 를 사용해 본적이 있다면 별다른 어렴움 없이 사용 가능하다
3. th를 같이 써준다
Tyhme leaf 기본
-특정 태그를 제외한 타임리프는 항상 html 태그와 함께 쓰인다.
-항상 "html lang="en" xmlns:th="http://www.thymeleaf.org" 를 써줘서 타임리프 쓸거라는걸 알려준다.
- 출력 =$"{내용}"
- 반복문= th:each
-"변수":${목록}
-"[[]]" = 인라인 표현식으로 별도의 태그 속성으로 지정하지 않고 사용하고자 할떄 유용하게 쓰인다.
- 반복문 상태(state) 객체
-순번이나 인덱스 번호, 홀수/짝수 등을 지정할수있다.
-상태 객체에서는 index (0부터시작) count(1부터시작) 을 사용할 수 있다.
-
조건문
-th:if =$"{조건문1}" th:text="{조건문1 참일경우}"-th:unless=$"{참아닐겨우}" th:text="{참아닐경우 }"
-
삼항연산자
-
Inline 속성
-주로 javaScript 처리에서 유용하다
- block
-다른 타임리프와 달리 별도의 태그가 필요하지 않다
-실제 화면에서는 html로 처리되지 않기 떄문에 루프 등을 별도로 처리하는 용도로 사용된다
- href
-문구를 클릭하면 href 링크를 통해 해당 위치로 간다.
-sno 와 같은 파라미티러를 추가하기 위해서는 '키' '값' 의 형태를 추가해야한다.
-
LocalDateTime / #numbers/ #dates
-dto.sno 를 5자리로 출력해야 할떄
-날짜를 표현하기위해 dependency 추가
-#temporals 라는 객체를 이용해 format()처리
Thtmeleaf 레이아웃
쉽게 말하자면 각각의 조각들을 모아서 하나의 완성품을 만드는 것이다.
- 대표 적인 기능 두가지
- th:insert = 기존의 내용의 바깥쪽 태그는 그대로 유지하면서 추가되는 방식
- th:replace = 기존의 내용을 완전히 대체
- 조각들을 만들어보자
-th:fragment 라는 명령어로 part1, part2,part3 로 조각을 만들어 준다.
- 합치기
-앞부분 ~는 해당 fragment 위치라고 보면된다.
-저 위치에있는 part 1,2,3(fragment 이름)를 가져온다.
-::뒤에는 fragment 이름이나 , CSS의 #id 를 이용할수있다
-::이하를 생략하면 해당파일 전체 내용을 불러온다
- 파라미터 방식 처리
-this 는 현재 페이지를 의미한다.
-2번쨰사진의 fragment를 setContent에 넣어준다.
-넣어준 값을 첫번째 사진 content2에 대입 해준다.
