thymeleaf引入css资源无效

最新推荐文章于 2022-05-20 12:21:05 发布

~浮生~

最新推荐文章于 2022-05-20 12:21:05 发布

阅读量4.3k

点赞数 5

文章标签： css java intellij-idea thymeleaf

本文链接：https://blog.csdn.net/qq_52889967/article/details/122797576

版权

本文介绍了如何在SpringBoot项目中配置和使用Thymeleaf模板引擎，以及如何在templates文件夹下创建HTML文件并引用static文件夹内的CSS资源。通过设置链接标签`th:href`属性，成功实现了页面样式的加载。

摘要由CSDN通过智能技术生成

springBoot项目的resources文件夹下存在两个文件夹（static和templates），static文件夹下存放css、js、图片等各种静态资源，templates下存放html文件

在static文件夹下建立css文件夹，然后建立一个css文件
在templates文件夹下建立一个html文件
如下图：
在这里插入图片描述
在html文件中引入thymeleaf

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

引入css文件

<link rel="stylesheet" type="text/css" th:href="@{/css/hello.css}">

完整的html文件

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>hello word !</title>
    <link rel="stylesheet" type="text/css" th:href="@{/css/hello.css}">
</head>
<body>
<h1>Hello Word !</h1>
</body>
</html>