springboot thymeleaf引入css和js必须添加th吗

是的，添加TH。

注意要使用th:untext()函数，而非th:text()函数。

处理路径时，如果使用了获取绝对路径的方式，可能会造成访问权限问题，在web项目中要慎重。

大家可以根据自己的需求更改spring boot和Thymeleaf的文件目录，具体可以参考修改spring boot默认目录。

thymeleaf介绍

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

1.Thymeleaf 在有网络和无网络的环境下皆可运行，即它可以让美工在浏览器查看页面的静态效果，也可以让程序员在服务器查看带数据的动态页面效果。

这是由于它支持 html 原型，然后在 html 标签里增加额外的属性来达到模板+数据的展示方式。

浏览器解释 html 时会忽略未定义的标签属性，所以 thymeleaf 的模板可以静态地运行；当有数据返回到页面时，Thymeleaf 标签会动态地替换掉静态内容，使页面动态显示。

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

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

可以使用Thymeleaf提供的内联元素：[[]]

<script type="text/javascript" th:inline="javascript"> /*<![CDATA[*/

console.log(/*[[@{相对地址}]]*/) /*]]>*/</script>

console.log(/*[[@{相对地址}]]*/)里面的/**/作用是为了不让编辑器报错。

通过内联元素还可以在js中获取元素，和在Thymeleaf页面中一样。

Thymeleaf的表达式可以在方括号中包含一个字符串或者一个表达式，但并不支持直接使用循环变量来在方括号中取值。

如果你需要根据元素下标取值，可以使用Thymeleaf中的内联 #numbers 序列，定义序列长度并使用 *{#numbers.sequence(0, length - 1)} 来生成下标序列，然后使用 $序号 来获取对应元素的值，如下所示：

Copy code

<tr th:each="index : ${#numbers.sequence(0, data.getConsumeUp().size() - 1)}">

<td th:text="${data.getConsumeUp().get(index).get(region)}"></td>

</tr>

这里将元素下标的序列放在了 th:each 指令中循环遍历，在内部指令中使用 $ 符号获取对应下标的元素值。

例如，如果 data.getConsumeUp() 返回一个类似List<ConsumeUp>的对象，则每次循环遍历时 $index 的值分别是 0, 1, 2, ..., n，然后使用 data.getConsumeUp().get(index).get(region) 获取每个元素的属性值。

这样可以避免使用 ? 占位符，也能够实现根据元素下标取值的功能。需要注意的是， #numbers.sequence() 中的长度参数应该为 data.getConsumeUp().size() - 1，以保证取到的下标序列与元素序列相对应。

---