Thymeleaf는 무엇이고 Spring Boot 애플리케이션에서 어떻게 사용할 수 있나요?

이 템플릿 엔진을 Spring 애플리케이션에 통합하는 방법을 알아보세요.

Thymeleaf는 Java 템플릿 엔진입니다. 웹 및 독립형 애플리케이션용 템플릿을 개발합니다. 이 템플릿 엔진은 Natural Templates 개념을 사용하여 디자인을 손상시키지 않고 레이아웃에 논리를 주입합니다. Thymeleaf를 사용하면 귀하가 생성한 템플릿을 애플리케이션이 처리하는 방법을 제어할 수 있습니다.

Thymeleaf를 사용하면 HTML, XML, Text, JavaScript, CSS, RAW 등 6가지 유형의 템플릿을 처리할 수 있습니다. Thymeleaf는 각 템플릿을 템플릿 모드로 참조하며, HTML은 이 엔진에서 생성된 가장 인기 있는 템플릿입니다.

Spring Boot 애플리케이션에 Thymeleaf를 추가하는 방법에는 두 가지가 있습니다. Spring의 초기화 도구를 사용하여 상용구를 생성할 때 Thymeleaf를 종속성으로 선택할 수 있습니다. 나중에 종속성 섹션의 빌드 사양 파일에 추가할 수도 있습니다.

Gradle 프로젝트 옵션 중 하나를 선택한 경우 종속성이 포함된 파일은build.gradle 파일. 그러나 Maven을 선택한 경우 해당 파일은pom.xml.

당신의pom.xml파일에는 다음 종속성 섹션이 포함되어야 합니다.

당신의build.gradle파일에는 다음 종속성 섹션이 포함되어야 합니다.

기사에 사용된 샘플 애플리케이션은 이 GitHub 저장소에서 제공되며 MIT 라이선스에 따라 무료로 사용할 수 있습니다.

Thymeleaf를 Spring 애플리케이션에 추가하면 Thymeleaf의 Spring Standard Dialect를 사용할 수 있는 핵심 라이브러리에 액세스할 수 있습니다. Spring Standard Dialect에는 레이아웃에 다양한 기능을 추가하는 데 사용할 수 있는 고유한 속성과 구문이 포함되어 있습니다.

Spring 애플리케이션에서 Thymeleaf를 사용할 때 첫 번째 단계는 템플릿 문서를 생성하는 것입니다. 이 샘플 애플리케이션의 경우 템플릿 문서는 HTML입니다. 항상 Spring Boot에서 Thymeleaf 템플릿을 생성해야 합니다.템플릿폴더는 리소스 파일에서 사용할 수 있습니다.

위의 Thymeleaf 템플릿은 하나의 외부 속성(xmlns:번째 ). 목적xmlns:번째속성은 모든 항목에 대한 범위를 제공하는 것입니다.일:* 이 HTML 문서에서 사용할 속성입니다. Thymeleaf 템플릿의 다른 속성과 태그는 전통적인 HTML 태그와 속성입니다.

모든 웹사이트나 애플리케이션의 첫 번째이자 가장 중요한 측면 중 하나는 헤더입니다. 이는 (로고를 통해) 애플리케이션에 대한 내용을 알려주고 애플리케이션을 쉽게 탐색하는 데 도움이 됩니다. 기본 헤더에는 로고와 여러 탐색 링크가 있어야 합니다.

Thymeleaf를 사용하면 위의 헤더를 웹 애플리케이션의 모든 페이지에 추가할 수 있습니다.일:삽입 기인하다. 그만큼일:삽입그리고일:바꾸다 속성은 Thymeleaf가 프래그먼트 표현식 값이라고 부르는 것을 허용합니다. 조각 표현식을 사용하면 레이아웃의 어느 위치에나 마크업 조각을 배치할 수 있습니다.

상단에 위의 마크업을 삽입합니다.home.html<본문> 태그는 홈페이지 상단에 헤더 마크업을 삽입합니다. 조각 표현식에는 여러 구성 요소가 있으며, 두 개는 선택 사항이고 두 개는 필수입니다.

따라서 다음 마크업은 위의 마크업과 동일한 결과를 생성합니다.

Thymeleaf를 사용하면 템플릿에서 다섯 가지 유형의 표현식을 사용할 수 있습니다.

메시지 표현식을 사용하면 외부화된 텍스트 조각을 레이아웃에 추가할 수 있습니다. 메시지 표현식을 사용하면 레이아웃의 텍스트를 쉽게 바꾸거나 재사용할 수 있습니다. 메시지 표현식을 사용할 때는 항상 외부 텍스트 조각을.속성아래 파일자원폴더.

이 샘플 애플리케이션의 경우 해당 파일은 다음과 같습니다.메시지.속성, 여기에는 다음 텍스트 조각이 포함되어 있습니다.

위의 텍스트 조각(또는 메시지)에는 고유 키(/strong of your HTML file will allow you to style your template using a strongstyle.css/strong file. This file is available in a strongcss/strong folder under the strongstatic/strong section of the strongresources/strong file of the sample application. You should always assign the link URL expression to the strongth:href/strong attribute./p>/strong>/strong>