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

时间：2020-12-20 00:19:17

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

今天我们主要来看看 Thymeleaf 在 Spring Boot 中的整合！

这个系列课程的完整源码，也会提供给大家。大家关注我的微信公众号（架构师精进），回复：springboot源码 获取这个系列课程的完整源码。或者点此链接直接下载完整源码

Thymeleaf 简介

Spring Boot 2主要支持页面模板是 Thymeleaf 和 Freemarker ，当然，作为 Java 最最基本的页面模板 Jsp ，Spring Boot 也是支持的，只是使用比较麻烦。

Thymeleaf 作为新一代 Java 模板引擎，它的功能与 Velocity、FreeMarker 等传统 Java 模板引擎比较类似，但是Thymeleaf  模板后缀为 .html，可以直接被浏览器打开，因此，开发时非常方便。

它既可以让前端工程师在浏览器中直接打开查看样式，也可以让后端工程师结合真实数据查看显示效果，同时，SpringBoot 提供了 Thymeleaf 自动化配置解决方案，因此在 SpringBoot 中使用 Thymeleaf 非常方便。

事实上， Thymeleaf 除了展示基本的 HTML ，进行页面渲染之外，也可以作为一个 HTML 片段进行渲染，例如我们在做邮件发送时，可以使用 Thymeleaf 作为邮件发送模板。

整合

新项目整合 Thymeleaf 非常容易，只需要创建项目时勾上 Thymeleaf 即可，这里就不说了。

下面说说怎么在现有的项目中手动整合Thymeleaf：

1、在pom.xml 增加依赖如下：

        <!-- 引入 redis 依赖 -->

        <dependency>

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

            <artifactId>spring-boot-starter-data-redis</artifactId>

            <version>1.5.7.RELEASE</version>

        </dependency>

2、application.properties 文件增加Thymeleaf 相关配置

############################################################

#

# thymeleaf 模板

#

############################################################

spring.thymeleaf.prefix=classpath:/templates/

spring.thymeleaf.suffix=.html

spring.thymeleaf.mode=HTML

spring.thymeleaf.encoding=UTF-8

spring.thymeleaf.servlet.content-type=text/html

# 关闭缓存

spring.thymeleaf.cache=false
spring.thymeleaf.prefix 指定模板页面的路径

3、增加前台页面

在resource\templates\thymeleaf  目录下增加index.html 页面

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8" />

    <title></title>

</head>

<body>

Thymeleaf模板引擎

<h1 th:text="${name}">hello Spring Boot~~~~~~~</h1>

</body>

</html>

th:text 就是Thymeleaf的标签，用于处理标签体的文本内容。

其他更对的标签及用法，我会在下一篇文章中介绍。

注意：实际开发项目直接放resource\templates目录下就行，不需要加Thymeleaf 目录。我这里是有验证其他模板引擎框架，所以做了个目录区分。

4、创建 Controller

接下来我们就可以创建 Controller 了，实际上引入 Thymeleaf 依赖之后，我们可以不做任何配置。新建的ThymeleafController如下：

package com.weiz.controller;

import java.util.ArrayList;

import java.util.Date;

import java.util.List;

import org.springframework.stereotype.Controller;

import org.springframework.ui.ModelMap;

import org.springframework.web.bind.annotation.PostMapping;

import org.springframework.web.bind.annotation.RequestMapping;

import com.weiz.pojo.User;

@Controller

@RequestMapping("th")

public class ThymeleafController {

    @RequestMapping("/index")

    public String index(ModelMap map) {

        map.addAttribute("name", "thymeleaf-index");

        return "thymeleaf/index";

    }
}

在ThymeleafController 中返回逻辑视图名，逻辑视图名为 index ，意思我们需要在 resources/templates/thymeleaf 目录下提供一个名为 index.html 的 Thymeleaf 模板文件。

注意：实际开发项目直接放resource\templates目录下就行，不需要加Thymeleaf 目录。我这里是有验证其他模板引擎框架，所以做了个目录区分。

5、运行效果

在浏览器中输入：http://localhost:8080/th/index 查看页面返回结果。

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

总结

主要向大家简单介绍了 Spring Boot 整合 Thymeleaf，还是比较简单的。下一篇文章会给大家详细介绍Thymeleaf的常用标签和用法。大家也可以阅读 Thymeleaf 官方文档学习 Thymeleaf 的更多用法。

这个系列课程的完整源码，也会提供给大家。大家关注我的微信公众号（架构师精进），回复：springboot源码 获取这个系列课程的完整源码。

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

 

