Comment utiliser les modèles Thymeleaf dans SpringBoot
- WBOYavant
- 2023-05-17 19:19:511240parcourir
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>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: falseFaites attention à l'indentation après l'ajout, l'indentation est la suivante :
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>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="'欢迎来到中国，我叫'+${name}+',今年'+${age}+'岁。'"></p>
<p>欢迎来到中国，我叫<span th:text="${name}"></span>,今年<span th:text="${age}"></span>岁。</p>
</body>
</html>4. Créez une classe (utilisée pour interagir avec la page html ci-dessus)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. Accédez au chemin du service
L'effet est le suivant :
.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!