一.基础写法: th:text='${数据}  ,其中text可以修改成其他,如href,value,class....看需求

<p th:text='${后台返回的数据}'>静态文本</p>       <!--文本输出-->
<input th:value="${后台返回的数据}" />       <!--输入框value值-->
<a th:href='${href}'>超链接</a>
<img th:src='${path}' />              <!--path为后台返回的路径-->

注:th:utext可以解析标签,而th:text不能解析标签,如果后台传的数据有带标签的会原封不动的输出来

var box='<p><b>hello</b></p>';//前台接受数据
<div th:text="${box}"></div>       ---->输出<p><b>hello</b></p>
<div th:utext="${box}"></div>       ---->输出hello,并通过b标签进行加粗

二.循环

<!--循环(arr为后台穿的数组,包括id和name值)--><th:block th:each='list,state : ${arr}'><li th:text='${list.id}'></li><li th:text='${list.name}'></li><li th:text='${state.index}'></li>  <!--state.index为循环的索引,从0开始--><li th:text='${state.count}'></li>  <!--state.count为循环的索引,从1开始--><li th:text='${state.size}'></li>  <!--state.size为对象的大小,长度--><li th:text='${state.current}'></li>  <!--state.current迭代的变量--><li th:text='${state.even}'></li>  <!--布尔值,当前循环是否为偶数--><li th:text='${state.odd}'></li>  <!--布尔值,当前循环是否为奇数--><li th:text='${state.first}'></li>  <!--布尔值,当前循环是否为第一个--><li th:text='${state.last}'></li>  <!--布尔值,当前循环是否为最后一个--></th:block>

注: <th:block></th:block>  thymealeaf解析时会移除掉此标签对,但不会移除其中的内容。(一般出现在循环和公共引用中)

三:定义块,引用块

<!--定义一个可以引用的块,th:fragment='meta'  meta:块名字可以随意取,根据内容-->
<th:block th:fragment='meta'><meta charset="utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
</th:block><!--引用上面定义的块  ,meta是定义块的名字-->
<th:block th:include="(${块路径})'::meta"></th:block>

  <!--replace替换标签-->
  <th:block th:replace="(${块路径})'::meta"></th:block>

四:if条件,unless条件(与if相反)

    <!--if条件判断,arr为后台传过来的数据--><th:block th:each='list,state :${arr}'><li th:if='${state.index lt 2}' th:text='${list}'></li>   <!--如果遍历的所以值小于2,获取遍历的list列表,其他索引大于等于2的的不遍历--><li th:unless='${list==null}'>login</li>    <!--list遍历项为空,则不显示,unless与if条件相反-->            </th:block>

 

注: 两个值比较的对应的表达式

    >                  gt

    <     lt

    >=      ge

    <=      le

    ==      eq

    !=     ne

五:switch...case

     <!--如果遍历出来的值为张三,则显示'名叫张三'--><!--如果遍历出来的值为李四,则显示'名叫李四'--><th:block th:each='list,state :${arr}'><li th:switch='${list.name}'><span th:case='张三' th:text='名叫张三'></span><span th:case='李四' th:text='名叫李四'></span></li></th:block>

注:满足其中一个条件才会显示对应的值,如果都不满足,则不显示.不同display:block,这里是标签都没有,没有这个元素,上面的if条件也一样

六:select

<select th:field='${sex}' th:switch='${sex.tostring}'><option value="男" th:case='男' th:selected='selected'>男</option><option value="女" th:case='女' th:selected='selected'>女</option><option value="" >请选择</option>
</select>

注:后台取的sex数据,如果对应的值为男,则显示''男'',为女则显示''女'',如果为空,则默认显示'请选择'

转载于:https://www.cnblogs.com/xiaoxinzi/p/8494686.html

