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 使用模板标签可以让网站前台开发 ...
随机推荐
- ngRoute 与ui.router区别
angular路由 路由 (route) ,几乎所有的 MVC(VM) 框架都应该具有的特性,因为它是前端构建单页面应用 (SPA) 必不可少的组成部分. 那么,对于 angular 而言,它自然也有 ...
- maven安装以及eclipse配置maven
详细地址: http://jingyan.baidu.com/article/295430f136e8e00c7e0050b9.html 介绍安装maven,配置Maven环境变量,同时在Eclips ...
- vue的无缝滚动插件vue-seamless-scroll的安装与使用
npm安装地址 https://www.npmjs.com/package/vue-seamless-scroll 命令行执行: npm install vue-seamless-scroll --s ...
- Vue中router两种传参方式
Vue中router两种传参方式 1.Vue中router使用query传参 相关Html: <!DOCTYPE html> <html lang="en"> ...
- 视口(viewport)原理详解之第二部分(移动端浏览器)
一.移动端浏览器的问题 当我们把移动端浏览器和桌面浏览器比较时,最明显的差异就是尺寸.移动端浏览器尺寸要比桌面屏幕小得多,移动浏览器最多差不多也就400px.最重要的问题集中在我们的CSS上,特别是v ...
- 【树】Serialize and Deserialize Binary Tree
题目: Serialization is the process of converting a data structure or object into a sequence of bits so ...
- OpenGL12-shader(GLSL)着色语言1(代码已上传)
OpenGL着色语言(GLSL――OpenGL Shading Language)是用来在OpenGL中着色编程的语言, 也即开发人员写的短小的自定义程序,他们是在图形卡的GPU (Graphic P ...
- protocol buffers生成go代码原理
本文描述了protocol buffers使用.proto文件生成pb.go文件的过程 编译器 编译器需要插件来编译环境,使用如下方式安装插件:go get github.com/golang/pro ...
- freeSWITCH之安装
freeSWITCH 安装 官网教程 https://freeswitch.org/confluence/display/FREESWITCH/FreeSWITCH+First+Steps Windo ...
- Java中float和double转换的问题
为什么double转float不会出现数据误差,而float转double却误差如此之大? double d = 3.14; float f = (float)d; System.out.prin ...