기본문법_sts
2022. 2. 17. 19:46ㆍksmart_Framework/spring
728x90
<!--
[타임리프 자주 사용 문법 설명]
1. 타임리프는 th 키워드를 사용해서 문법을 사용합니다
2. th 키워드를 사용하기 위해서는 <html> 부분에 th 설정을 해줘야합니다
- <html lang="en" xmlns:th="http://www.thymeleaf.org">
3. 주요 th 종류 설명
- th:text - 텍스트 지정의미입니다
- th:value - value 값 지정의미입니다 (폼 양식)
- th:each - for 반복문 의미입니다 (값이 하나 일 경우 단순 변수 지정으로도 사용가능)
- th:if / th:unless - if , else 구문입니다
- th:switch / th:case - switch 분기 처리 구문입니다
4. 주요 표현식 설명
- ${} - key 값을 지정할 때 사용하는 변수입니다
5. 주요 연산자 설명 (th:타입 = "구문내에서 연산자 사용")
- and , or , not , 크기 비교 연산자 (< (gt) , > (lt) , >= (ge) , <= (le))
-->
<!-- [문법] th:text="${key}" : 텍스트 지정 = 특정 key 변수 호출 -->
<div style="top: 2%;">
<!--
[컨트롤러에서 지정한 model 모델 형식]
model.addAttribute("name", "twok"); // [key, value]
model.addAttribute("age", 28); // [key, value]
model.addAttribute("sex", "M"); // [key, value]
-->
<p>
<span class="title">[문법] th:text="${key}" : 텍스트 지정 = 특정 key 변수 호출</span><br>
이름 : <span th:text="${name}"></span><br>
나이 : <span th:text="${age}"></span><br>
성별 : <span th:text="${sex}"></span><br>
</p>
</div>
<!-- [문법] th:each="n_data : ${name}" th:text="${n_data}" : 단순 변수 지정 및 데이터 결합 -->
<div style="top: 4%;">
<!--
[컨트롤러에서 지정한 model 모델 형식]
model.addAttribute("name", "twok"); // [key, value]
model.addAttribute("age", 28); // [key, value]
model.addAttribute("sex", "M"); // [key, value]
-->
<p>
<span class="title">[문법] th:each="n_data : ${name}" th:text="${n_data}" : 단순 변수 지정 및 데이터 결합</span><br>
이름 : <span th:each="n_data : ${name}" th:text="${n_data} + ' 입니다'"></span><br>
나이 : <span th:each="a_data : ${age}" th:text="${a_data} + ' 입니다'"></span><br>
성별 : <span th:each="s_data : ${sex}" th:text="${s_data} + ' 입니다'"></span><br>
</p>
</div>
<!-- [문법] th:if / th:unless : if else 조건문 처리 -->
<div style="top: 6%;">
<!--
[컨트롤러에서 지정한 model 모델 형식]
model.addAttribute("name", "twok"); // [key, value]
model.addAttribute("age", 28); // [key, value]
model.addAttribute("sex", "M"); // [key, value]
-->
<p>
<span class="title">[문법] th:if / th:unless : if else 조건문 처리</span><br>
이름 : <span th:if="${name}=='twok'" th:text="'IF twok'"></span><span th:unless="${name}=='twok'" th:text="'ELSE twok'"></span><br>
이름 : <span th:if="${name}=='투케이'" th:text="'IF 투케이'"></span><span th:unless="${name}=='투케이'" th:text="'ELSE 투케이'"></span><br>
</p>
</div>
<!-- [문법] th:switch / th:case : switch 문 분기 처리 실시 -->
<div style="top: 8%;">
<!--
[컨트롤러에서 지정한 model 모델 형식]
model.addAttribute("name", "twok"); // [key, value]
model.addAttribute("age", 28); // [key, value]
model.addAttribute("sex", "M"); // [key, value]
-->
<p>
<span class="title">[문법] th:switch / th:case : switch 문 분기 처리 실시</span><br>
이름 :
<span th:switch="${name}">
<span th:case="'투케이1'">1번 투케이</span>
<span th:case="'투케이2'">2번 투케이</span>
</span>
<span th:unless="${name} == '투케이1' or ${name} == '투케이2'">ELSE 투케이</span>
<br>
</p>
</div>
<!-- [문법] th:each : List 객체 데이터 for 반복 출력 실시 -->
<div style="top: 10%;">
<!--
[컨트롤러에서 지정한 model 모델 형식]
List<Insert_Each_List_Model> tables = new ArrayList<>();
for (int i=1; i<=5; i++){
// 이름 / 나이 / 성별 데이터 삽입
tables.add(new Insert_Each_List_Model(name+String.valueOf(i), String.valueOf(i), "M"));
}
model.addAttribute("tableList", tables); //value 값에 객체 지정 실시
-->
<p>
<span class="title">[문법] th:each : List 객체 데이터 for 반복 출력 실시</span><br>
<span th:each="list : ${tableList}">
<span th:text="' 이름 : ' + ${list.name}"></span>
<span th:text="' 나이 : ' + ${list.age}"></span>
<span th:text="' 성별 : ' + ${list.sex}"></span>
<br>
</span>
</p>
</div>
[출처] 20. (spring/스프링) [thymeleaf/타임리프] 자주 사용하는 th 기본 문법 설명 - text , if else , switch , for|작성자 투케이2K728x90
'ksmart_Framework > spring' 카테고리의 다른 글
| springboot 백업_sts (0) | 2022.02.20 |
|---|---|
| @Service @Autowired 어노테이션, ModelAndView_sts (0) | 2022.02.20 |
| thymeleaf 와 Model 객체 사용법_sts (0) | 2022.02.17 |
| Hello Spring Boot!_sts (0) | 2022.02.17 |
| 스프링부트 개발환경 구축_sts (0) | 2022.02.08 |