Thymeleaf 随记相关推荐

  1. layui 官网将于 2021年10月13日 下线 曾经我们一起追过的东西

    官网:https://www.layui.com/ 那个我们曾经一起用过的框架 Java+layUI+SpringBoot+thymeleaf 模板 记没记得 没错就是它 . 过去五年,layui 有 ...

  2. thymeleaf随机数_SpringBoot2.0实现静态资源版本控制

    写在最前面 犹记毕业第一年时,公司每次发布完成后,都会在一个群里通知[版本更新,各部门清理缓存,有问题及时反馈]之类的话.归根结底就是资源缓存的问题,浏览器会将请求到的静态资源,如JS.CSS等文件缓 ...

  3. springboot+Thymeleaf生成PDF

    springboot项目创建以后,pom添加 <!--pdf模板生成--><dependency><groupId>org.xhtmlrenderer</gr ...

  4. SpringBoot + Thymeleaf + Bootstrap + 随手记 实现自动记账

    SpringBoot + Thymeleaf + Bootstrap + 随手记 实现自动记账 一 前情提要 思路 实现 项目大体分以下7个部分 1.搭建后台框架 2.数据库表设计 3.引入JavaM ...

  5. spring-boot整合redies、mybatis、thymeleaf

    spring-项目结构 ─src ├─main │ ├─java │ │ └─com.swy.demo │ │ │ │ │ └─controller │ │ SubjectsController | ...

  6. Marco's Java【SpringBoot入门(六) 之 Thymeleaf模板引擎的使用】

    前言 本节呢给大家介绍一个新鲜 "玩意儿" 叫做Thymeleaf,Thymeleaf翻译过来就是 "百里香叶" 的意思 我发现这些大佬儿特别喜欢用叶子作为标识 ...

  7. 【项目实战】个人博客(SpringBoot,SSM,thymeleaf,Semantic UI)——从设计思路到部署一站式教学

    一.前言 1.项目背景 此项目并非原创,项目原型是李仁密老师的作品,具体的教学视频来自b站https://www.bilibili.com/video/BV1nE411r7TF,不过up主貌似也是搬运 ...

  8. 基于javaweb的汉服文化bbs商城系统(java+springboot+thymeleaf+html+layui+bootstrap+mysql)

    基于javaweb的汉服文化bbs商城系统(java+springboot+thymeleaf+html+layui+bootstrap+mysql) 运行环境 Java≥8.MySQL≥5.7 开发 ...

  9. SpringBoot-web开发(三): 模板引擎Thymeleaf

    [SpringBoot-web系列]前文: SpringBoot-web开发(一): 静态资源的导入(源码分析) SpringBoot-web开发(二): 页面和图标定制(源码分析) 目录 1. 引入 ...

  10. [JAVA EE] Thymeleaf 常用工具类

    Thymeleaf 提供了丰富的表达式工具类,例如: #strings:字符串工具类 #dates:时间操作和时间格式化 #numbers:格式化数字对象的方法 #bools:常用的布尔方法 #str ...

最新文章

  1. JAVA Calendar方法详解
  2. 124 Binary Tree Maximum Path Sum
  3. 极简写作语言-Markdown
  4. mysql 语句 函数分析
  5. Java学习笔记_匿名/ArrayList
  6. 【电路原理】学习笔记(0):电路与电路模型
  7. 《Spring技术内幕》——2.3节IoC容器的初始化过程
  8. ARP协议详解,ARP协议执行原理、ARP协议如何根据IP地址寻找Mac地址?
  9. java递推_【Java】递归递推的应用
  10. python实现递归和非递归求两个数最大公约数、最小公倍数
  11. php 按行读取并分割字符串
  12. 企业oa系统是什么,有什么好用的办公软件推荐?
  13. 关于身份证加密展示处理以及update table set cou=(select from ..)
  14. 京东用了哪些大数据平台产品体系?
  15. java 如何实现一个字符串的反转
  16. gp库创建分区表方法
  17. 第七章第三十六题(游戏:八皇后问题)(Game: Eight Queens)
  18. 抖音音乐号副业项目,创新玩法解密
  19. 来看看别人都私藏了哪些“小网站”!
  20. 【60000个红包】点赞即得!和谭丽一起坚守时间价值!

热门文章

  1. 更改自定义按钮显示值并对单元格赋值
  2. php 全局方法,PHP全局函数
  3. 可以两个人协作一个项目吗_两个人分手了,还可以继续做朋友吗?
  4. TracKit-Ocean:目标跟踪网络(一) -- 环境部署及测试
  5. java mavenpom_java-使用pom-packaging Maven项目作为依赖项
  6. Spring的Bean有哪些作用域?
  7. Windows下的命令行。
  8. 16位汇编第一讲简介
  9. Ionic3与Angular4新特性
  10. javascript内置属性