千家信息网

Thymeleaf常用语法总结

发表于:2025-01-28 作者:千家信息网编辑
千家信息网最后更新 2025年01月28日,这篇文章主要介绍"Thymeleaf常用语法总结",在日常操作中,相信很多人在Thymeleaf常用语法总结问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答"Thymele
千家信息网最后更新 2025年01月28日Thymeleaf常用语法总结

这篇文章主要介绍"Thymeleaf常用语法总结",在日常操作中,相信很多人在Thymeleaf常用语法总结问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答"Thymeleaf常用语法总结"的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

1. 模板继承: 将页面公用的部分写到一个页面中,其它页面通过继承该页得到公共部分.

创建一个公共页面 base-layout.html,内容如下:

添加了jquery库和网站图标.

xmlns:layout: 导入layout标签

layout:fragment: 声明布局标识

hello.html继承自base-layout.html:

layout:decorator: 表示使用某个模板装饰,即父模板

layout:fragment: 表示继承父模板对应的块,可以理解为Java中的父类方法.

这个页面并没有导入Jquery,但是我们已经可以使用Jquery,说明模板继承成功.

2. 常用语法:

首先在CommonResponse::sayHello方法中向页面写入一些数据

Thymeleaf中的标签对应于: [th:HTML中的标签],所以一般不需要单独去记.

th:value:html中的value标签.

th:each: 迭代变量,可以定义两个迭代量,1: 迭代变量(u),2: 迭代状态量(uStat)

th:if: 条件判断,推荐使用eq,lt,gt,ne而不是=,<,>,!=,一些符号如&需要使用已转义符号(&)

th:attr: 用于设置某个属性的值,上面的代码对应:id=[u.id],通常用于非html标签如data-toggle;请注意: 大写的字符将会被自动转换成小写.: data-Toggle会被转换成data-toggle.

#dates,#listsThymeleaf全局变量,类似还有很多,用到时请查看文档.

使用th:inline: 表示内容类型,一般为: text,javascript.

th:inline="text": 使用该标签可以在内部直接使用Thymeleaf语法,如果页面中需要写js,请使用

0