thymeleaf

目录

一·thymeleaf常用标签(网上找的)

二.thymeleaf标签中表达式语法

2.1变量表达式

2.2星号表达式

2.3 URL表达式

2.4算术运算符、二元运算符、比较运算符

三、常用标签的使用

3.1.赋值和字符串操作

3.2条件判断

3.3获取循环状态

四.热部署

在pom.xml中配置启用热部署​编辑

2.在file选项中settings

---

上一篇文章链接为：thymeleaf在网页中上传文件_程程呀是小白的博客-CSDN博客_thymeleaf文件上传 ，本篇是重新学习一下thymeleaf在网页中上传文件_程程呀是小白的博客-CSDN博客_thymeleaf文件上传。

如果是springboot创建项目_程程呀是小白的博客-CSDN博客_springboot创建项目 ，这个是从头开始的还没有学完springboot，一起学习呀！！！！

 

一·thymeleaf常用标签(网上找的)

属性	描述	示例
th:id	替换 HTML 的 id 属性	<input id="html-id" th:id="thymeleaf-id" />
th:text	文本替换，转义特殊字符	<h1 th:text="hello，bianchengbang" >hello</h1>
th:utext	文本替换，不转义特殊字符	<div th:utext="'<h1>欢迎来到编程帮！</h1>'" >欢迎你</div>
th:object	在父标签选择对象，子标签使用 *{…} 选择表达式选取值。 没有选择对象，那子标签使用选择表达式和 ${…} 变量表达式是一样的效果。 同时即使选择了对象，子标签仍然可以使用变量表达式。	<div th:object="${session.user}" > <p th:text="*{fisrtName}">firstname</p> </div>
th:value	替换 value 属性	<input th:value = "${user.name}" />
th:with	局部变量赋值运算	<div th:with="isEvens = ${prodStat.count}%2 == 0" th:text="${isEvens}"></div>
th:style	设置样式	<div th:style="'color:#F00; font-weight:bold'">编程帮 www.biancheng.net</div>
th:onclick	点击事件	<td th:onclick = "'getInfo()'"></td>
th:each	遍历，支持 Iterable、Map、数组等。	<table> <tr th:each="m:${session.map}"> <td th:text="${m.getKey()}"></td> <td th:text="${m.getValue()}"></td> </tr> </table>
th:if	根据条件判断是否需要展示此标签	<a th:if ="${userId == collect.userId}">
th:unless	和 th:if 判断相反，满足条件时不显示	<div th:unless="${m.getKey()=='name'}" ></div>
th:switch	与 Java 的 switch case语句类似 通常与 th:case 配合使用，根据不同的条件展示不同的内容	<div th:switch="${name}"> <span th:case="a">编程帮</span> <span th:case="b">www.biancheng.net</span> </div>
th:fragment	模板布局，类似 JSP 的 tag，用来定义一段被引用或包含的模板片段	<footer th:fragment="footer">插入的内容</footer>
th:insert	布局标签； 将使用 th:fragment 属性指定的模板片段（包含标签）插入到当前标签中。	<div th:insert="commons/bar::footer"></div>
th:replace	布局标签； 使用 th:fragment 属性指定的模板片段（包含标签）替换当前整个标签。	<div th:replace="commons/bar::footer"></div>
th:selected	select 选择框选中	<select> <option>---</option> <option th:selected="${name=='a'}"> 编程帮 </option> <option th:selected="${name=='b'}"> www.biancheng.net </option> </select>
th:src	替换 HTML 中的 src 属性	<img th:src="@{/asserts/img/bootstrap-solid.svg}" src="asserts/img/bootstrap-solid.svg" />
th:inline	内联属性； 该属性有 text、none、javascript 三种取值， 在 <script> 标签中使用时，js 代码中可以获取到后台传递页面的对象。	<script type="text/javascript" th:inline="javascript"> var name = /*[[${name}]]*/ 'bianchengbang'; alert(name) </script>
th:action	替换表单提交地址	<form th:action="@{/user/login}" th:method="post"></form>

二.thymeleaf标签中表达式语法

   Thymeleaf 模板引擎支持多种表达式：

变量表达式：${...}
选择变量表达式：*{...}
链接表达式：@{...}
国际化表达式：#{...}
片段引用表达式：~{...}  

   

表达式分四种：

1. 变量表达式

2. 星号表达式

3. 国际化表达式

4. URL表达式

2.1变量表达式

量表达式类似于OGNL表达式，可以获取上下文中对应对象的值。

格式：${变量名}

2.2星号表达式

可以选择指定对象代替上下文对象：

格式：*｛变量名｝

星号表达式和变量表达式的区别：

1. 不考虑上下文取值没有区别

2. 可以指定对象代替上下文对象，获取父类标签的值，例如：

 

国际化表达式我们只要了解一下就好了，不做过深讲解，

用的比较多的是下面我们将要学习的

2.3 URL表达式

把上下中的信息添加到URL中，URL重写。

 

在controller中写个方法

 

在页面中写两个超链接

<!--URL表达式-->

<a href="success.html" th:href="@{/add}">超链接1</a>

<a href="success.html" th:href="@{/add(name='admin',pwd='123321')}">超链接2</a>

我们看一下效果

点第一个超链接

 

点第二个超链接

 

第二个同样会访问到我们controller写的方法，同事把我们写的参数，在地址栏中传了过来

同时我们还可以嵌套使用

<a href="success.html" th:href="@{/add(name=${msg})}">超链接3</a>

看一下效果

 

支持语法：

文字：

 

 

【我们可以看到效果，文字测试，第三个是空，说明他是可以直接显示文字的，我们的字符串会经常用到拼接，接下来我们说一下拼接的两种方法】

 

可以看到效果

 

2.4算术运算符、二元运算符、比较运算符

 

看效果：

 

三、常用标签的使用

3.1.赋值和字符串操作

3.2条件判断

       Th:if 当成立的时候，显示标签

       Th：unless 不成立的时候显示标签

看效果：

1. for循环

对controller中test方法做修改

 

在页面做循环

 

看效果

 

3.3获取循环状态

循环变量iterStat

 

看效果

四.热部署

每当修改了Java代码或者页面代码的时候，都需要重启服务，很麻烦。

热部署的作用：检测到代码发生变化时，自动重新部署项目并重启。

1. 在pom.xml中配置启用热部署

   

    

2.在file选项中settings

 

 上一篇文章链接为：thymeleaf在网页中上传文件_程程呀是小白的博客-CSDN博客_thymeleaf文件上传 ，本篇是重新学习一下thymeleaf在网页中上传文件_程程呀是小白的博客-CSDN博客_thymeleaf文件上传。

如果是springboot创建项目_程程呀是小白的博客-CSDN博客_springboot创建项目 ，这个是从头开始的还没有学完springboot，一起学习呀！！！！