suchen

Heim  >  Artikel  >  Java  >  So verwenden Sie Thymeleaf-Vorlagen in SpringBoot

So verwenden Sie Thymeleaf-Vorlagen in SpringBoot

WBOY
WBOYnach vorne
2023-05-17 19:19:511293Durchsuche

1. Was ist Thymeleaf? CSS und sogar einfacher Text. Ziel von Thymeleaf ist es, eine schöne und einfach zu wartende Möglichkeit zum Erstellen von Vorlagen bereitzustellen. Es ist natürlichen Vorlagen nachempfunden und fügt Logik in Vorlagendateien ein, ohne dass dies Auswirkungen auf die Vorlage als Designprototyp hat. Dies verbessert die Designkommunikation und schließt die Lücke zwischen Design- und Entwicklungsteams. Thymeleaf ist eine HTML5-Vorlagen-Engine für die Entwicklung von Webanwendungen. Thymeleaf bietet ein optionales Modul zur Integration von Spring MVC. In der Anwendungsentwicklung können Sie JSP oder andere Template-Engines wie Velocity, FreeMarker usw. vollständig ersetzen. Der Hauptzweck von Thymeleaf besteht darin, eine Möglichkeit zur Erstellung gut formatierter Vorlagen bereitzustellen, die von Browsern korrekt angezeigt werden können. Thymeleaf-Template-Engine, ersetzt JSP.

2. Thymeleaf-Vorlage in SpringBoot verwenden

1. Thymeleaf-Abhängigkeit in pom.xml hinzufügen

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>

2. Thymeleaf-Cache deaktivieren#🎜🎜 #

Fügen Sie den folgenden Code unter spring: in application.yml hinzu (wodurch die geänderte Seite rechtzeitig wirksam werden und einen ähnlichen Hot-Deployment-Effekt erzielen kann): 

#能让改动的页面及时生效，实现类似热部署效果
thymeleaf:
    cache: false

Bezahlen Achten Sie auf die Einrückung und fügen Sie die hintere Einrückung wie folgt hinzu:

3. Erstellen Sie eine Thymelblatt-Vorlagenseite So verwenden Sie Thymeleaf-Vorlagen in SpringBoot#🎜 🎜#

Erstellen Sie eine normale HTML-Datei hello.html wie folgt: 

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

Fügen Sie den Namespace zum HTML-Tag hinzu, damit Sie das verwenden können Attribut im Tag auf der Seite, um den Modellwert abzurufen, ähnlich dem EL-Ausdruck. Der spezifische Verwendungscode lautet wie folgt: 

<!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>

4. Erstellen Sie eine Klasse (wird zur Interaktion mit der obigen HTML-Seite verwendet) 

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";
    }
}
xmlns:th="http://www.thymeleaf.org"表示该页面是一个thymeleaf模板页面。 即把上述代码中换成5. Greifen Sie auf den Dienstpfad #🎜🎜 zu #

Der Effekt ist wie folgt:

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Thymeleaf-Vorlagen in SpringBoot. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Dieser Artikel ist reproduziert unter:yisu.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen
Vorheriger Artikel：Was ist die Ursache und Lösung der Ausnahme java.lang.NullPointerException?Nächster Artikel：Was ist die Ursache und Lösung der Ausnahme java.lang.NullPointerException?

In Verbindung stehende Artikel

Mehr sehen