[️ springboot Template Engine] - thymeleaf

LongDi - IDEA 2021-10-14 05:07:36
springboot template engine thymeleaf


Table des matières

Introduction au moteur de modèle

IntroductionThymeleafMoteur de modèle

AnalyseThymeleafMoteur de modèle

TestsThymeleafMoteur de modèle

ThymeleafIntroduction:

 thymeleafApprentissage de la grammaire

  Test de pratique

 Résumé:


Introduction au moteur de modèle

jsp Avec des fonctions puissantes , Je peux trouver des données et les transmettre à JSP Après la page ,Nous pouvons utiliserjsp Affichage et interaction faciles des données, etc , Y compris la capacité d'écrire JavaCode.Mais,SpringBootD'abord,jarDe la façon dont,Non, pas du tout.war; Deuxièmement, notre tomcat C'est intégré , Donc maintenant par défaut ne supporte pas jsp.

Si nous utilisons directement la page statique pure , Ça va sûrement causer beaucoup de problèmes de développement ,Alors...springboot Moteur de modèle recommandé ,En fait...jspC'est un moteur de Template, Et plus utile freemarker,Y compris:SpringBoot Pour nous recommander Thymeleaf! L'essence du moteur Template est illustrée ci - dessous :

IntroductionThymeleafMoteur de modèle

 Thymeleaf Site officiel:Thymeleaf

SpringDocuments officiels:

https://docs.spring.io/spring-boot/docs/2.2.5.RELEASE/reference/htmlsingle/#using-boot-starter

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

 MavenTéléchargement automatiquejarSac, Essai ci - dessous maven Télécharger quelque chose ;

AnalyseThymeleafMoteur de modèle

Commencez parSpringBoot Le principe de la configuration automatique de Thymeleaf Règles de configuration automatique pour , En suivant cette règle , Nous utilisons .On peut y aller.ThymeleafClasse de configuration automatique pour:ThymeleafProperties

Nous pouvons voir le préfixe et le suffixe par défaut dans le fichier de configuration !

On doit juste mettre notre htmlPage placée sous le chemin de classetemplatesEn bas.,thymeleaf Pour nous aider à rendre automatiquement .

TestsThymeleafMoteur de modèle

1、Écrivez unTestController

 2、 Écrivez une page de test  test.html Mettez - le sur templates Sous la table des matières

 3、 Démarrer le test de demande de projet

4.Conclusions: Si nécessaire thymeleaf, Il suffit d'importer les dépendances correspondantes ,Et ensuite,htmlMettez - le surtemplates Dans le Répertoire de

ThymeleafIntroduction:

On peut voir Thymeleaf Site officiel:https://www.thymeleaf.org/
Exercices simples: Trouvez des données ,Afficher sur la page

1、 Modifier la demande de test , Augmentation du transfert de données

@Controller
public class TestController {
@RequestMapping("/t1")
public String test1(Model model){
//Données stockées
model.addAttribute("msg","Hello,Thymeleaf");
//classpath:/templates/test.html
return "test";
}
}

 2、Nous allons utiliserthymeleaf,Besoin dehtmlContraintes pour importer des espaces de noms dans un fichier, Conseils pratiques .


xmlns:th="http://www.thymeleaf.org"

3、 On va écrire la page avant inférieure

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Jiuyang Zhenjing---Frère long.</title>
</head>
<body>
<h1>Page de test</h1>
<!--th:textOui.div Le contenu est défini à la valeur qu'il spécifie -->
<div th:text="${msg}"></div>
</body>
</html>

4、Test de démarrage!

 thymeleafApprentissage de la grammaire

1、 Utilisez n'importe quel th:attr Pour remplacerHtml Valeur de l'attribut natif central !

2.Syntaxe d'expression:

  Test de pratique

@Controller
public class TestController {
@RequestMapping("/t2")
public String test2(Map<String,Object> map){
//Données stockées
map.put("msg","<h1>Hello,SpringBoot</h1>");
map.put("users", Arrays.asList("dragon","longdi"));
//classpath:/templates/test.html
return "test";
}
}

2、 Page d'essai extraire les données

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Jiuyang Zhenjing---Frère long.</title>
</head>
<body>
<h1>Page de test</h1>
<div th:text="${msg}"></div>
<!--Ne pas fuir-->
<div th:utext="${msg}"></div>
<!--Traverser les données-->
<!--th:each Cette étiquette est générée chaque fois que vous traversez -->
<h4 th:each="user :${users}" th:text="${user}"></h4>
<hr>
<!--écriture en ligne-->
<h4 th:each="user:${users}">[[${user}]]</h4>
</body>
</html>

3、Démarrer le test du projet!

 Résumé:

