SpringBoot에서 Thymeleaf 템플릿을 사용하는 방법-java지도 시간-php.cn

SpringBoot에서 Thymeleaf 템플릿을 사용하는 방법

WBOY

풀어 주다： 2023-05-17 19:19:51

앞으로

1341명이 탐색했습니다.

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

로그인 후 복사

추가 후 들여쓰기에 주의하세요.

SpringBoot에서 Thymeleaf 템플릿을 사용하는 방법 3. thymeleaf 템플릿 페이지 만들기

Create 다음과 같은 일반 HTML 파일 hello.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
</body>
</html>

로그인 후 복사

html 태그에 네임스페이스 추가

이렇게 하면 EL 표현식과 유사하게 페이지의 태그에 있는 th 속성을 사용하여 모델의 값을 가져올 수 있습니다. . 구체적인 사용 코드는 다음과 같습니다.

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <p th:text="&#39;欢迎来到中国，我叫&#39;+${name}+&#39;,今年&#39;+${age}+&#39;岁。&#39;"></p>
    <p>欢迎来到中国，我叫<span th:text="${name}"></span>,今年<span th:text="${age}"></span>岁。</p>
</body>
</html>

로그인 후 복사

xmlns:th="http://www.thymeleaf.org"表示该页面是一个thymeleaf模板页面。即把上述代码中<html lang="en">换成4. 클래스 생성(위 HTML 페이지와 상호 작용하는 데 사용됨)

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";
    }
}

로그인 후 복사