Préface
Pendant le processus de développement, il est nécessaire d'utiliser le moteur de modèle. JSP n'a manifestement pas suivi le développement du temps. Est-ce suffisant pour les freemarkers? Essayez de changer de thymeleaf.
Springboot recommande officiellement Freemarker et Thymeleaf. Ce qui rend Thymeleaf plus puissant que Freemarker, c'est qu'il peut remplacer dynamiquement le contenu statique dans la balise, afin que le front-end puisse écrire des pages par la tranquillité d'esprit, et le back-end peut jouer des interfaces avec la tranquillité d'esprit, il suffit de remplacer les variables. Je ne sais pas si Vue a plagié le thylelea ou le thyleélef a plagié Vue, mais cela n'a pas d'importance. Pour les esclaves du code américain, c'est tout simplement pratique.
Après avoir examiné les informations et les configurer, je partagerai le processus d'implémentation avec vous. Je n'en dirai pas grand-chose ci-dessous. Jetons un coup d'œil à l'introduction détaillée ensemble.
1. Pom Introduction
<dependency> <proupId> org.springframework.boot </rombasid> <ArtefactId> printemp-boot-starter-thymeleaf </retifactid> </pedigency>
2. Application.properties Ajouter la configuration de thymeleaf
printemps.thymeleaf.cache = falsèspring.thymeleaf.check-template = truespring.thymeleaf.check-template-location = truspring.thymeaf.content-type = text / htmlspring .ThyMeleaf.enabled = truspring.thymeleaf.encoding = utf-8spring.thymeaf.mode = html5spring.thymeleaf.prefix = classpath: /template/spring.thyleaf.suffix=.html:
3. Écrivez HTML
<! Doctype html> <html lang = "en" xmlns = "http://www.w3.org/1999/xhtml" xmlns: th = "http://www.thymeleleaf.org"> <read> <t titre> Demo </ititle> </wed> Paragraphe </p> <p th: text = "$ {textValue}"> Il s'agit du deuxième paragraphe </p> </ody> </html>生, test
package com.mos.easyboot.admin.Controller; import org.springframework.sterreotype.Controller; import org.springframework.ui.model; import org.springframework.web.bind.annotation.requestmapping; @ contrôleur @ requestMapping ("Demo") Class DemoConller {Democonler {Contrôler @ requestMapping ("Demo") Class DemoConller {DemoConller {DemoConller {Contrôle @RequestMapping ("index") Index de chaîne publique (modèle modèle) {String textValue = "L'homme supérieur ne peut le faire que lorsqu'il entend la vérité; le sergent entend la vérité, s'il existe ou meurt; l'homme inférieur en rit." + "Aucun rire n'est pas suffisant pour être un tao." + "Therefore, there are suggestions: to be clear about the way, to advance the way, to retreat; to be a barbaric way, to be a (lei); to be the best virtue, to be a valley, to be a great white like humiliation, to be a broad virtue, to be a steal, to be a real person like a flying; to be generous without a corner; to be great and not a great product; to be great and not a great sound; to be invisible. " + "Le tao est caché et non nommé." + "Seulement au tao, pour être bon au début et être bon à accomplir."; Model.AddAttribute ("TextValue", TextValue); retourner "démo / démo"; }}5, effet de page
Terre, rendu de données
Vue a un problème avec SSR (rendu côté serveur). Bien qu'il existe des solutions (voir mon article précédent "Séparation Nuxt.js pour résoudre les problèmes de référencement avec les avant et les backends", je pense toujours qu'il est préférable de laisser les technologies appropriées faire des affaires. Thymeleaf est équivalent au rendu sur le serveur. Vérifiez le code source de la page comme suit:
Résumer
Ce qui précède est l'intégralité du contenu de cet article. J'espère que le contenu de cet article a une certaine valeur de référence pour l'étude ou le travail de chacun. Si vous avez des questions, vous pouvez laisser un message pour communiquer. Merci pour votre soutien à wulin.com.