Comment utiliser les modèles Thymeleaf dans SpringBoot-javaDidacticiel-php.cn

Comment utiliser les modèles Thymeleaf dans SpringBoot

WBOY

Libérer： 2023-05-17 19:19:51

avant

1233 Les gens l'ont consulté

1. Qu'est-ce que Thymeleaf

Mots originaux du site officiel : Thymeleaf est un moteur de modèles Java moderne côté serveur adapté aux environnements Web et autonomes, capable de traiter du HTML, XML, JavaScript, CSS et même du texte brut. Thymeleaf vise à fournir un moyen élégant et facile à entretenir de créer des modèles. Il est calqué sur des modèles naturels et injecte une logique dans les fichiers modèles d'une manière qui n'affecte pas le modèle en tant que prototype de conception. Cela améliore la communication en matière de conception et comble le fossé entre les équipes de conception et de développement. Thymeleaf est un moteur de modèles HTML5 pour le développement d'applications Web. Thymeleaf fournit un module optionnel pour intégrer Spring MVC. Dans le développement d'applications, vous pouvez utiliser Thymeleaf pour remplacer complètement JSP ou d'autres moteurs de modèles, tels que Velocity, FreeMarker, etc. L'objectif principal de Thymeleaf est de fournir un moyen de créer des modèles bien formatés qui peuvent être affichés correctement par les navigateurs. Moteur de modèles thymeleaf, remplaçant jsp.

2. Utilisez le modèle Thymeleaf dans SpringBoot

1. Ajoutez la dépendance thymeleaf dans .pom.xml

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

Copier après la connexion

2 Désactivez le cache thymeleaf

Ajoutez le code suivant sous spring : dans application.yml (cela rendra la page modifiée. prendre effet à temps, pour obtenir un effet de déploiement à chaud similaire) :

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

Copier après la connexion

Faites attention à l'indentation après l'ajout, l'indentation est la suivante :

Comment utiliser les modèles Thymeleaf dans SpringBoot

3. un fichier html ordinaire hello.html, comme suit :

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

Copier après la connexion

Ajoutez un espace de noms à la balise html De cette façon, vous pouvez utiliser le ème attribut dans la balise de la page pour obtenir la valeur dans le modèle, similaire à une expression EL . Le code d'utilisation spécifique est le suivant :

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

Copier après la connexion

4. Créez une classe (utilisée pour interagir avec la page html ci-dessus)xmlns:th="http://www.thymeleaf.org"表示该页面是一个thymeleaf模板页面。即把上述代码中<html lang="en">换成

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

Copier après la connexion

5. Accédez au chemin du service