hello world
타임리프(Thymeleaf ) 문법 정리 본문
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')">
'WEB > Front' 카테고리의 다른 글
map, reduce 자바스크립트 누적합 구하기 (0) | 2022.12.07 |
---|---|
[자바스크립트, 자바] 특정 문자열 포함 확인 함수 (0) | 2020.04.28 |
[자바스크립트, 자바] 현재 url 주소 가져오기 (0) | 2020.04.28 |
$(document).off() , $(document).on() 사용 (0) | 2020.04.23 |
제이쿼리 함수 정리 (0) | 2020.03.17 |
Comments