springBoot之Thymeleaf

最新推荐文章于 2022-07-05 18:22:18 发布

mytimelife

最新推荐文章于 2022-07-05 18:22:18 发布

阅读量171

点赞数

本文链接：https://blog.csdn.net/mytimelife/article/details/103717675

版权

hello，大家好小编的推送又来了，如果时间刚刚好，那就刚刚好吧。当你看到这篇文章的时候，清晨的第一缕阳光刚刚洒满大地，又或者窗外小雨淅淅沥沥，一切都刚刚好！
先说昨天的问题吧，上一篇controller层的代码应该是：

@RequestMapping("/user")
@RestController
public class UserController {

@Autowired
private UserService userService;

@GetMapping("/list")
public List<User> getUsers(){
    return userService.getUsers();
 }
}

最后运行的示意图如下：

最后就是上一篇的和MyBatis的整合那里没有配置类。

现在正式进入正题：Thymeleaf

springBoot不推荐使用Jsp，因此springBoot为我们提供了一些模板。

官网一共讲解了三种

在这里我们学习Thymeleaf

1.Thymeleaf的特点

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

动静结合：Thymeleaf 在有网络和无网络的环境下皆可运行，即它可以让美工在浏览器查看页面的静态效果，也可以让程序员在服务器查看带数据的动态页面效果。这是由于它支持 html 原型，然后在 html 标签里增加额外的属性来达到模板+数据的展示方式。浏览器解释 html 时会忽略未定义的标签属性，所以 thymeleaf 的模板可以静态地运行；当有数据返回到页面时，Thymeleaf 标签会动态地替换掉静态内容，使页面动态显示。
开箱即用：它提供标准和spring标准两种方言，可以直接套用模板实现JSTL、 OGNL表达式效果，避免每天套模板、改jstl、改标签的困扰。同时开发人员也可以扩展和创建自定义的方言。
多方言支持：Thymeleaf 提供spring标准方言和一个与 SpringMVC 完美集成的可选模块，可以快速的实现表单绑定、属性编辑器、国际化等功能。
与SpringBoot完美整合，SpringBoot提供了Thymeleaf的默认配置，并且为Thymeleaf设置了视图解析器，我们可以像以前操作jsp一样来操作Thymeleaf。代码几乎没有任何区别，就是在模板语法上有区别。

2.操作

2.1 添加启动器

 <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-thymeleaf</artifactId>
 </dependency>

引入之后结合源码：

@ConfigurationProperties(prefix = "spring.thymeleaf")
public class ThymeleafProperties {

private static final Charset DEFAULT_ENCODING = Charset.forName("UTF-8");

private static final MimeType DEFAULT_CONTENT_TYPE = MimeType.valueOf("text/html");

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

public static final String DEFAULT_SUFFIX = ".html";

最后两行是否有熟悉的感觉，像不像ssm中我们配置的视图解析器中的前缀和后缀呢？
而springBoot已经提前将这些东西给我们做好了，只要我们把HTML页面放在classpath:/templates/，thymeleaf就能自动渲染；
2.2引入静态页面

2.3导入thymeleaf的名称空间

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

2.4 controller层

@GetMapping("/lists")
public String getUser(Model model){
    model.addAttribute("user",userService.getUsers());
    return "user";
}

2.5 完成html页面

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
   <meta charset="UTF-8">
   <title>Title</title>
</head>
<body>

 <table>
<tr>
    <th>ID</th>
    <th>姓名</th>
    <th>描述</th>
</tr>
<!--/*@thymesVar id="user" type="com"*/-->
<tr th:each="user:${user}">
    <td th:text="${user.id}"></td>
    <td th:text="${user.name}"></td>
    <td th:text="${user.pwd}"></td>
</tr>
</table>
</body>
</html>

2.6 测试