thymeleaf学习之各种学习过的绑定

---

title: thymeleaf学习2
date: 2019-11-22

原本在个人博客上写了一些博文，现转移到CSDN上

thymeleaf学习之各种学习过的绑定

在上一篇博客中，简单的介绍了thymeleaf的如何利用fragment作为模板，在网页需要的地方，嵌入模板网页中写的指定的部分。本文就将我目前涉及到的thymeleaf绑定简单罗列一下

• th-text
  文字替换，将此处的文字替换为绑定的值
  例如：

<span th:text="${item.name}"></span>

• th-utext
  在网页中写文字，相当于

<div></div>

中间写文字
例如：

<div th:utext="${info.themename}" style="font-size: 24px;color:#444"></div>

• th:src
  thymeleaf的链接
  例如：

 <img th:src="'/static/img/icon/default.png'"
                                             class="round_icon" style="width:40px;height: 40px;float:left;">

• th:href
  thymeleaf的超链接
  例如:

 <a th:href="'/user/'+${info.creator_oid}"><h4 th:text="${info.creator_name}">Tom Marvolo Riddle</h4></a>

• th:each
  循环执行，类似于vue中的v-for

<div th:each="modelClass,index:${modelClassInfos}">

其中，${modelClassInfos}为绑定的model值，index类似于数组中的计数，0、1、2…等，modelClass为数组的值，配合th:each将数组modelClassInfos的值循环取出。

• th:id
  thymeleaf的id，一般用来设置id值

一个介绍thymeleaf的博客：
https://www.cnblogs.com/zjfjava/p/6893486.html