10-2. Thymeleaf

🥠 속성 값 설정

1) 임의의 속성 설정

• 형식: th:attr="attribute-name=expr"

 <input type="submit" value="Subscribe!" th:attr="value=#{subscribe.submit}"/>
 <input type="submit" value="구독!" /> // #{subscribe.submit}의 값이 "구독!"인 경우

2) 특정 속성 설정

• 형식: th:attribute-name="expr"

 <input type="submit" value="Subscribe!" th:value="#{subscribe.submit}"/>
 <input type="submit" value="구독!" /> 

3) Fixed-value boolean attributes

• 식의 결과가 true이면 고정값을 설정하고 false이면 속성 자체를 생략
  • th:checked, th:selected, th:readonly, th:required, th:hidden, th:disabled

 <input type="checkbox" name="active" th:checked="${user.active}" />
 // ${user.active} == true 이면 checked="checked" 속성 추가

4) th:attrappend, th:attrprepend

• 기존 속성 값에 새로운 값을 append하거나 prepend함

<input type="button" value="Do it!" class="btn" th:attrappend="class=${' ' + cssStyle}" />
<input type="button" value="Do it!" class="btn" th:classappend="${' ' + cssStyle}">
 // ${cssStyle} == ‘warning’ 일 때, class="btn warning" 속성 생성

🥠 반복문(Iteration)

th:each

User 객체가 3개 저장된 List 컬렉션의 반복

<tr th:each="user : ${users}">
    <td th:text="${user.username}">username</td>
    <td th:text="${user.age}">0</td>
</tr>

status 변수

• index : 0부터 시작하는 index
• count : 1부터 시작하는 index
• size : 총 개수
• current : 현재 index의 변수
• even odd : 짝수/홀수 여부
• first last : 처음/마지막 여부

💦 count 예시

<th:block th:each="data,status:${datas}">
	<h1 th:text="|${status.count} ${data}|"></h1>
</th:block>

• 결과

<h1>1 apple</h1>
<h1>2 banana</h1>
<h1>3 cherry</h1>

💦 odd 예시

 <tr th:each="prod,iterStat : ${prods}" th:class="${iterStat.odd} ? 'odd'">

• 홀수 번째 반복(홀수 번째 <tr>)에 대해서만 class="odd" 속성을 생성
  
  

🥠 조건문(Conditional Evaluation)

th:if, th:unless

<div th:unless="${session.authInfo}">   
<!–session에 authInfo객체가 없는 경우(null), 하위 코드 실행--> 
...

<div th:if="${session.authInfo}">
<!–session에 authInfo객체가 존재할 경우, 하위 코드 실행-->
...

• 식의 값이 null이면 false, null이 아니면 다음의 경우 true
  

🧐 헷갈리는 코드

<table th:unless="${#lists.isEmpty(members)}"> 
<!-- th:if="${not#lists.isEmpty(members)}" 와 동일-->

th:switch, th:case

<div th:switch="${user.role}">
<p th:case="'admin’”>an administrator</p>           
             // ${user.role}==‘admin’일 때
<p th:case=“#{roles.manager}”>a manager</p>  
            // ${user.role}==#{roles.manager}일 때
<p th:case=“*”>some other thing</p>                     
            // 그 외(default)
 </div>

---

🥰 출처: https://jddng.tistory.com/233 [IT 개발자들의 울타리:티스토리] https://velog.io/@mon99745/Thymeleaf-%EC%B4%9D-%EC%A0%95%EB%A6%AC