프로그래밍 언어/Thymeleaf 4

[Thymeleaf] if문, 조건문으로 속성 추가 및 클래스 적용

1. th:ifth:if="${session.name} != null" th:text="|${session.name} 님|"th:if="${session.name} == null" th:text="Login"2. th:if - th:unlessth:if="${session.name} != null" th:text="|${session.name} 님|"th:unless="${session.name} != null" th:text="Login"3. html 속성 조건문으로 추가1) th:attrth:attr : HTML 요소에 속성을 추가하거나 변경하는 데 사용되는 속성HTML 속성뿐만 아니라, CSS 스타일 및 데이터 속성도 포함th:attr="속성명=${조건 ? true일 경우 : false일 경우}"t..

[Thymeleaf] th:onclick 변수 추가

item.oid의 item은 th:each를 사용한 반복문을 통해 가져온 변수명이다.1. 함수에 변수 추가js의 functionth:onclick="함수명([[${파라미터명.value값}]])"1-1. htmlDelete1-2. java scriptfunction deleteOrder(oid){ if(confirm("삭제하시겠습니까?")){ location.href='/deleteOrder?oid=' + oid; }}2. location.href에 변수 추가controller의 mapping url로 이동th:onclick="|location.href='@{html이름(파라미터명=${value값})}'|"2-1. html2-2. Controller.java@PostMapping("..

Thymeleaf 레이아웃 설정

Thymeleaf서버 사이드 Java 템플릿 엔진.HTML, XML, JavaScript, CSS 등과 같은 웹 페이지를 생성하는 데 사용자바 코드와 함께 사용되는 것이 아니라 HTML과 같은 템플릿 파일에 태그를 추가하여 사용1. head-include-head.html 2. script-include-script.html th:fragment="레이아웃명" : 블록 정의th:block : 단순히 블록 요소를 표시3. Layout1) header-header.htmlheader는 body 안에 위치. header로 태그여기서 중요한 헤더(header)에 변수 추가. 페이지마다 제목 변경 방법 ..