6. 模板引擎 Thymeleaf

Thyme leaf 英译为 百里香的叶子。

模板引擎

​ 以前开发中使用的jsp就是一个模板引擎，但是springboot 以jar的方式，并且使用嵌入式的tomcat，所以默认不支持jsp。

​ Springboot推荐使用模板引擎，除了jsp，还有用的比较多的freemarker，包括springboot推荐的Thymeleaf。它们的思想都是一样的，如下：

模板引擎的作用：

​ 写一个页面模板，加上后台封装好的数据，交给模板引擎。它按照我们的数据进行表达式解析，填充到指定位置，最终生成想要的内容再写出去。

引入Thymeleaf

​ 怎么引入呢，对于springboot来说，只是一个start的事情。我们在项目中引入一下。

​ 提供三个网址：

​ Thymeleaf官网:https://www.thymeleaf.org/

​ Thymeleaf 在Github 的主页:https://github.com/thymeleaf/thymeleaf

​ Spring官方文档:https://docs.spring.io/spring-boot/docs/2.3.2.RELEASE/reference/htmlsingle/#using-boot-starter

找到对应的pom依赖：

<!-- https://mvnrepository.com/artifact/org.thymeleaf/thymeleaf-spring5 -->

<dependency>

    <groupId>org.thymeleaf</groupId>

    <artifactId>thymeleaf-spring5</artifactId>

    <version>3.0.11.RELEASE</version>

</dependency>

<!-- https://mvnrepository.com/artifact/org.thymeleaf.extras/thymeleaf-extras-java8time -->

<dependency>

    <groupId>org.thymeleaf.extras</groupId>

    <artifactId>thymeleaf-extras-java8time</artifactId>

    <version>3.0.4.RELEASE</version>

</dependency>

Maven会自动下载jar包，我们可以看到：

Thymeleaf分析

​ 我们首先按照springboot的自动配置原理看一下Thymeleaf的自动配置规则，找到自动配置类：ThymeleafProperties

@ConfigurationProperties(prefix = "spring.thymeleaf")

public class ThymeleafProperties {

   private static final Charset DEFAULT_ENCODING = StandardCharsets.UTF_8;

   public static final String DEFAULT_PREFIX = "classpath:/templates/";

   public static final String DEFAULT_SUFFIX = ".html";

   private boolean checkTemplate = true;

   private boolean checkTemplateLocation = true;

   private String prefix = DEFAULT_PREFIX;

   private String suffix = DEFAULT_SUFFIX;

   private String mode = "HTML";

   private Charset encoding = DEFAULT_ENCODING;

}

​ 我们可以看到默认的前后缀！

​ 因此我们只需要把html页面放到类路径下的templates下，thymeleaf就可以帮我们自动渲染了。

​ 使用Thymeleaf什么都不需要配置，只需要将他放在指定的文件夹下即可！

测试

测试步骤：

  1. 编写一个TestController

    @Controller
    
public class TestController {
    
    @RequestMapping("/test")
    
    public String test(){
    
        return "test";
    
    }
    
}

  2. 编写一个测试页面 test.html放在templates目录下

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

  3. 启动项目请求测试

小结：

  1. 如果使用thymeleaf，只需要导入对应的依赖即可！

  2. html放在templates目录下。

    public static final String DEFAULT_PREFIX = "classpath:/templates/";
    
public static final String DEFAULT_SUFFIX = ".html";

Thymeleaf语法学习

​ 要学习语法，参考官网文档为准，我们找到对应的版本看看：

【做一个简单的练习：我们需要查出一些数据，在页面中展示】步骤如下：

  1. 修改测试请求，增加数据传输

    model.addAttribute("msg","hello thymeleaf");

  2. 我们要使用thymeleaf，需要在html文件中导入命名空间的约束，方便提示。我们可以去官方文档#3看一下命名空间：

    <html xmlns:th="http://www.thymeleaf.org">

  3. 编写前端页面

    <div th:text="${msg}">

</div>

  4. 启动测试

Thymeleaf的使用语法：

  1. 我们可以使用任意的th:attr来替换html中原生属性的值

  2. 我们可以写哪些表达式？

练习测试

  1. 编写一个controller，放一些数据

    @Controller
    
public class TestController {
    
    @RequestMapping("/test")
    
    public String test(Model model) {
    
        model.addAttribute("msg","<h1>hello thymeleaf</h1>");
    
        model.addAttribute("users", Arrays.asList("111","222","333"));
    
        return "test";
    
    }
    
}

  2. 测试页面取出数据

    <!DOCTYPE html>
    
<html lang="en" xmlns:th="http://www.thymeleaf.org">
    
<head>
    
    <meta charset="UTF-8">
    
    <title>Title</title>
    
</head>
    
<body>
    
<h1>test</h1>
    
<!--所有的html元素都可以被thymeleaf替换接管，th:+元素名，如th:class="" -->
    
<div th:text="${msg}"></div>
    
<div th:utext="${msg}"></div>
    
<hr>
    
<!--建议第一种写法-->
    
<h3 th:each="user : ${users}" th:text="${user}"></h3>
    
<hr>
    
<h3 th:each="user : ${users}" >[[${user}]]</h3>

</body>
    
</html>

  3. 启动项目测试！

记住一句话：

​ 需要使用什么，根据官方文档来查询，才是最重要的，要熟练使用官方文档！