SpringBoot入门系列（四）整合模板引擎Thymeleaf的更多相关文章

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

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

  2. SpringBoot入门：新一代Java模板引擎Thymeleaf（实践）

    菜鸟教程:http://www.runoob.com/ http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js http://apps.b ...

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

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

  4. 【SpringBoot】常用Starter介绍和整合模板引擎Freemaker、thymeleaf

    ========7.SpringBoot常用Starter介绍和整合模板引擎Freemaker.thymeleaf ========================= 1.SpringBoot Sta ...

  5. SpringBoot常用Starter介绍和整合模板引擎Freemaker、thymeleaf 4节课

    1.SpringBoot Starter讲解 简介:介绍什么是SpringBoot Starter和主要作用 1.官网地址:https://docs.spring.io/spring-boot/doc ...

  6. SpringBoot入门系列（十一）统一异常处理的实现

    前面介绍了Spring Boot 如何整合定时任务已经Spring Boot 如何创建异步任务和定时任务.不清楚的朋友可以看看之前的文章:<Spring Boot 入门系列文章> 接下来主 ...

  7. springboot配置server相关配置&amp&semi;整合模板引擎Freemarker、thymeleaf&amp&semi;thymeleaf基本用法&amp&semi;thymeleaf 获取项目路径 contextPath 与取session中信息

    1.Springboot配置server相关配置(包括默认tomcat的相关配置) 下面的配置也都是模板,需要的时候在application.properties配置即可 ############## ...

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

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

  9. 新一代Java模板引擎Thymeleaf

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

随机推荐

  1. Host和Server的开发

    Host和Server的开发 对于开发人员来说,代码就是最好的文档,如上一篇博文所说,下面我们就会基于Kanata项目的一些具体调用代码,来进一步深入理解OWIN的实现和作用. 今天我们先针对Host ...

  2. zabbix主动上报的python脚本

    本代码linux.window平台通用. 不过我遇到一个Windows2008缺少运行库的提示,可能这个是Python3.6开发的.需要安装vc2015运行库吧.我没调试成功. linux平台还可以监 ...

  3. CodeForces 510C Fox And Names &lpar;拓扑排序&rpar;

    <题目链接> 题目大意: 给你一些只由小写字母组成的字符串,现在按一定顺序给出这些字符串,问你怎样从重排字典序,使得这些字符串按字典序排序后的顺序如题目所给的顺序相同. 解题分析:本题想到 ...

  4. day 10 - 1 函数进阶

    函数进阶 命名空间和作用域 命名空间 命名空间 有三种内置命名空间 —— python解释器 就是python解释器一启动就可以使用的名字存储在内置命名空间中 内置的名字在启动解释器的时候被加载进内存 ...

  5. C语言中 &period;h文件和&period;c文件的区别

    要理解.c文件与.h文件有什么不同之处,首先需要弄明白编译器的工作过程,一般说来编译器会做以下几个过程: 1.预处理阶段 2.词法与语法分析阶段 3.编译阶段,首先编译成纯汇编语句,再将之汇编成跟CP ...

  6. vue 非父子组件传值

    /*非父子组件传值 1.新建一个js文件 然后引入vue 实例化vue 最后暴露这个实例 2.在要广播的地方引入刚才定义的实例 3.通过 VueEmit.$emit('名称','数据') 4.在接收收 ...

  7. &ldquo&semi;图片&plus;标签&rdquo&semi;的社交玩法已经被验证？nice 宣布获得新一轮3600万美元融资【转载&plus;整理】

    原文地址 有次上班做公交,期间听到一个老太太说:"我加你微信啊--",还有一次去看老中医,并交换了电话,可当我回去后发现这个大夫竟然加了我微信--这些都令我有点吃惊,连60.70岁 ...

  8. UVa 210 Concurrency Simulator &lpar;双端队列&plus;模拟&rpar;

    题意:给定n个程序,每种程序有五种操作,分别为 var = constant(赋值),print var (打印), lock, unlock,end. 变量用小写字母表示,初始化为0,为程序所公有( ...

  9. JSONP使用

    一.什么是JSONP jsonp是一种规则,它是利用创建html的script快的方式,将远端url放到src属性中,并以函数的形式执行远程返回值中的函数. jsonp的出现是为了解决浏览器同源策略的 ...

  10. Oracle函数如何把符串装换为小写的格式

    我们都知道Oracle函数在实际的应用中比较广泛,对其的实际操作与其相关功能也是颇为熟悉,但是你了解Oracle函数怎样使将字符串装换为小写的格式的具体操作吗?如果你有兴趣的话你就可以浏览以下的文章. ...

相关文章