Thymeleaf模板引擎二

标签： Springboot 分类：杂文创建时间：2020-08-12 09:15:33 更新时间：2024-11-12 12:53:37

1.自定义属性

刚开始根据参考文章，我是用了 th:abbr=”属性名=属性值” 的方式进行了自定义属性，但是很遗憾，出现了错误。

1	<div th:text="${db.customerName}" th:abbr="del_uri=${db.customerName}" ></div>

原来是我写错了，不是th:abbr，是th:attr，简直是个大坑啊。

参考文章：
1.springboot + thymeleaf静态资源访问404 (这篇其实和这个标题没有关系，主要就是使用@语法引用当前的静态文件)
2.springboot thymeleaf 需要使用data-*,自定义属性,获取值 (我使用了其中的方法，但是报错了。)
3.using data-* attribute with thymeleaf

2.输出null值

如果一个对象是null，使用thymeleaf输出，就会报错，比如下面的db.DbAlias不存在

1	<div th:text="${db.customerName}" th:attr="data-dbalias=${db.DbAlias}" ></div>

下面的两篇文章都没有解决我的问题。

<!--不起作用-->
<div th:text="${db.customerName}"  th:if="${db.DbAlias ne null}"></div>

<!--不起作用-->
<div th:text="${db.customerName}" th:attr="data-dbalias=${db?.DbAlias?}"></div>

<!--不起作用-->
<div th:text="${db.customerName}" th:attr="data-dbalias=${db.DbAlias}?:''" ></div>

<!--不起作用-->
<div th:text="${db.customerName}" th:attr="data-dbalias=${db.DbAlias!=null}?${db.DbAlias}:''" ></div>

使用了上面的很多的方法，最后还是会报：

参考文章：
1.Using Thymeleaf when the value is null (这是一个提问)
2.How to handle null values in Thymeleaf (这里有好多的方法，但是都不起作用)

3.静态资源问题

(1) 如果写成 <link href="/css/base.css" rel="stylesheet"> 就是引用了绝对路径，部署到tomcat上的时候，就出现了 localhost:8080/css/base.css ,如果要要使用相对目录，可以使用

1	<link th:href="@{css/base.css}" rel="stylesheet" />

@{}默认访问static下的css文件夹

注意
这里也有一个问题，就是使用了相对目录，但是如果路径是二级目录，则无法找到相应的文件夹。需要在html文件开头，加上命名空间th，才能识别@{}

1	<html lang="en" xmlns:th="http://www.thymeleaf.org">

(2) 如果是html中嵌入的css文件，可以使用一个点进行引用。

参考文章：
1.thymeleaf-引用静态资源路径，热部署
2.关于SpringBoot+Thymeleaf的静态资源访问的问题
3.Spring Boot之Thymeleaf引用静态资源
4.springboot + thymeleaf静态资源访问404

往期推荐

文章目录

微信公众号

广告位

诚心邀请广大金主爸爸洽谈合作

每日一省

isNaN 和 Number.isNaN 函数的区别？

1.函数 isNaN 接收参数后，会尝试将这个参数转换为数值，任何不能被转换为数值的的值都会返回 true，因此非数字值传入也会返回 true ，会影响 NaN 的判断。

2.函数 Number.isNaN 会首先判断传入参数是否为数字，如果是数字再继续判断是否为 NaN ，不会进行数据类型的转换，这种方法对于 NaN 的判断更为准确。

每日二省

为什么0.1+0.2 ! == 0.3，如何让其相等?

一个直接的解决方法就是设置一个误差范围，通常称为“机器精度”。对JavaScript来说，这个值通常为2-52，在ES6中，提供了Number.EPSILON属性，而它的值就是2-52，只要判断0.1+0.2-0.3是否小于Number.EPSILON，如果小于，就可以判断为0.1+0.2 ===0.3。

每日三省

== 操作符的强制类型转换规则？

1.首先会判断两者类型是否**相同，**相同的话就比较两者的大小。

2.类型不相同的话，就会进行类型转换。

3.会先判断是否在对比 null 和 undefined，是的话就会返回 true。

4.判断两者类型是否为 string 和 number，是的话就会将字符串转换为 number。

5.判断其中一方是否为 boolean，是的话就会把 boolean 转为 number 再进行判断。

6.判断其中一方是否为 object 且另一方为 string、number 或者 symbol，是的话就会把 object 转为原始类型再进行判断。

每日英语

Happiness is time precipitation, smile is the lonely sad.

幸福是年华的沉淀，微笑是寂寞的悲伤。