thymeleaf 页面取值常用

简介: thymeleaf 页面取值常用


thymeleaf 页面取值


标签内取值

<input type="hidden" id="noteId" th:value="${note.id}"/>


标签外取值

<span>[[${userInfo.nickName}]]</span>


switch 判断

<p>
  <b>推荐</b>
  <span th:switch="${note.isRecommend}">
  <span th:case="1">是</span>
  <span th:case="0">否</span>
  </span>
</p>


if判断

<img th:if="${userInfo.headImageUrl} != null" th:src="${userInfo.headImageUrl}" width="42" height="42"  alt="" class="fl img_editor">
<img th:if="${userInfo.headImageUrl} == null" th:src="@{/community/images/photo.png}" width="42" height="42"  alt="" class="fl img_editor">


日期格式化

<span class="fl time">[[${#dates.format(note.createDate, 'yyyy-MM-dd HH:mm')}]]</span>


list 遍历

<div class="con_bottom" th:each="noteComment : ${noteCommentList}">
  <div class="clearfix critic_box">
    <img th:if="${noteComment.headImageUrl} != null" th:src="${noteComment.headImageUrl}" width="42" height="42" alt="" class="fl">
    <img th:if="${noteComment.headImageUrl} == null" th:src="@{/community/images/photo.png}" width="42" height="42" alt="" class="fl">
    <div class="fr r_critic clearfix replyBox">
      <input type="hidden" id="commentId" th:value="${noteComment.id}"/>
      <input type="hidden" id="private" th:value="-1"/>
      <div class="critic clearfix">
        <span class="fl critic_name">[[${noteComment.nickName}]]</span>
        <a class="fr critic_pic">
          <span>[[${noteComment.praiseNum}]]<img th:src="@{/community/images/icon_zan.png}" width="25" height="25" alt=""></span>
          <span>[[${noteComment.commentNum}]]<img th:src="@{/community/images/icon_pinglun.png}" width="25" height="25" alt=""></span>
        </a>
      </div>
      <p class="fl">[[${noteComment.content}]]</p>
      <div class="replytime clearfix fl">
        <span class="fl r_time">[[${#dates.format(noteComment.createDate, 'yyyy-MM-dd HH:mm')}]]</span>
        <!--<span class="fr reply">回复</span>-->
      </div>
    </div>
    <p class="showreply">查看更多</p>
  </div>
</div>

其中:

th:each属性用于迭代循环,语法:th:each=“obj,iterStat:${objList}”

迭代对象可以是Java.util.List,java.util.Map,数组等;

iterStat称作状态变量,属性有:

index:当前迭代对象的index(从0开始计算)

count: 当前迭代对象的index(从1开始计算)

size:被迭代对象的大小

current:当前迭代变量

even/odd:布尔值,当前循环是否是偶数/奇数(从0开始计算)

first:布尔值,当前循环是否是第一个

last:布尔值,当前循环是否是最后一个

注:以上为使用过程中遇到的,欢迎指正


相关文章
|
2月前
|
XML 前端开发 PHP
ThinkPHP6 模板引擎普通标签中,模板引擎运算符函数,循环标签,判断标签的使用,及一些特殊标签
本文介绍了ThinkPHP6模板引擎中普通标签和XML标签的使用方法,包括模板引擎运算符函数、循环标签、判断标签以及一些特殊标签的使用。文中详细解释了普通标签的运算符和函数、注释、循环标签(foreach、volist、for)和判断标签(if、switch)的语法规范和示例。此外,还提到了literal和php标签用于原样输出和编写PHP代码的方法。
ThinkPHP6 模板引擎普通标签中,模板引擎运算符函数,循环标签,判断标签的使用,及一些特殊标签
|
5月前
thymeleaf中的判断总结
thymeleaf中的判断总结
146 0
|
Java API 数据库
thymeleaf 中 通用的分页方法
thymeleaf 中 通用的分页方法
|
JavaScript
thymeleaf页面取值与js取值
thymeleaf页面取值与js取值
145 0
thymeleaf的each标签遍历取值
thymeleaf的each标签遍历取值
|
自然语言处理 前端开发 Java
SpringMVC表单标签
SpringMVC表单标签
thymeleaf 的 th:each 标签示例
thymeleaf 的 th:each 标签示例
133 0
|
JSON 前端开发 JavaScript
Spring MVC 实战:响应字段默认值设置
前言 到今天为止,相信大家开发 Web 项目应该都是前后端分离了吧?前后端分离中一般会使用 json 作为前后端的数据交换格式。json 中可以包含数值、字符串、json 对象、数组等等。
359 0
Spring MVC 实战:响应字段默认值设置
【Thymeleaf】thymeleaf中给input的value属性设置值
【Thymeleaf】thymeleaf中给input的value属性设置值
536 0