7.Thymeleaf模板引擎

最新推荐文章于 2024-03-17 09:36:12 发布

Code good g

最新推荐文章于 2024-03-17 09:36:12 发布

阅读量233

点赞数

本文链接：https://blog.csdn.net/lesliesuai/article/details/120188338

版权

SpringBoot 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

模板引擎

赛姆丽芙
参考学习：
springboot中Thymeleaf的使用
 Spring Boot(四)：Thymeleaf 使用详解
 Thymeleaf的基本语法使用

前端交给页面，是html页面。如果是以前开发，需要把html转成jsp页面，jsp好处就是查出一些数据转发到JSP页面以后，可以用jsp轻松实现数据的显示，及交互等。【jsp是动态的资源，可以实现资源的交互】

jsp支持非常强大的功能，包括能写Java代码，但是呢，现在的这种情况，SpringBoot这个项目首先是以jar的方式，不是war。

而且springboot用的还是嵌入式的Tomcat，所以呢，他现在默认是不支持jsp的。

SpringBoot推荐使用模板引擎：

模板引擎，其实jsp就是一个模板引擎，还有用的比较多的freemarker，包括SpringBoot推荐的Thymeleaf，模板引擎有非常多，但再多的模板引擎，他们的思想都是一样的。
在这里插入图片描述

模板引擎的作用就是写**一个页面模板**，比如有些值呢，是动态的，写一些表达式。而这些值，从哪来呢，就是在后台封装一些数据。

然后把这个模板和这个数据交给模板引擎，模板引擎按照这个数据帮你把这表达式解析、填充到指定的位置，然后把这个数据最终生成一个我们想要的内容给我们写出去，这就是我们这个模板引擎。

引入Thymeleaf

引入一个Thymeleaf的start启动器，就把Thymeleaf引入了。

找到对应的pom依赖：

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

Maven会自动下载jar包，看下下载的东西：

在这里插入图片描述

Thymeleaf分析

那这个要怎么使用呢？

首先得按照SpringBoot的自动配置原理看一下这个Thymeleaf的自动配置规则，在按照那个规则下进行使用。

找一下Thymeleaf的自动配置类：ThymeleafProperties

@ConfigurationProperties(
    prefix = "spring.thymeleaf"
)
public class ThymeleafProperties {
    private static final Charset DEFAULT_ENCODING;
    public static final String DEFAULT_PREFIX = "classpath:/templates/";
    public static final String DEFAULT_SUFFIX = ".html";
    private boolean checkTemplate = true;
    private boolean checkTemplateLocation = true;
    private String prefix = "classpath:/templates/";
    private String suffix = ".html";
    private String mode = "HTML";
    private Charset encoding;
    private boolean cache;
    private Integer templateResolverOrder;
    private String[] viewNames;
    private String[] excludedViewNames;
    private boolean enableSpringElCompiler;
    private boolean renderHiddenMarkersBeforeCheckboxes;
    private boolean enabled;
    private final ThymeleafProperties.Servlet servlet;
    private final ThymeleafProperties.Reactive reactive;

可以在其中看==到默认的前缀和后缀！
在这里插入图片描述

只需要把html页面放在类路径下的templates文件目录下==，thymeleaf就可以自动渲染了。==

使用thymeleaf什么都不需要配置，只需要将他放在指定的文件夹下即可！

测试

1、编写一个TestController

@Controller
public class HelloController {
  
    @RequestMapping("/test")
    public String testWorld() {
        return "test";
    }
}

2、编写一个测试页面 test.html 放在 templates 目录下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<hr>
<h1>hello word!</h1>
</body>
</html>

在这里插入图片描述

3、启动项目请求测试
在这里插入图片描述

Thymeleaf 语法学习

做个最简单的练习：需要查出一些数据，在页面中展示

1、修改测试请求，增加数据传输；

	@RequestMapping("/test2")
    public String testWorld2(Model model) {
        model.addAttribute("msg", "hello word!");
        return "test2";
    }

2、要使用thymeleaf，需要在html文件中导入命名空间的约束，方便提示。

把命名空间拿来过来： xmlns:th="http://www.thymeleaf.org"

xmlns:th="http://www.thymeleaf.org"

3、编写前端页面

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>l</title>
</head>
<body>
<h1>测试页面</h1>

<!--th:text就是将div中的内容设置为它指定的值，和之前学习的Vue一样-->
<div th:text="${msg}"></div>
</body>
</html>

4、启动测试！

在这里插入图片描述

可以使用任意的 th:attr 来替换Html中原生属性的值！

在这里插入图片描述

练习测试：

1、我们编写一个Controller，放一些数据

@RequestMapping("/test3")
    public String test2(Map<String, Object> map, Model model) {
        //存入数据
        map.put("msg", "Hello");
        map.put("users", Arrays.asList("lin", "leslie"));
        model.addAttribute("age", 19);
        //classpath:/templates/test.html
        return "test3";
    }

2、测试页面取出数据

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>语法测试</title>
</head>
<body>
<div>
    <h1 th:utext="${msg}"></h1>
    <h4 th:each="user :${users}" th:text="*{user}"></h4>

    <h4><!--行内写法：官网#12-->
        <span th:each="user:${users}">[[${user}]]</span>
    </h4>
    <div>
        <span th:each="user:${users}">
            <h1 th:text="${user}"></h1>
        </span>
    </div>
</div>
</body>
</html>

3、启动项目测试在这里插入图片描述

Code good g

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
7.Thymeleaf模板引擎

模板引擎赛姆丽芙前端交给页面，是html页面。如果是以前开发，需要把html转成jsp页面，jsp好处就是查出一些数据转发到JSP页面以后，可以用jsp轻松实现数据的显示，及交互等。【jsp是动态的资源，可以实现资源的交互】jsp支持非常强大的功能，包括能写Java代码，但是呢，现在的这种情况，SpringBoot这个项目首先是以jar的方式，不是war。而且springboot用的还是嵌入式的Tomcat，所以呢，他现在默认是不支持jsp的。SpringBoot推荐使用模板引擎：模板引擎，其实
复制链接

扫一扫

专栏目录