开发传统Java WEB项目时，我们可以使用JSP页面模板语言，但是在SpringBoot中已经不推荐使用JSP页面进行页面渲染了。从而Thymeleaf提供了一个用于整合Spring MVC的可选模块，在应用开发中，你可以使用Thymeleaf来完全代替JSP，或其他模板引擎，如Velocity、FreeMarker等。它的语法与我们以前使用的EL表达式和JSTL标签库十分类似。接下来我们进行学习使用Thymeleaf！

一、新建一个Spring Boot项目添加Thymeleaf依赖：创建Spring Boot可以参考一下这篇博文

   <dependency>

      <groupId>org.springframework.boot</groupId>

      <artifactId>spring-boot-starter-thymeleaf</artifactId>

    </dependency>

二、在SpringBoot的.yml配置文件中添加以下配置：

 server:

   port: 8097

 spring:

   thymeleaf:

     prefix: classpath:/templates/ #获取页面路径

     mode: HTML5

     encoding: UTF-8

     content-type: text/html

     cache: false　　

三、新建一个Controller进行请求拦截，最后返回一个页面：

 @Controller //此处必须是@Controller注解，@RestController注解不进行解析，则返回页面返回JSON字符串

 public class ThymeleafController {

     //传输简单文字，Model对象，进行信息存储返回到index页面

     @RequestMapping("/hello")

     public String hello(Model model){

         model.addAttribute("name","李小龙");

         model.addAttribute("age","15");

         model.addAttribute("text","那小子真帅");

         return  "index";

     }

 }　　

四、在resources/templates/新建一个index.html页面，代码如下：

<!DOCTYPE html>

<html xmlns:th="http://www.thymeleaf.org"> <!--Thymeleaf库-->

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <title>Thymeleaf</title>

</head>

<body>

    <!--基本字段显示-->

    <p style="color:red">hello world</p>

    <p th:text="'姓名:'+${name}"></p>

    <p th:text="'年龄:'+${age}"></p>

    <p th:text="'介绍:'+${text}"></p>

</body>　　

至此我们启动项目，访问:http://localhost:8097/hello查看以下效果说明：使用Thymeleaf模板进行简单字段传输并渲染到页面成功 ！

接下来可以在页面中进行条件判断:if、unless、switch,页面效果大家可以试验一番。

  <!--if判断true时才显示-->

    <div th:if="${age} == 16">... do something ...</div>

    <!--unless和if判断条件相反，只有为false时候才会显示-->

    <div th:unless="${age} == 16">...  something ...</div>

    <!--switch判断进行数据匹配判断-->

    <span th:switch="${age}">

        <p th:case="15">李小龙是15岁</p>

        <p th:case="16">李小龙是16岁</p>

        <p th:case="*">没有匹配成功的数据！</p>

    </span>

在Thymeleaf模板中传输对象：1.Controller层、2.HTML层、

   //传输对象

     @RequestMapping("/queryuser")

     public String queryuser(Model model){

         User user = new User();

         user.setName("李小龙");

         user.setAge("16岁");

         user.setText("他对我说:那小子真帅");

         user.setSuccess("并拍了拍了我的肩膀");

         model.addAttribute("myuser",user);

         return "user";

     }
    <!--第一种方式是通过属性获取-->

    <div style="border: 1px solid red;width: 200px;height: 160px;text-align: center; ">

        <p th:text="'尊姓大名:'+${myuser.name}"></p>

        <p th:text="'芳龄:'+${myuser.age}"></p>

        <p th:text="'简介:'+${myuser.text}"></p>

        <p th:text="'动作:'+${myuser.success}"></p>

    </div>

    <!--第一种方式是通过属性选择值-->

    <div style="border: 1px solid blue;width: 200px;height: 160px;text-align: center; ">

        <div th:object="${myuser}">

            <p th:text="'尊姓大名:'+ *{name}"></p>

            <p th:text="'芳龄:'+ *{age}"></p>

            <p th:text="'简介:'+ *{text}"></p>

            <p th:text="'动作:'+ *{success}"></p>

        </div>

    </div>

效果如下:

