FrontEnd/HTML
[타임리프]
2021. 12. 6. 13:03반응형
thymeleaf 기본 문법 정리
기본
th:text | 서버에서 받은 값을, 태그 안의 텍스트 내용을 표현. <span th:text="${user.name}"></span> <span th:text="${hello}">message</span> |
th:utext | 서버에서 받은 값을, html태그가 있다면, 태그 값을 반영해서 표편 <div th:utext="${content}"></div> |
th:value | 서버에서 받은 값을, 엘리먼트의 value값을 지정. element value값, checkbox, input 등 <input type="text" th:value="${title}" /> |
th:if | 해당 조건이 참일 경우에만, 표시 <p th:if="${user.string}=='id'">참</p> |
th:field | th:field="*{필드이름}"은 만약, form이 submit이 됐을 때, form에서 th:object에서 설정된 객체의 필드 이름에 해당 태그가 가진 값이 채워지게 된다. 즉, form에서의 객체의 필드 값이, 내부 스프링 서버의 Model에 저장하게 된다. |
출처/인용자료
https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#standard-expression-syntax
반응형
'FrontEnd > HTML' 카테고리의 다른 글
HTML 엘리먼트 (element)의 속성값들 (0) | 2022.03.05 |
---|---|
[HTML] img와 div 태그에 대한 고찰 (사이즈 범위 벗어나거나/꽉차거나) (0) | 2022.02.07 |
[HTML] 캐로셀 적용하기 (0) | 2022.02.05 |
[HTML] 실무에서 많이 쓰는 html 태그들 (0) | 2021.12.01 |