thymeleaf 标签使用方法
使用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 标签使用方法的更多相关文章
- thymeleaf标签使用方法总结
https://blog.csdn.net/quuqu/article/details/52511933 常用th标签https://www.cnblogs.com/suncj/p/4030393.h ...
- thymeleaf标签必须由匹配的结束标记终止
问题描述 springboot使用Thymeleaf标签时会报元素类型必须由匹配的结果标记终止. 如下所示 如果我们一个个的给这些元素后面加上终止标记也是件很麻烦的事~~~~ 解决办法 方法一: 在p ...
- Thymeleaf标签学习
目录 Thymeleaf Thymeleaf的特点 SpringBoot与之整合 Thymeleaf常用语法 变量_变量案列 变量_动静结合 变量_ognl表达式的语法糖 变量_自定义变量 方法 方法 ...
- 完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法 HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页 ...
- HTML5 Audio/Video 标签,属性,方法,事件汇总
HTML5 Audio/Video 标签,属性,方法,事件汇总 (转) 2011-06-28 13:16:48 <audio> 标签属性:src:音乐的URLpreload:预加载au ...
- Java中替换HTML标签的方法代码
这篇文章主要介绍了Java中替换HTML标签的方法代码,需要的朋友可以参考下 replaceAll("\\&[a-zA-Z]{0,9};", "").r ...
- 制作chm无搜索标签解决方法
chm无搜索标签解决方法: 1.hpp文件中设置Full-text search=Yes 2.下面[windows]有个数字设置为0x420, 网上普通流传的是0x20 === chm制作一般要三个文 ...
- JavaScript常用标签和方法总结
什么是javascript? (1) JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的 脚本语言. (2) JavaScript是由Nets ...
- (转) ThinkPHP模板自定义标签使用方法
这篇文章主要介绍了ThinkPHP模板自定义标签使用方法,需要的朋友可以参考下 转之--http://www.jb51.net/article/51584.htm 使用模板标签可以让网站前台开发 ...
随机推荐
- Concurrent包工具类使用
一.读写锁 传统的同步锁就是独占式锁,当线程使用资源时候保持独占,无论读写.当人们发现请求队列(假设)中相邻请求为读-读的时候,阻塞是一种浪费资源的操作.比如公告板,所有路过的人(请求)都是读操作,并 ...
- day55 linux 基础以及系统优化
Linux系统基础优化及常用命令 Linux基础系统优化 引言没有,只有一张图. Linux的网络功能相当强悍,一时之间我们无法了解所有的网络命令,在配置服务器基础环境时,先了解下网络参数设定命令 ...
- python学习笔记03-用户输入
name=Input(“your name”) 此处接受的数据类型为字符串 整数转字符串 str(123) 整数转字符串 int(“123”)
- Kali Linux 弱点分析工具全集
『弱点分析』与『信息收集』类工具的定位非常不同,其中包含大量的模糊测试工具.正确使用这些工具,将有助于我们发现可能存在的零日漏洞.同时此类工具中还包含了大量VoIP相关的渗透测试工具,这可能是安全人员 ...
- 【Gitbook】实用配置及插件介绍
前言 实际效果可以查看这里 github地址 配置 title 设置书本的标题 "title" : "Gitbook Use" author 作者的相关信息 & ...
- Css权重解析
Css权重解析 关于CSS权重,我们需要一套计算公式来去计算,这个就是 CSS Specificity,我们称为CSS 特性或称非凡性,它是一个衡量CSS值优先级的一个标准 具体规范入如下: spec ...
- [转载]7款开源ERP系统比较
现在有许多企业将ERP项目,在企 业中没有实施好,都归咎于软件产品不好.其实,这只是你们的借口.若想要将ERP软件真正与企业融合一体,首先得考虑企业的自身情况,再去选择适合的 ERP软件. 如果你的企 ...
- 设置nginx反向代理将80端口转发到9999端口
关于linux系统不允许个人账户使用80端口,导致无法将express默认的bin/www内3000端口改为80端口一个问题,可以使用sudo来强制启动,当然,这样显然不合适,这时候,可以使用ngin ...
- Kafka—性能逆天的存在
0.引言 Kafka是LinkedIn开源出来的一款消息服务器,用Scala语言实现:这货的性能是百万级的QPS(估计是挂载了多块磁盘),我随便写个测试程序就是十万级. 1.Kafka基本概念 在Ka ...
- 在Ubuntu16.04上使用Open Grok
Open Grok是一个强大的源代码搜索和对照引擎,是Open Solaris的源文件浏览及搜索工具.虽然Open Solaris已经不复存在,但这个工具仍然处于开发与维护之中. 相信我,绝对值得你拥 ...