当我们在开发网站时为了快速完成，避免不了使用第三方的框架文件。这样我们就得引用框架中的各种资源文件。那么，在springboot中通过 thymeleaf如何在html中使用static文件夹下的静态资源的公共文件呢?


前提：在springboot项目中使用thymeleaf插件，wind10ui框架，layui框架


实现功能：在springboot项目中通过使用thymeleaf的方式在前端的html页面中使用src/main/resources/static中的静态资源文件。


我的src/main/resources/static中的静态资源文件目录结构如下图：

1.在html页面中引入thymeleaf的依赖。如下

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

2.由于springboot框架中配置的资源文件路径默认到src/main/resources/static下，所以我们使用静态资源的路径在html中可以这么写，注意thymeleaf的对html标签属性的写法：

<link th:href="@{/frame/win10ui/css/login.css}" rel="stylesheet">

3.同样的，图片也是同上的写法

<img th:src="@{/frame/win10ui/img/avatar.jpg}" class="content"/>

4.同样的，jq也是同样的方法

<script type="text/javascript" th:src="@{/frame/layui/jquery.js}"></script>

如果不懂thymeleaf的写法，去百度找教程找手册吧

标签：

版权声明：本站部分内容由互联网用户自发贡献，文章观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请拨打网站电话或发送邮件至1330763388@qq.com 反馈举报，一经查实，本站将立刻删除。

文章标题：springboot使用thymeleaf的方式引用static中的静态资源方法，引用框架文件资源方法发布于2024-01-16 22:34:18

相关推荐