使用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. Spring JdbcTemplate源码阅读报告

    写在前面 spring一直以删繁就简为主旨,所以设计出非常流行的bean管理模式,简化了开发中的Bean的管理,少写了很多重复代码.而JdbcTemplate的设计更令人赞叹,轻量级,可做ORM也可如 ...

  2. Vue+Flask看这篇就够了

    一.项目目录结构 使用Vue+Flask搭建前后端分离的基础平台. my_project/ app/ //vue目录 static/ models/ remplates/ 404.html index ...

  3. [题解]luogu P4116 Qtree3

    终于来到了Qtree3, 其实这是Qtree系列中最简单的一道题,并不需要线段树, 只要树链剖分的一点思想就吼了. 对于树链剖分剖出来的每一根重链,在重链上维护一个Set就好了, 每一个Set里存的都 ...

  4. 一步一步教你使用 LSMW 批量处理数据

    保存退出 输入完后,保存退出

  5. 设置User Agent

    公司的前端要给项目的webview加一个区分,用来区别是iOS端访问.android访问还是在浏览器访问的,说是要加一个User Agent ,前端根据不同信息做适配,和我说来一头雾水,后来经过开发同 ...

  6. javaWeb知识点学习(一)

    1.静态页面的传递过程 在静态WEB程序中,客户端使用WEB浏览器(IE.FireFox等)经过网络(Network)连接到服务器上,使用HTTP协议发起一个请求(Request),告诉服务器我现在需 ...

  7. Backing Up and Restoring HBase Data

    There are two strategies for backing up HBase:1> Backing it up with a full cluster shutdown2> ...

  8. PCI配置空间简介

    一.PCI配置空间简介 PCI有三个相互独立的物理地址空间:设备存储器地址空间.I/O地址空间和配置空间.配置空间是PCI所特有的一个物理空间.由于PCI支持设备即插即用,所以PCI设备不占用固定的内 ...

  9. 关系型数据库MySQL主从同步-读写分离

    1.环境准备 我的数据库版本是MySQL 5.6 MySQL主机至少两个实例,可以是多实例,可以是多台主机 关闭selinux,关闭防火墙等基础优化 2.安装 yum -y install make ...

  10. Centos 添加用户和用户组

    groupadd cheat useradd -g cheat cheat passwd cheat 密码设置jsb_6041