springboot(四)：thymeleaf使用详解

在上篇文章springboot(二)：web综合开发中简单介绍了一下thymeleaf，这篇文章将更加全面详细的介绍thymeleaf的使用。thymeleaf 是新一代的模板引擎，在spring4.0中推荐使用thymeleaf来做前端模版引擎。

简单说， Thymeleaf 是一个跟 Velocity、FreeMarker 类似的模板引擎，它可以完全替代 JSP 。相较与其他的模板引擎，它有如下三个极吸引人的特点：

• 1.Thymeleaf 在有网络和无网络的环境下皆可运行，即它可以让美工在浏览器查看页面的静态效果，也可以让程序员在服务器查看带数据的动态页面效果。这是由于它支持 html 原型，然后在 html 标签里增加额外的属性来达到模板+数据的展示方式。浏览器解释 html 时会忽略未定义的标签属性，所以 thymeleaf 的模板可以静态地运行；当有数据返回到页面时，Thymeleaf 标签会动态地替换掉静态内容，使页面动态显示。

• 2.Thymeleaf 开箱即用的特性。它提供标准和spring标准两种方言，可以直接套用模板实现JSTL、 OGNL表达式效果，避免每天套模板、该jstl、改标签的困扰。同时开发人员也可以扩展和创建自定义的方言。

• 3.Thymeleaf 提供spring标准方言和一个与 SpringMVC 完美集成的可选模块，可以快速的实现表单绑定、属性编辑器、国际化等功能。

它们分为四类：

• 1.变量表达式
• 2.选择或星号表达式
• 3.文字国际化表达式
• 4.URL表达式

变量表达式即OGNL表达式或Spring EL表达式(在Spring术语中也叫model attributes)。如下所示：
${session.user.name}

它们将以HTML标签的一个属性来表示：

选择(星号)表达式

选择表达式很像变量表达式，不过它们用一个预先选择的对象来代替上下文变量容器(map)来执行，如下：
*{customer.name}

被指定的object由th:object属性定义：

      
      ...  
      ...  
      ...  
      

文字国际化表达式

文字国际化表达式允许我们从一个外部文件获取区域文字信息(.properties)，用Key索引Value，还可以提供一组参数(可选).

    #{main.title}  
    #{message.entrycreated(${entryId})}  

可以在模板文件中找到这样的表达式代码：

      
      ...  
        
      ...  
    
...
  
      
...
  

URL表达式

URL表达式指的是把一个有用的上下文或回话信息添加到URL，这个过程经常被叫做URL重写。
@{/order/list}
URL还可以设置参数：
@{/order/details(id=${orderId})}
相对路径：
@{../documents/report}

让我们看这些表达式：

变量表达式和星号表达有什么区别吗？

如果不考虑上下文的情况下，两者没有区别；星号语法评估在选定对象上表达，而不是整个上下文
什么是选定对象？就是父标签的值，如下：

  
    
Name: Sebastian.
    
Surname: Pepper.
    
Nationality: Saturn.
  

这是完全等价于：

  
      
Name: Sebastian.
      
Surname: Pepper.
      
Nationality: Saturn.
  

当然，美元符号和星号语法可以混合使用：

  
      
Name: Sebastian.
      
Surname: Pepper.
      
Nationality: Saturn.
  

表达式支持的语法 字面（Literals）

• 文本文字（Text literals）: 'one text', 'Another one!',…
• 数字文本（Number literals）: 0, 34, 3.0, 12.3,…
• 布尔文本（Boolean literals）: true, false
• 空（Null literal）: null
• 文字标记（Literal tokens）: one, sometext, main,…

文本操作（Text operations）

• 字符串连接(String concatenation): +
• 文本替换（Literal substitutions）: |The name is ${name}|

算术运算（Arithmetic operations）

• 二元运算符（Binary operators）: +, -, *, /, %
• 减号（单目运算符）Minus sign (unary operator): -

布尔操作（Boolean operations）

• 二元运算符（Binary operators）:and, or
• 布尔否定（一元运算符）Boolean negation (unary operator):!, not

比较和等价(Comparisons and equality)

• 比较（Comparators）: >, <, >=, <= (gt, lt, ge, le)
• 等值运算符（Equality operators）:==, != (eq, ne)

条件运算符（Conditional operators）

• If-then: (if) ? (then)
• If-then-else: (if) ? (then) : (else)
• Default: (value) ?: (defaultvalue)

所有这些特征可以被组合并嵌套：

'User is of type ' + (${user.isAdmin()} ? 'Administrator' : (${user.type} ?: 'Unknown'))

常用th标签都有那些？

