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