공통 템플릿 만들기

---

😀 공통으로 사용할 템플릿 정의

 

나는 에러메시지를 위한 템플릿으로, form_errors.html 파일로 아래와 같이
만들어 놓겠다.

<div th:fragment="formErrorsFragment" class="alert alert-danger"
     role="alert" th:if="${#fields.hasAnyErrors()}">
    <div th:each="err : ${#fields.allErrors()}" th:text="${err}"/>
</div>

 

• fragment에 명시한 값으로 다른 파일에서 불러올 때 사용한다. 
• fields.hasAnyErrors()는 Validation 결과에서 에러를 받아낸다.

 

🎯 다른 파일에서 사용하기

 

다음과 같이 사용할 파일 question_form.html에서 다음과 같이 명시한다.

  <div th:replace="~{form_errors :: formErrorsFragment}"></div>

• th:replace : 키워드를 사용해서, 다른 템플릿 내용을 삽입
• ~{form_errors :: formErrorsFragment} : form_errors  html 템플릿의 formErrorsFragment을 사용

---

출처