[Thymeleaf] th:field, th:object

1. th:object
2. th:field

th:object

• 사용할 모델 객체를 설정
• Controller 에서 모델에 추가한 객체의 이름을 의미

<form th:action="@{/submit}" th:object="${user}" method="post">
...
</form>

 

 

th:field

• 속성값인, id와 name을 자동으로 생성해준다.
• 폼 요소와 모델 객체를 바인딩하는 역할을 한다.

<form th:action="@{/submit}" th:object="${user}" method="post">
    <input type="text" th:field="*{username}" />
    <!-- 출력 결과 : <input type="text" id="username" name="username" /> --> 
    
    <!-- th:object가 없을 경우, 표현하는 방법 (하지만, th:object를 사용하는 것을 권장) -->
    <!-- <input type="text" th:field="${user.username}" /> -->
    
   
    <button type="submit"> Submit </button>
</form>

• th:object와 같이 사용하는 경우를 권장하며, 어떤 모델 객체를 의미하는지 알 수 있으므로 "*"로 표현해도 된다 (권장)