在Thymeleaf模板中传输List、Map集合：1.Controller层、2.HTML层、

     //传输List

     @RequestMapping("/finAllList")

     public String finAllList(Model model){

         List<User> listuser = new ArrayList<User>();

         for (int i=0;i<6;i++){

             User user = new User();

             user.setName("阿里云成立第"+i+"年");

             user.setAge("阿里云第"+i+"岁");

             user.setText("阿里云第"+i+"岁时做了"+i+"件事情");

             user.setSuccess("并拍了"+i+"次我的肩膀");

             listuser.add(user);

         }

         model.addAttribute("ListUser",listuser);

         return "userarry";

     }

     //传输Map

     @RequestMapping("/finAllMap")

     public String finAllMap(Model model){

         Map<String,User> mapuser = new HashMap<String, User>();

         for (int i=0;i<6;i++){

             User user = new User();

             user.setName("阿里云成立第"+i+"年");

             user.setAge("阿里云第"+i+"岁");

             user.setText("阿里云第"+i+"岁时做了"+i+"件事情");

             user.setSuccess("并拍了"+i+"次我的肩膀");

             mapuser.put("mapuser"+i,user);

         }

         model.addAttribute("Mapuser",mapuser);

         return "userarry";

     }
 <!-- 对list集合不为空判断-->

    <table th:if="${not #lists.isEmpty(ListUser)}">

        <tr><td>List序号</td><td>姓名</td><td>年龄</td><td>事件</td><td>动作</td><td>偶数</td><td>奇数</td></tr>

        <tr th:each="user,memberStat:${ListUser}">

            <td th:text="${memberStat.index + 1}"></td>

            <td th:text="${user.name}"></td>

            <td th:text="${user.age}"></td>

            <td th:text="${user.text}"></td>

            <td th:text="${user.success}"></td>

            <td th:text="${memberStat.even}"></td>

            <td th:text="${memberStat.odd}"></td>

        </tr>

    </table>

    <!--对Map集合不为空判断-->

   <table th:if="${not #maps.isEmpty(Mapuser)}">

        <tr><td>Map集合序号</td><td>key</td><td>姓名</td><td>年龄</td><td>事件</td><td>动作</td><td>偶数</td><td>奇数</td></tr>

        <tr th:each="mapuser,memberStat:${Mapuser}">

            <td th:text="${memberStat.index + 1}"></td>

            <td th:text="${mapuser.key}"/>

            <td th:text="${mapuser.value.name}"></td>

            <td th:text="${mapuser.value.age}"></td>

            <td th:text="${mapuser.value.text}"></td>

            <td th:text="${mapuser.value.success}"></td>

            <td th:text="${memberStat.even}"></td>

            <td th:text="${memberStat.odd}"></td>

        </tr>

    </table>

效果如下:

个人总结：

在此个人只是做了一个小例子，各大网友可自行扩展功能业务，学习是永无止境的！

参考博文：

https://www.jianshu.com/p/a842e5b5012e

https://www.cnblogs.com/jiangbei/p/8462294.html

