thymeleaf 引入js css

最新推荐文章于 2025-07-03 17:22:05 发布

pdw2009

最新推荐文章于 2025-07-03 17:22:05 发布

阅读量5.4w

点赞数 4

分类专栏： thymeleaf 文章标签： thymeleaf

thymeleaf 专栏收录该内容

9 篇文章

订阅专栏

本文介绍如何利用Thymeleaf模板引擎创建可复用的头部片段，包括设置字符集、视口属性、图标链接及引入CSS和JS文件等，通过简单的`th:include`指令即可实现在不同页面间的头部内容共享。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

http://www.cnblogs.com/suncj/p/4028768.html

我一般都是 <head th:fragment="header">
  <meta charset="UTF-8" />
  <title th:text="#{head.title}"></title>
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <link rel="shortcut icon" th:href="@{/static/img/favicon.gif}" type="image/gif" />

  <link rel="stylesheet" th:href="@{/resources/css/bootstrap.min.css}" />
  <link rel="stylesheet" th:href="@{/resources/css/jquery.ui.all.css}" />
<link rel="stylesheet" th:href="@{/resources/css/jquery.ui.customer.css}" />
  <script th:src="@{/resources/js/jquery-1.9.1.min.js}"></script>
  <script th:src="@{/resource/js/bootstrap.min.js}"></script>
</head>
下面在你要的页面引入这个片段就行<head th:include="theme/fragments::header" /> 他就相当于jsp 中我们常用的