thymeleaf学习笔记:总结
2024-08-25 08:44:31
Thymeleaf定义:Thymeleaf is a modern server-side Java template engine for both web and standalone environments, capable of processing HTML, XML, JavaScript, CSS and even plain text.
Thymeleaf可以处理的模板类型有:HTML XML TEXT JAVASCRIPT CSS RAW
Thymeleaf的方言简单易用,且不会破坏HTML的结构,这项特性被称为自然模板。
假如采用SpringMVC渲染Thymeleaf视图,一个简易的视图文件home.html文件:
<!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head>
<title>Good Thymes Virtual Grocery</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" media="all"
href="../../css/gtvg.css" th:href="@{/css/gtvg.css}" />
</head> <body> <p th:text="#{home.welcome}">Welcome to our grocery store!</p> <p>Today is: <span th:text="${today}">13 February 2011</span></p> </body> </html>
这个 xmlns:th="http://www.thymeleaf.org" 并不是h5中的元素,这个对整个模板的渲染并没有任何影响,但是在可以避免IDE在解释 th:* 属性缺失时报错。 也可以用 data- 前缀和 短横线 - 来替换冒号 : 这样就 th:text 可以变成 data-th-text 。
取变量的值是采用 ${ }
遍历list的语法是 th:each
<table>
<tr>
<th>NAME</th>
<th>PRICE</th>
<th>IN STOCK</th>
</tr>
<tr th:each="prod : ${prods}">
<td th:text="${prod.name}">Onions</td>
<td th:text="${prod.price}">2.41</td>
<td th:text="${prod.inStock}? #{true} : #{false}">yes</td>
</tr>
</table>
END
最新文章
- Html5 Egret游戏开发 成语大挑战(五)界面切换和数据处理
- Ajax异步刷新地址栏
- 关于新增元素使用jQuery on()方法重复绑定的问题
- iOS 修改网络图片的大小 宽和高
- PAT IO-04 混合类型数据格式化输入(5)
- matlab安装和入门
- android--使用Struts2服务端与android交互
- java HashMap的原理
- coding.net解决github上下载速度慢问题
- Ellipse
- HDU 2147 P/N博弈
- Win7 SP1 32位 旗舰版 IE8 快速稳定 纯净优化 无人值守 自动激活 20170518
- mybatis源码解析之环境准备
- 【亲测】解决虚拟机CentOS7联网ping不通相关问题(通俗易懂)
- UPDATE 时主键冲突引发的思考【转】
- ZooKeeper自定义数据日志目录
- 再谈JavaScript中的闭包
- String转Date的类型转换器
- Python List Comprehension
- chrome bookmarks location
热门文章
- [蓝桥杯]ALGO-20.算法训练_求先序排列
- [转帖][分享] 关于系统DIY--by 原罪
- problem: vue中获取动态元素高度
- Kubernetes Kubelet安全认证连接Apiserver
- 当通过Nuget包管理器获取还原组时,出现 提示 “xxxxx”已拥有为“xxxxx”定义的依赖项
- Vue 双向数据绑定、事件介绍以及ref获取dom节点
- Vue中table合并单元格用法
- 目标检测框架py-faster-rcnn修改anchor_box
- mysql const与eq_ref的区别
- LeetCode OJ 102. Binary Tree Level Order Traversal