知识分享之Java——SpringBoot中使用template时相对路径使用方式

知识分享之Java——SpringBoot中使用template时相对路径使用方式

背景

日常我们开发时，我们会遇到各种各样的奇奇怪怪的问题（踩坑o(╯□╰)o），这个常见问题系列就是我日常遇到的一些问题的记录文章系列，这里整理汇总后分享给大家，让其还在深坑中的小伙伴有绳索能爬出来。 同时在这里也欢迎大家把自己遇到的问题留言或私信给我，我看看其能否给大家解决。

开发环境

• 系统：windows10
• JDK：openjdk11
• 开发工具：IDEA 教育版
• 框架：SpringBoot
• 包管理：Gradle

内容

在SpringBoot中使用template时进行引用静态资源时我们需要注意，如果采用href或src直接引用可能会导致增加项目名时无法有效的引用资源，例如使用的语法为href="../static/js/main.js" 这时我们就需要熟悉template的各种引用语法到底能做什么，以下是我们常用的几种语法，便于我们日常进行使用的快速查阅。

1、合理使用th:href和th:src

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

这种方式其会引用的地址例如：http://127.0.0.1:8080/项目名/static/css/style.css 适合于我们项目支持项目名时使用。

2、对于编译进行支持

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

这里我们增加了href属性的设置，其作用是在编译时便于它根据这个地址进行寻找上一层的static下的相对文件位置。

3、不使用template中的语法

<base href="/">
<link href="../static/css/style.css" rel="stylesheet"  /> 

这时它会根据base标签中设置的路径，在其后方进行拼接我们使用的文件路径。

本文声明：

知识共享许可协议

本作品由 cn華少 采用 知识共享署名-非商业性使用 4.0 国际许可协议 进行许可。