Heim > Java > javaLernprogramm > Hauptteil

So verwenden Sie Thymeleaf-Vorlagen in SpringBoot

WBOY
Freigeben: 2023-05-17 19:19:51
nach vorne
1233 Leute haben es durchsucht

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>
Nach dem Login kopieren

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
Nach dem Login kopieren

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren

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";
    }
}
Nach dem Login kopieren
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!

Verwandte Etiketten:
Quelle:yisu.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!