使用thymeleaf首先添加依赖,
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
<version>xxx</version>
</dependency>
1、集合遍历
控制器方法如下,
@RequestMapping(“/findAll”)
public String findAll(Map map){
List<SSLXX>list=sslxxService1.findAll();
map.put(“list”,list);
return “/show”;
}
页面显示:

<table cellspacing="0" cellpadding="0">
<tr>
<td th:text="宿舍楼代码"></td>
<td th:text="宿舍楼名称"></td>
<td th:text="宿舍楼层"></td>
<td th:text="入住性别"></td>
<td th:text="使用人"></td>
<td th:text="宿舍社区"></td>
<td th:text="宿舍员"></td>
<td th:text="宿管联系方式"></td>
<td th:text="住宿人数"></td>
<td th:text="宿舍状态"></td>
</tr>
<tr th:each="s,Stat:${list}">
<td th:text="${s.ssldm}"></td>
<td th:text="${s.sslmc}"></td>
<td th:text="${s.sslc}"></td>
<td th:text="${s.rzxb==1}?'男':'女'"></td>
<td th:switch="${s.syr}">
<span th:case="1">学生</span>
<span th:case="2">教师</span>
<span th:case="3">其他</span>
</td>
<td th:text="${s.sssq.sqm}"></td>
<td th:text="${s.tUser.name}"></td>
<td th:text="${s.sglxfs}"></td>
<td th:text="${s.zsrs}"></td>
<td th:text="${s.sfqy==1}?'正常':'禁用'"></td>
</tr>
</table>
页面显示效果如下,

以上的判断有三种写法如下所示,
第一种
<td th:text="${s.rzxb==1}?'男':''"></td>
第二种
<td th:if="${s.rzxb==1}" th:text="男"></td>
<td th:if="${s.rzxb==2}" th:text="女"></td>
第三种

<td th:switch="${s.syr}">
<span th:case="1" th:text="男"></span>
<span th:case="2" th:text="女"></span>
</td>
这三种方法的区别,如果只是判断2个值例如男、女的情况,推荐使用第一种方法。如果有多个值的情况例如男、女、未知三个值甚至更多值的情况下推荐使用第三种方法和第二种方法,本人偏爱第三种方法。

2、判断是否为空
使用th:each做循环迭代,并使用${对象.属性}来访问具体的值
判断是否为空

<tr th:if="${messages.empty}">
<td colspan="3">No messages</td>
</tr>
3、在Javascript中访问model模型数据

<script th:inline="javascript">
var user = [[${user}]]
console.log(user.name + “\t” + user.age);
</script>
通过添加th:inline=”javascript”到script标签来访问model模型数据,通过”[[${}]]”这种格式来获取具体的值

4、引用web静态资源 
Thymeleaf通过”@{}”来引用web静态资源,例如:
<script th:src="@{bootstrap/js/boostrap.min.js}"></script>

thymeleaf 标签使用方法的更多相关文章

  1. thymeleaf标签使用方法总结

    https://blog.csdn.net/quuqu/article/details/52511933 常用th标签https://www.cnblogs.com/suncj/p/4030393.h ...

  2. thymeleaf标签必须由匹配的结束标记终止

    问题描述 springboot使用Thymeleaf标签时会报元素类型必须由匹配的结果标记终止. 如下所示 如果我们一个个的给这些元素后面加上终止标记也是件很麻烦的事~~~~ 解决办法 方法一: 在p ...

  3. Thymeleaf标签学习

    目录 Thymeleaf Thymeleaf的特点 SpringBoot与之整合 Thymeleaf常用语法 变量_变量案列 变量_动静结合 变量_ognl表达式的语法糖 变量_自定义变量 方法 方法 ...

  4. 完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法

    完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法   HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页 ...

  5. HTML5 Audio/Video 标签,属性,方法,事件汇总

    HTML5 Audio/Video 标签,属性,方法,事件汇总 (转) 2011-06-28 13:16:48   <audio> 标签属性:src:音乐的URLpreload:预加载au ...

  6. Java中替换HTML标签的方法代码

    这篇文章主要介绍了Java中替换HTML标签的方法代码,需要的朋友可以参考下 replaceAll("\\&[a-zA-Z]{0,9};", "").r ...

  7. 制作chm无搜索标签解决方法

    chm无搜索标签解决方法: 1.hpp文件中设置Full-text search=Yes 2.下面[windows]有个数字设置为0x420, 网上普通流传的是0x20 === chm制作一般要三个文 ...

  8. JavaScript常用标签和方法总结

    什么是javascript?   (1) JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的 脚本语言. (2) JavaScript是由Nets ...

  9. (转) ThinkPHP模板自定义标签使用方法

    这篇文章主要介绍了ThinkPHP模板自定义标签使用方法,需要的朋友可以参考下  转之--http://www.jb51.net/article/51584.htm   使用模板标签可以让网站前台开发 ...

随机推荐

  1. Concurrent包工具类使用

    一.读写锁 传统的同步锁就是独占式锁,当线程使用资源时候保持独占,无论读写.当人们发现请求队列(假设)中相邻请求为读-读的时候,阻塞是一种浪费资源的操作.比如公告板,所有路过的人(请求)都是读操作,并 ...

  2. day55 linux 基础以及系统优化

    Linux系统基础优化及常用命令   Linux基础系统优化 引言没有,只有一张图. Linux的网络功能相当强悍,一时之间我们无法了解所有的网络命令,在配置服务器基础环境时,先了解下网络参数设定命令 ...

  3. python学习笔记03-用户输入

    name=Input(“your name”)  此处接受的数据类型为字符串 整数转字符串  str(123) 整数转字符串  int(“123”)

  4. Kali Linux 弱点分析工具全集

    『弱点分析』与『信息收集』类工具的定位非常不同,其中包含大量的模糊测试工具.正确使用这些工具,将有助于我们发现可能存在的零日漏洞.同时此类工具中还包含了大量VoIP相关的渗透测试工具,这可能是安全人员 ...

  5. 【Gitbook】实用配置及插件介绍

    前言 实际效果可以查看这里 github地址 配置 title 设置书本的标题 "title" : "Gitbook Use" author 作者的相关信息 & ...

  6. Css权重解析

    Css权重解析 关于CSS权重,我们需要一套计算公式来去计算,这个就是 CSS Specificity,我们称为CSS 特性或称非凡性,它是一个衡量CSS值优先级的一个标准 具体规范入如下: spec ...

  7. [转载]7款开源ERP系统比较

    现在有许多企业将ERP项目,在企 业中没有实施好,都归咎于软件产品不好.其实,这只是你们的借口.若想要将ERP软件真正与企业融合一体,首先得考虑企业的自身情况,再去选择适合的 ERP软件. 如果你的企 ...

  8. 设置nginx反向代理将80端口转发到9999端口

    关于linux系统不允许个人账户使用80端口,导致无法将express默认的bin/www内3000端口改为80端口一个问题,可以使用sudo来强制启动,当然,这样显然不合适,这时候,可以使用ngin ...

  9. Kafka—性能逆天的存在

    0.引言 Kafka是LinkedIn开源出来的一款消息服务器,用Scala语言实现:这货的性能是百万级的QPS(估计是挂载了多块磁盘),我随便写个测试程序就是十万级. 1.Kafka基本概念 在Ka ...

  10. 在Ubuntu16.04上使用Open Grok

    Open Grok是一个强大的源代码搜索和对照引擎,是Open Solaris的源文件浏览及搜索工具.虽然Open Solaris已经不复存在,但这个工具仍然处于开发与维护之中. 相信我,绝对值得你拥 ...