Thymeleaf模板引擎

最新推荐文章于 2023-10-24 22:57:09 发布

゛浅眠ら

最新推荐文章于 2023-10-24 22:57:09 发布

阅读量108

点赞数 1

分类专栏： Thymeleaf

本文链接：https://blog.csdn.net/wswdwf/article/details/89960834

版权

1 篇文章 0 订阅

订阅专栏

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

开始idea中html直接用thymeleaf表达式，会出现红线，这时你可以用Alt+Enter，html会引入<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" >

需要将文件放入目录：“classpath:/templates/”；
文件的后缀：".html"；

单行注释：!-- 你看不到我~~~~~ -->
多行注释：

<!--/*
你看不到我~~~
*/-->

Thymeleaf使用属性都需加前缀th，如

th就是替换原有html的值：th:html属性名=值；

Controller代码
在这里插入图片描述
home.html文件中的代码
网页中输出的结果

${变量名}，
如

<div th:text="${color}"></div>

th:each

<div th:each="color:${colors}">
<div th:text="${color}"></div>
</div>

Controller代码
在这里插入图片描述

语法：


若传进的变量带有html标签，不会被解析
结果为
在这里插入图片描述

语法：


用utext，会解析html，显示相应的效果
结果为
在这里插入图片描述

用th:text不会解析html，用th:utext会解析html，在页面中显示相应的样式

关注