hello world

타임리프(Thymeleaf ) 문법 정리 본문

WEB/Front

타임리프(Thymeleaf ) 문법 정리

sohyun_92 2022. 12. 9. 15:05
728x90

타임리프 문법 관련 사용했던거 정리...

 

1. Thymeleaf   음수 금액인 경우 글자색 바꾸기 (특정 글자포함여부 체크하여 글자색상 바꾸기) 

    (   '-' 문자를 포함하고있는지로 구분해서분기처리함)

 <span th:text=${resVo.TotalJigubAmt} th:style="${#strings.contains(resVo.TotalJigubAmt,'-')?'color:red':'color:black'}"></span>

 

2. Thymeleaf  문자열 합치기

   |로 감싸주면 문자열을 조합할 수 있다.

  <span th:text="|${resVo.totalRate}%|"></span>

 그냥도 가능함 

<span th:text="${resVo.newCntLi}+'건  /' +${resVo.newCnt}+'건'"></span>

 

3.Thymeleaf  값 비었는지 확인

   ${#strings.isEmpty(~)}

   <div th:if="${#strings.isEmpty(sysId)}">

문자열,배열,list,set 비었는지 확인

${#strings.isEmpty(title)} 
${#strings.arrayIsEmpty(array)} 
${#strings.listIsEmpty(list)} 
${#strings.setIsEmpty(set)}

4. Thymeleaf  select 값에 따라 선택되어지는 값 세팅하기

 <select id="activeFlag">
         <option th:selected="${DataVo.activeFlag} == 'Y'"value="Y">Y</option>
         <option th:selected="${DataVo.activeFlag} == 'N'"value="N">N</option>
  </select>

 

5. Thymeleaf  select  동적으로 option 추가 하기

<select id="divnOprCd">
      <option value="">전체</option>
     		<th:block th:each="val : ${CdList}">
	   			<option th:value="${val?.codeName}" th:text="${val?.textName}">
         		</option>
      		</th:block>
</select>

 

6. Thymeleaf  if / else문

<th:block data-th-if="${test == null}"></th:block>
<th:block data-th-unless="${test == null}"></th:block>

7. Thymeleaf  문자열 비교 

<th:block th:if="${authCd.equals('MN')||authCd.equals('MY')}">
      // 실행될코드
</th:block>

8, Thymeleaf  switch문 

<th:block th:switch="${username}"> 
    <span th:case="박박디라">박박디라님 hi</span> 
    <span th:case="길동이">길동님 hi</span> 
</th:block>

9. Thymeleaf  금액 콤마(천단위)

 

<td class="tac" th:text="${#numbers.formatInteger(detail.price, 0, 'COMMA')}"></td>

10.  property, yml 에서 값 가져와서 사용하기

<a th-href="${@environment.getProperty('app.url.property')}"></a>

 

11. list 포함 여부에따른 분기

 <th:block th:if="${#lists.contains(empAuthCd, '111') || #lists.contains(empAuthCd, '13')">
Comments