SpringBoot에서 Thymeleaf 템플릿을 사용하는 방법
- WBOY앞으로
- 2023-05-17 19:19:511239검색
1. Thymeleaf란 무엇입니까
공식 웹사이트의 원래 단어: Thymeleaf는 웹 및 독립 실행형 환경에 적합한 최신 서버 측 Java 템플릿 엔진으로 HTML, XML, JavaScript, CSS 및 일반 텍스트까지 처리할 수 있습니다. Thymeleaf는 템플릿을 생성하는 아름답고 유지 관리가 쉬운 방법을 제공하는 것을 목표로 합니다. 자연스러운 템플릿을 모델로 하고 디자인 프로토타입인 템플릿에 영향을 주지 않는 방식으로 템플릿 파일에 로직을 주입합니다. 이를 통해 설계 커뮤니케이션이 향상되고 설계 팀과 개발 팀 간의 격차가 해소됩니다. Thymeleaf는 웹 애플리케이션 개발을 위한 HTML5 템플릿 엔진입니다. Thymeleaf는 Spring MVC 통합을 위한 선택적 모듈을 제공합니다. 애플리케이션 개발에서 Thymeleaf를 사용하면 JSP나 Velocity, FreeMarker 등과 같은 다른 템플릿 엔진을 완전히 대체할 수 있습니다. Thymeleaf의 주요 목적은 브라우저에서 올바르게 표시될 수 있는 올바른 형식의 템플릿을 생성하는 방법을 제공하는 것입니다. thymeleaf 템플릿 엔진, jsp를 대체합니다.
2. SpringBoot에서 Thymeleaf 템플릿을 사용하세요
1. .pom.xml
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>2. thymeleaf 캐시를 끄세요. application.yml에 다음 코드를 추가하세요. 비슷한 핫 배포 효과를 얻으려면 시간 내에 적용하세요):
#能让改动的页面及时生效，实现类似热部署效果
thymeleaf:
cache: false추가 후 들여쓰기에 주의하세요.
3. thymeleaf 템플릿 페이지 만들기
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html> html 태그에 네임스페이스 추가
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<p th:text="'欢迎来到中国，我叫'+${name}+',今年'+${age}+'岁。'"></p>
<p>欢迎来到中国，我叫<span th:text="${name}"></span>,今年<span th:text="${age}"></span>岁。</p>
</body>
</html>xmlns:th="http://www.thymeleaf.org"表示该页面是一个thymeleaf模板页面。 即把上述代码中ackage com.ysw.springboot01.controller;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
@Controller
@RequestMapping("/thy")
public class ThymeleafController {
@RequestMapping("/hello")
public String hello0(Model model){
//向model中存入数据
model.addAttribute("name","李白");
model.addAttribute("age","18");
//跳转到hello.html模版引擎
return "hello";
}
}5. 서비스 경로에 액세스합니다.
효과는 다음과 같습니다.
위 내용은 SpringBoot에서 Thymeleaf 템플릿을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!