技术派Thymeleaf模板引擎

球友们好，我是二哥呀。

今天由我来给大家讲一下《技术派是如何整合 Thymeleaf 模版引擎的》，我会结合源码和原理来讲，尤其是 Spring Boot 是如何自动装配 Thymeleaf 模版解析器和全局信息拦截这两块，相信大家看完后会有清晰地认知和理解，实际编码中也会更加的从容和自信。

虽说现在都前后端分离了，但仍然会在一些特殊的场景下会用到页面模版引擎，比如说邮件发送模板。另外就是，很多时候，后端开发上手前后端分离项目会比较痛苦，因为 Vue 和 React 还是有一定的门槛的。

技术派的用户端之所以会选择不分（第一版），其实就是为了照顾这样一群小伙伴，让大家把注意力放在后端技术栈上，从而减少负重，提升学习效率。

等第一版的教程全部更新完，我们就会着手第二版、第三版的开发，比如说前后端分离、微服务&分布式。

好，发车。

Thymeleaf 是什么

Thymeleaf 是一个优秀的、面向 Java 的 HTML 页面模板，具有丰富的标签语言和函数。在 JSP 被淘汰之后，Thymeleaf 取而代之成为了 Spring Boot 推荐的模板引擎。

Thymeleaf 在有网和没网的环境下都可以正常工作，既能让美工在浏览器中查看页面的静态效果，也能让程序员在服务器查看带数据的动态页面效果。

这是因为 Thymeleaf 支持 HTML 原型，在 HTML 标签里增加额外的属性来达到模板+数据的展示方式。

浏览器在解释 HTML 的时候会忽略未定义的标签属性，所以 Thymeleaf 可以静态地运行；当有数据返回页面时，Thymeleaf 标签会动态地替换静态内容。

下面列举一些 Thymeleaf 常用的表达式、标签和函数。

1）常用表达式

• ${...}变量表达式
• *{...}选择表达式
• #{...}文字表达式
• @{...}URL 表达式
• #maps 对象表达式

2）常用标签

• th:action 定义服务器端控制器路径。
• th:each 循环语句
• th:field 表单字段
• th:href URL 链接
• th:id div 标签中的 ID
• th:if 条件判断
• th:include 引入文件
• th:fragment 定义代码片段
• th:object 替换对象
• th:src 图片地址
• th:text 文本
• th:value 属性值

3）常用函数

• #dates 日期函数
• #lists 列表函数
• #arrays 数组函数
• #strings 字符串函数
• #numbers 数字函数
• #calendars 日历函数
• #objects 对象函数
• #bools 布尔函数

想要查看更多 Thymeleaf 表达式、标签、函数等内容，可以到 Thymeleaf 官网：

https://www.thymeleaf.org/

技术派是如何整合 Thymeleaf 的

第一步，在 paicoding-ui 模块 pom.xml 文件中添加 Thymeleaf 的 stater

    org.springframework.boot
    spring-boot-starter-thymeleaf

第二步，在 paicoding-web 模块 dev/application-web.yml 文件中添加 Thymeleaf 的配置

spring:
  thymeleaf:
    mode: HTML
    encoding: UTF-8
    servlet:
   ...