SpringBoot并不推荐使用jsp，但是支持一些模板引擎技术：

  • FreeMaker
  • Thymeleaf
  • Mustache

我们今天来体验一下其中的 Thymeleaf ！
 

先介绍一下Thymeleaf：

 Thymeleaf 是一个跟 Velocity、FreeMarker 类似的模板引擎，它可以完全替代 JSP 。相较于其他的模板引擎，它有如下四个极吸引人的特点：

  • 动静结合：Thymeleaf 在有网络和无网络的环境下皆可运行，即它可以让美工在浏览器查看页面的静态效果，也可以让程序员在服务器查看带数据的动态页面效果。这是由于它支持 html 原型，然后在 html 标签里增加额外的属性来达到模板+数据的展示方式。浏览器解释 html 时会忽略未定义的标签属性，所以 thymeleaf 的模板可以静态地运行；当有数据返回到页面时，Thymeleaf 标签会动态地替换掉静态内容，使页面动态显示。

  • 开箱即用：它提供标准和spring标准两种方言，可以直接套用模板实现JSTL、 OGNL表达式效果，避免每天套模板、改jstl、改标签的困扰。同时开发人员也可以扩展和创建自定义的方言。

  • 多方言支持：Thymeleaf 提供spring标准方言和一个与 SpringMVC 完美集成的可选模块，可以快速的实现表单绑定、属性编辑器、国际化等功能。

  • 与SpringBoot完美整合：SpringBoot提供了Thymeleaf的默认配置，并且为Thymeleaf设置了视图解析器，我们可以像以前操作jsp一样来操作Thymeleaf。代码几乎没有任何区别，就是在模板语法上有区别。

 

下面我们在SpringBoot实战的项目里试一下。

目标是实现一个查询出所有用户信息，并在页面显示的功能。

先引入thymeleaf启动器

 

加上了上面的thymeleaf后，必须重启工程，即使是你配置了热启动后，也要重启工程，才可以看到效果 。

 

 

在UserService中定义一个查询所有用户信息的方法：

 

在UserController中定义查询方法：

 

然后去写这个user视图

先在resource下新键一个templates文件夹

然后在里面添加一个  users.html 页面

 users.html页面代码如下：

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <style type="text/css">
        table {border-collapse: collapse; font-size: 14px; width: 80%; margin: auto}
        table, th, td {border: 1px solid darkslategray;padding: 10px}
    </style>
</head>
<body>
<div style="text-align: center">
    <span style="color: darkslategray; font-size: 30px">欢迎光临！</span>
    <hr/>
    <table class="list">
        <tr>
            <th>id</th>
            <th>姓名</th>
            <th>用户名</th>
            <th>年龄</th>
            <th>性别</th>
            <th>生日</th>
        </tr>
        <tr th:each="user : ${users}">
            <td th:text="${user.id}">1</td>
            <td th:text="${user.name}">张三</td>
            <td th:text="${user.userName}">zhangsan</td>
            <td th:text="${user.age}">20</td>
            <td th:text="${user.sex}">男</td>
            <td th:text="${user.birthday}">1980-02-30</td>
        </tr>
    </table>
</div>
</body>
</html>

 

 

然后我们来启动运行查看一下：
启动成功之后，访问 http://localhost:8888/user/all

 

我们的Thymeleaf使用就成功了！

 

下面说两个访问失败时，可能遇到的问题：

1.引入thymeleaf启动器后，没有重启idea。

解决如下：

 

2.idea,没有自动更新依赖。

解决如下：

点击右方的Maven Projects  ，然后选定项目，然后点击左上角的刷新。 出现thymeleaf依赖后，重启项目即可。（最后再重启一下idea。）

 

我们的体验Thymeleaf就到这里了。
有什么问题的话，可以留言。