Thymeleaf模板引擎学习的更多相关文章

  1. Thymeleaf 模板引擎简介

    目录 Thymeleaf 模板引擎 官方文档下载 Hello World 新建应用 后台控制器 前端页面 浏览器访问测试 Thymeleaf 模板引擎1.Thymeleaf 是 Web 和独立环境的现 ...

  2. 狂神说SpringBoot11：Thymeleaf模板引擎

    狂神说SpringBoot系列连载课程,通俗易懂,基于SpringBoot2.2.5版本,欢迎各位狂粉转发关注学习. 微信公众号:狂神说(首发)    Bilibili:狂神说Java(视频) 未经作 ...

  3. NVelocity模板引擎学习笔记

    NVelocity模板引擎学习笔记 学习模板引擎有一段时间现在做一些总结

  4. （二）SpringBoot基础篇- 静态资源的访问及Thymeleaf模板引擎的使用

    一.描述 在应用系统开发的过程中,不可避免的需要使用静态资源(浏览器看的懂,他可以有变量,例:HTML页面,css样式文件,文本,属性文件,图片等): 并且SpringBoot内置了Thymeleaf ...

  5. 【Springboot】Springboot整合Thymeleaf模板引擎

    Thymeleaf Thymeleaf是跟Velocity.FreeMarker类似的模板引擎,它可以完全替代JSP,相较与其他的模板引擎,它主要有以下几个特点: 1. Thymeleaf在有网络和无 ...

  6. 三、thymeleaf模板引擎构建前台html, 后台使用 ModelAndView 和 Model 模型

    项目源码:https://github.com/y369q369/springBoot.git      ->     thymeleaf 私聊QQ: 1486866853 1.pom.xml中 ...

  7. SpringBoot使用thymeleaf模板引擎

    (1).添加pom依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactI ...

  8. Spring Boot 2.0 整合Thymeleaf 模板引擎

    本节将和大家一起实战Spring Boot 2.0 和thymeleaf 模板引擎 1. 创建项目 2. 使用Spring Initlizr 快速创建Spring Boot 应用程序 3. 填写项目配 ...

  9. Thymeleaf模板引擎的初步使用

    在springboot中,推荐使用的模板引擎是Thymeleaf模板引擎,它提供了完美的Spring MVC的支持.下面就简单的介绍一下Thymeleaf模板引擎的使用. 在controller层中, ...

随机推荐

  1. VS Code项目中共享自定义的代码片段方案

    VS Code项目中共享自定义的代码片段方案 一.问题背景 项目中注释风格不统一,如何统一注释风格 一些第三方组件库名称太长,每次使用都需要找文档,然后复制粘贴 部分组件库有自己的Snippets插件 ...

  2. HotCorner-让Windows 10拥有macOS的触发角特性！

    目录 简介 软件功能 下载 安装 卸载 使用 License 作者 FAQ 简介 macOS上有一个很方便的功能:"触发角".通过这个功能可以设置当鼠标移动到屏幕的四个角时的触发事 ...

  3. 【Spring注解驱动开发】面试官：如何将Service注入到Servlet中？朋友又栽了！！

    写在前面 最近,一位读者出去面试前准备了很久,信心满满的去面试.没想到面试官的一个问题把他难住了.面试官的问题是这样的:如何使用Spring将Service注入到Servlet中呢?这位读者平时也是很 ...

  4. 使用Bundle在Activity中交换数据

    大概过程 编写demo activity_main.xml <?xml version="1.0" encoding="utf-8"?> <R ...

  5. Spring boot+Mybatisplus用AR模式实现逻辑删除操作

    Mybatisplus的AR模式 Active Record(活动记录),是一种领域模型模式,特点是一个模型类对应关系型数据库中的一个表,而模型类的一个实例对应表中的一行记录.ActiveRecord ...

  6. 关于 JOIN 耐心总结，学不会你打我系列

    现在随着各种数据库框架的盛行,在提高效率的同时也让我们忽略了很多底层的连接过程,这篇文章是对 SQL 连接过程梳理,并涉及到了现在常用的 SQL 标准. 其实标准就是在不同的时间,制定的一些写法或规范 ...

  7. android异步任务asyncTask详细分析

    android中的耗时操作需要放在子线程中去执行 asynctask是对Handler和和线程池的封装,直接使用比THread效率更加的高效因为封装了线程池,比我们每次直接new Thread效率更高 ...

  8. 【String注解驱动开发】你了解@PostConstruct注解和@PreDestroy注解吗？

    写在前面 在之前的文章中,我们介绍了如何使用@Bean注解指定初始化和销毁的方法,小伙伴们可以参见<[Spring注解驱动开发]如何使用@Bean注解指定初始化和销毁的方法?看这一篇就够了!!& ...

  9. DNS篇（详解DNS）

    *文章来源:https://blog.egsec.cn/archives/601 *本文将主要说明:本文主要叙述什么是DNS.域名的层级.DNS 解析过程.DNS的缓存时间.DNS 的记录类型.DNS ...

  10. Spring Boot入门系列（十六）使用pagehelper实现分页功能

    之前讲了Springboot整合Mybatis,然后介绍了如何自动生成pojo实体类.mapper类和对应的mapper.xml 文件,并实现最基本的增删改查功能.接下来要说一说Mybatis 的分页 ...