关键字	功能介绍	案例
th:id	替换id
th:text	文本替换	description
th:utext	支持html的文本替换	conten
th:object	替换对象
th:value	属性赋值
th:with	变量赋值运算
th:style	设置样式	th:style="'display:' + @{(${sitrue} ? 'none' : 'inline-block')} + ''"
th:onclick	点击事件	th:onclick="'getCollect()'"
th:each	属性赋值	tr th:each="user,userStat:${users}">
th:if	判断条件
th:unless	和th:if判断相反	Login
th:href	链接地址	Login />
th:switch	多路选择 配合th:case 使用
th:case	th:switch的一个分支	User is an administrator
th:fragment	布局标签，定义一个代码片段，方便其它地方引用
th:include	布局标签，替换内容到引入的文件	/>
th:replace	布局标签，替换整个标签到引入的文件
th:selected	selected选择框 选中	th:selected="(${xxx.id} == ${configObj.dd})"
th:src	图片类地址引入
th:inline	定义js脚本可以使用变量	js附加代码： js移除代码： var msg = 'This is a non-working template'; 6、内嵌变量 为了模板更加易用，Thymeleaf还提供了一系列Utility对象（内置于Context中），可以通过#直接访问： dates ： java.util.Date的功能方法类。 calendars : 类似#dates，面向java.util.Calendar numbers : 格式化数字的功能方法类 strings : 字符串对象的功能类，contains,startWiths,prepending/appending等等。 objects: 对objects的功能类操作。 bools: 对布尔值求值的功能方法。 arrays：对数组的功能类方法。 lists: 对lists功能类方法 sets maps ... 下面用一段代码来举例一些常用的方法： dates ${#dates.format(date, 'dd/MMM/yyyy HH:mm')} ${#dates.arrayFormat(datesArray, 'dd/MMM/yyyy HH:mm')} ${#dates.listFormat(datesList, 'dd/MMM/yyyy HH:mm')} ${#dates.setFormat(datesSet, 'dd/MMM/yyyy HH:mm')} ${#dates.createNow()} ${#dates.createToday()} strings ${#strings.isEmpty(name)} ${#strings.arrayIsEmpty(nameArr)} ${#strings.listIsEmpty(nameList)} ${#strings.setIsEmpty(nameSet)} ${#strings.startsWith(name,'Don')} // also array*, list* and set* ${#strings.endsWith(name,endingFragment)} // also array*, list* and set* ${#strings.length(str)} ${#strings.equals(str)} ${#strings.equalsIgnoreCase(str)} ${#strings.concat(str)} ${#strings.concatReplaceNulls(str)} ${#strings.randomAlphanumeric(count)} 使用thymeleaf布局 使用thymeleaf布局非常的方便 定义代码片段 在页面任何地方引入： th:include 和 th:replace区别，include只是加载，replace是替换 返回的HTML如下： © 2016 下面是一个常用的后台页面布局，将整个页面分为头部，尾部、菜单栏、隐藏栏，点击菜单只改变content区域的页面 Header left sidebar footer 任何页面想使用这样的布局值只需要替换中见的 content模块即可 ... 也可以在引用模版的时候传参 layout 是文件地址，如果有文件夹可以这样写 fileName/layout:htmlhead htmlhead 是指定义的代码片段 如 th:fragment="copy" 源码案例 这里有一个开源项目几乎使用了这里介绍的所有标签和布局，大家可以参考： 示例代码-github 示例代码-码云 参考 thymeleaf官方指南 新一代Java模板引擎Thymeleaf Thymeleaf基本知识 thymeleaf总结文章 Thymeleaf 模板的使用 thymeleaf 学习笔记 作者：纯洁的微笑 版权所有，欢迎保留原文链接进行转载：) 转载请注明：文章转载自 www.mshxw.com 本文地址：https://www.mshxw.com/it/235755.html 上一篇 java并发编程JUC第十篇：CyclicBarrier线程同步 下一篇 Spring Boot基础-Spring Tool Suite工具的安装 SpringBoot相关栏目本月热门文章 1【Linux驱动开发】设备树详解（二）设备树语法详解 2别跟客户扯细节 3Springboot+RabbitMQ+ACK机制(生产方确认(全局、局部)、消费方确认)、知识盲区 4【Java】对象处理流（ObjectOutputStream和ObjectInputStream） 5【分页】常见两种SpringBoot项目中分页技巧 6一文带你搞懂OAuth2.0 7我要写整个中文互联网界最牛逼的JVM系列教程 | 「JVM与Java体系架构」章节：虚拟机与Java虚拟机介绍 8【Spring Cloud】新闻头条微服务项目：FreeMarker模板引擎实现文章静态页面生成 9JavaSE - 封装、static成员和内部类 10树莓派mjpg-streamer实现监控及拍照功能调试 11用c++写一个蓝屏代码 12从JDK8源码中看ArrayList和LinkedList的区别 13idea 1、报错java: 找不到符号 符号: 变量 log 2、转换成Maven项目 14在openwrt使用C语言增加ubus接口（包含C uci操作） 15Spring 解决循环依赖 16SpringMVC——基于MVC架构的Spring框架 17Andy‘s First Dictionary C++ STL set应用 18动态内存管理 19我的创作纪念日 20Docker自定义镜像-Dockerfile 热门相关搜索 路由器设置 木托盘 宝塔面板 儿童python教程 心情低落 朋友圈 vim 双一流学科 专升本 我的学校 日记学校 西点培训学校 汽修学校 情书 化妆学校 塔沟武校 异形模板 西南大学排名 最精辟人生短句 6步教你追回被骗的钱 南昌大学排名 清朝十二帝 北京印刷学院排名 北方工业大学排名 北京航空航天大学排名 首都经济贸易大学排名 中国传媒大学排名 首都师范大学排名 中国地质大学(北京)排名 北京信息科技大学排名 中央民族大学排名 北京舞蹈学院排名 北京电影学院排名 中国戏曲学院排名 河北政法职业学院排名 河北经贸大学排名 天津中德应用技术大学排名 天津医学高等专科学校排名 天津美术学院排名 天津音乐学院排名 天津工业大学排名 北京工业大学耿丹学院排名 北京警察学院排名 天津科技大学排名 北京邮电大学(宏福校区)排名 北京网络职业学院排名 北京大学医学部排名 河北科技大学排名 河北地质大学排名 河北体育学院排名 学习工具 代数计算器 三角函数 解析几何 立体几何 知识解答 教育知识 百科知识 生活知识 常识知识 写作必备 作文大全 作文素材 句子大全 实用范文 关于我们 关于我们 联系我们 网站地图 名师互学网交流群 名师互学网客服 名师互学网 版权所有 (c)2021-2022 ICP备案号：晋ICP备2021003244-6号 关于我们 文章归档 网站地图 联系我们 版权所有 (c)2021-2022 MSHXW.COM ICP备案号：晋ICP备2021003244-6号