공통 템플릿

이전 오류 표시

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

• 앞으로 추가적으로 템플릿들에도 위와 같이 오류를 표시하는 부분이 필요
• 공통 템플릿으로 만들고 필요 부분에 삽입하여 쓰면 편리

공통템플릿 작성

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

질뭍 등록 템플릿에 적용

<div class="alert alert-danger" role="alert" th:if="${#fields.hasAnyErrors()}">
            <div th:each="err : ${#fields.allErrors()}" th:text="${err}" />
        </div>
        
      //  ->이렇게 교체
<div th:replace="form_errors :: formErrorsFragment"></div>

• th:replace로 공통 템플릿을 템플릿내에 삽입
• th:replace="form_errors :: formErrorsFragment"는 div 엘리먼트를 form_errors.html파일의 th:fragment속성명인formErrorsFragment인 엘리먼트로 교체하란 뜻