② hello.html
페이지 정보
본문
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"> <!-- ① -->
<head>
<title>web</title>
<link rel="stylesheet" href="/css/style.css" />
</head>
<body>
<h1 th:text="${msg}"></h1>
<h1>[[${msg}]]</h1>
<input th:value="${msg}"><br>
<input value="[[${msg}]]"><br>
<hr>
<h2>[[${list}]]</h2>
<h2 th:text="${list}"></h2>
<hr>
<h2>반복문이 필요한 태그에 'th:each' 적용하는 방법</h2>
<ul>
<li th:each="str: ${list}" th:text="${str}"></li>
</ul>
<hr>
<h2>th:block 태그를 이용하는 방법</h2>
<ul>
<th:block th:each="str: ${list}">
<li th:text="${str}"></li>
</th:block>
</ul>
<hr>
<h2>반복문의 status 변수</h2>
<h2>반복문의 내부 상태에 변수를 추가해서 사용</h2>
<ul>
<th:block th:each="str,status: ${list}">
<li>[[${str}]] [[${status.index}]]</li>
</th:block>
</ul>
<hr>
<h2>th:if , th:unless</h2>
<ul>
<th:block th:each="str,status: ${list}">
<li th:if="${status.index % 2 == 0}" style="color:red">[[${str}]]</li>
<li th:unless="${status.index % 2 == 0}" style="color:blue">[[${str}]]</li>
</th:block>
</ul>
<hr>
<h2>th:switch</h2>
<h2>2로 나누었을 때 나머지 값 출력</h2>
<ul th:each="str,status: ${list}">
<th:block th:switch="${status.index % 2}">
<span type="radio" th:case="0">[[${status.index}]] - 0</span>
<span type="radio" th:case="1">[[${status.index}]] - 1</span>
</th:block>
</ul>
</body>
</html>
- 이전글② SampleController.java ( 배열 및 반복문 ) 24.06.04
- 다음글■ Thymeleaf ( html ) 와 jsp 의 비교 24.06.03
댓글목록
등록된 댓글이 없습니다.