Thymeleaf-语法整理

Thymeleaf其他案例看其他网站

http://www.cnblogs.com/hjwublog/p/5051732.html

http://blog.csdn.net/u012706811/article/details/52185345

 

本例为详细对某些使用记录

1.list循环案例

  a:th:each

在某个标签上加上th:each,带着标签循环,如果实在是不知道用什么标签,就直接用th:block代替

<th:block th:each="d,index:${listTransfeStages}">
    <button type="button" class="btn btn-default nqs-label-btn"><span th:text="${d.etsName}"></span></button>
</th:block>

 

 

2.数字在页面递减循环

#numbers.sequence函数进行计算,例中为从1开始到page.totalPages结束(含)
<li th:each="i:${#numbers.sequence(1,page.totalPages)}">
    <a href="#" th:text="${i}"></a>
</li>

 3.js中读取

<script th:inline="javascript">
var data = [[${data}]]
//var dd="&&"+"<";
</script>

内联文本:[[...]]内联文本的表示方式,使用时,必须先用th:inline="text/javascript/none"激活,th:inline可以在父级标签内使用,甚至作为body的标签。内联文本尽管比th:text的代码少,但是不利于原型显示。

 

4.js转义

<![CDATA[ ]]>加上后可防止里面有特殊字符例如< >&,用这个东西包裹的内容会忽略所有的特殊字符。 必须这样用,否则应该是无解,竟然用html中转义的&amp;也是不行的,大家注意下。

 

posted @   243573295  阅读(1730)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架
点击右上角即可分享
微信分享提示