SpringBoot-06-模板引擎Thymeleaf的更多相关文章

  1. SpringBoot：模板引擎 thymeleaf、ContentNegotiatingViewResolver、格式化转换器

    目录 模板引擎 thymeleaf ContentNegotiatingViewResolver 格式化转换器 模板引擎 thymeleaf.ContentNegotiatingViewResolve ...

  2. springboot:Java模板引擎Thymeleaf介绍

    Thymeleaf是一款用于渲染XML/XHTML/HTML5内容的模板引擎.类似JSP,Velocity,FreeMaker等,它也可以轻易的与Spring MVC等Web框架进行集成作为Web应用 ...

  3. Spring Boot （四）模板引擎Thymeleaf集成

    一.Thymeleaf介绍 Thymeleaf是一种Java XML / XHTML / HTML5模板引擎,可以在Web和非Web环境中使用.它更适合在基于MVC的Web应用程序的视图层提供XHTM ...

  4. 新一代Java模板引擎Thymeleaf

    新一代Java模板引擎Thymeleaf-spring,thymeleaf,springboot,java 相关文章-天码营 https://www.tianmaying.com/tutorial/u ...

  5. 8.SpringBoot 模板引擎 Thymeleaf

    1.模板引擎原理 JSP.Velocity.Freemarker.Thymeleaf 都是模板引擎.SpringBoot推荐的Thymeleaf:语法更简单,功能更强大: Thymeleaf模板引擎 ...

  6. springboot集成模板引擎freemarker和thymeleaf

    freemarkder和thymeleaf都是java的模板引擎,这里只介绍这两种模板引擎如何在sprongboot中配置: 1. freemarkder 1.1 在pom.xml中添加依赖包 < ...

  7. SpringBoot系列：Spring Boot使用模板引擎Thymeleaf

    一.Java模板引擎 模板引擎(这里特指用于Web开发的模板引擎)是为了使用户界面与业务数据(内容)分离而产生的,它可以生成特定格式的文档,用于网站的模板引擎就会生成一个标准的HTML文档. 在jav ...

  8. SpringBoot入门系列（四）整合模板引擎Thymeleaf

    前面介绍了Spring Boot的优点,然后介绍了如何快速创建Spring Boot 项目.不清楚的朋友可以看看之前的文章:https://www.cnblogs.com/zhangweizhong/ ...

  9. SpringBoot入门：新一代Java模板引擎Thymeleaf（理论）

    Spring Boot 提供了spring-boot-starter-web来为Web开发予以支持,spring-boot-starter-web为我们提供了嵌入的Tomcat以及SpringMVC的 ...

  10. 模板引擎Thymeleaf

    1.Thymeleaf简介 Thymeleaf 是一个跟 Velocity.FreeMarker 类似的模板引擎,它可以完全替代 JSP .相较与其他的模板引擎,它有如下三个极吸引人的特点 Thyme ...

随机推荐

  1. Cubmap

    视差 Cubmap https://chengkehan.github.io/LocalCubmap.html http://www.manew.com/thread-93923-1-1.html h ...

  2. python学习笔记回忆录02

    1.for循环 依次按顺序从列表中取出值,直到遍历完整个列表为止 the_count =[1,2,3,4,5] for number in the_count: print "this is ...

  3. laravel5学习并搭建网站【更新至2020-09-03】

    之前一直不清楚 php artisan 要如何使用,有朋友推荐使用phpstorm可以进行命令行执行, 现在发现其实如果真的不喜欢phpstorm的加载缓慢,可以试试计算机原有的命令行 记住需要跳转到 ...

  4. IE9 报错 script1004缺少“；”

    在IE9中不支持 let关键字,修改为var就可以了 作者:彼岸舞 时间:2020\07\31 内容关于:工作中用到的小技术 本文来源于网络,只做技术分享,一概不负任何责任

  5. 教会舍友玩 Git （再也不用担心他的学习）

    舍友长大想当程序员,我和他爷爷奶奶都可高兴了,写他最喜欢的喜之郎牌Git文章,学完以后,再也不用担心舍友的学习了(狗头)哪里不会写哪里 ~~~ 一 先来聊一聊 太多东西属于,总在用,但是一直都没整理的 ...

  6. Appium自动化Android环境搭建

      前言: 本系列教程用于个人经验记录,用于他人借鉴,提供一定参考价值.经常会有一种感觉,工具或技术在某一阶段使用比较熟练,过一段时间就可能会遗忘,俗话说好记性不如烂笔头,以此记录. appium简介 ...

  7. JVM-虚拟机执行子系统

    类的加载由JVM执行引擎来完成 早期--编译期:源代码文件*.java -> 词法分析器 -> tokens流 -> 语法分析器 -> 语法树/抽象语法树 -> 语义分析 ...

  8. Iterator泛型指针

    Iterator泛型指针 每个标准容器都提供一个名为: begin()的操作函数,返回一个iterator指向第一个元素: end()操作函数,返回一个iterator指向最后一个元素的下一位置: 定 ...

  9. linux下开启防火墙，允许通过的端口

    1.查看防火墙状态 systemctl status firewalld 2.如果不是显示active状态,需要打开防火墙 systemctl start firewalld 3.# 查看所有已开放的 ...

  10. 2017年PHP程序员未来路在何方(转)

    PHP 从诞生到现在已经有20多年历史,从Web时代兴起到移动互联网退潮,互联网领域各种编程语言和技术层出不穷, Node.js . GO . Python 不断地在挑战 PHP 的地位.这些技术的推 ...