Parce quethymeleaf Beaucoup de styles de syntaxe , Maintenant que nous apprenons, nous oublierons ,Donc,,Dans le processus d'apprentissage, Ce qu'il faut utiliser , Consulter les documents officiels , Alors soyez habile avec les documents officiels !

版权声明
本文为[LongDi - IDEA]所创,转载请带上原文链接,感谢
https://javamana.com/2021/10/20211013211842767T.html

  1. Java虚拟机|JVM【适合初学者入门】
  2. [Azure Cloud Service] Azure Cloud Service ajoute des champs personnalisés pour le rôle Web (hôte IIS) (ajoute le champ user agent dans l'en - tête de demande http au Journal de sortie IIS)
  3. Spring Cloud 2021.0.0-M2 發布
  4. Java虛擬機|JVM【適合初學者入門】
  5. Spring Cloud 2021.0.0-m2 Release
  6. Machine virtuelle Java | JVM [convient aux débutants]
  7. 10412 Xiaopeng cars announced sales results in September
  8. Apprendre le mécanisme des événements Java
  9. Java script RPC (07) - timeout timeout Processing from zero
  10. Introduction à la page Web de rabbitmq (3)
  11. MySQL read - Write Separation Cluster Construction and Integration with mycat
  12. Analyse du principe du conteneur du CIO printanier
  13. Java面向对象基础
  14. Java communique avec les capteurs industriels via socket et DTu, RTU
  15. Xiaopeng automobile delivered 10412 units in September, with a monthly sales volume of more than 10000 for the first time
  16. Java Object Oriented Foundation
  17. Introduction au développement Android PDF, un tour pour vous apprendre à comprendre netty
  18. Hadoop Foundation - 01 - concepts de base
  19. Hadoop Foundation - 02 - Basic Structure
  20. Hadoop Foundation - 03 - hdfs (Hadoop Distributed File System) Basic Concepts
  21. Hadoop Foundation - 04 - hdfs API Programming
  22. Hadoop Foundation - 05 - hdfs Project (word Frequency Statistics)
  23. Hadoop Foundation - 06 - hdfs Data Read and write
  24. The "monthly test" report card of the new car built under the lack of core: Xiaopeng and Weilai took the lead in "breaking 10000", and the ideal plummeted by 25%
  25. Introduction to making arch linux software package
  26. Hard core observation 407 HTTPS everywhere browser extension is about to retire
  27. How to use busybox on Linux
  28. In 2021, the talent incentive plan of Linux foundation open source software School Park was officially launched
  29. It's not windows or Linux. Shrink is the "God operating system"
  30. Install anydesk on Ubuntu Linux
  31. 2021, can we recommend using Linux to play games?
  32. not exist:org.springframework.kafka.listener.AbstractMessageListenerContaingetContainerProperties()
  33. Are you sure HTTPS is asymmetric encryption for content encryption? See the answers and reasons
  34. MySQL online slow log query
  35. Java JDK server installation
  36. 手把手教你使用Java开发在线生成pdf文档
  37. Questions d'entrevue dans la base de données MySQL (dernière version 2021)
  38. Java零基础小白入门必做题汇总(建议收藏)第一篇
  39. Day15 Java Foundation
  40. Day16 Java Foundation
  41. Day17 Java Foundation
  42. Day18 Java Foundation
  43. Linux installe JDK 1.8 et configure les variables d'environnement
  44. Tutoriel d'utilisation Maven super détaillé
  45. Spring boot reads project parameter configuration
  46. Docker installing rocketmq
  47. Java Zero Basic small white Beginner must make a summary of issues (recommended Collection) Chapitre 1
  48. Manuel pour vous apprendre à utiliser le développement Java pour générer des documents PDF en ligne
  49. 40 + comment les femmes s'habillent - elles pour montrer leur jeunesse?Un manteau et une jupe vous donnent un look haut de gamme tout au long de l'automne et de l'hiver
  50. Tutoriel d'installation Ubuntu 16.04 / Hadoop 3.1.3Configuration autonome / pseudo - distribuée
  51. L'apprentissage le plus détaillé de springboot à l'échelle du réseau - day01
  52. L'apprentissage le plus détaillé de springboot sur le Web - day02
  53. L'apprentissage le plus détaillé de springboot sur le Web - day03
  54. L'apprentissage le plus détaillé de springboot sur le Web - day04
  55. Tutoriel d'utilisation Maven super détaillé
  56. L'apprentissage le plus détaillé de springboot sur le Web - day05
  57. L'apprentissage le plus détaillé de springboot sur le Web - day06
  58. L'apprentissage le plus détaillé de springboot sur le Web - day07
  59. Introduction to JavaScript - write a photo album for your girlfriend
  60. [Hadoop 3. X] HDFS storage type and storage strategy (V) overview