SpringBoot --thymeleaf（资源文件css、js的引入）

最新推荐文章于 2024-05-16 17:28:54 发布

Java成长记_Camel

最新推荐文章于 2024-05-16 17:28:54 发布

阅读量6.6k

点赞数 4

分类专栏： thymeleaf前端框架互联网@IT 文章标签： thymeleaf springboot

本文链接：https://blog.csdn.net/qq_30225725/article/details/86700081

版权

互联网@IT 同时被 2 个专栏收录

89 篇文章 1 订阅

订阅专栏

thymeleaf前端框架

2 篇文章 0 订阅

订阅专栏

配置pom.xml

<!--thymeleaf -->
<dependency>
   <groupId>org.springframework.boot</groupId>
   <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>


	<parent>
		<groupId>org.springframework.boot</groupId>
		<artifactId>spring-boot-starter-parent</artifactId>
		<version>2.1.2.RELEASE</version>
		<relativePath/> <!-- lookup parent from repository -->
	</parent>

在引入thymeleaf依赖的时候，需要注意parent里面的版本号，我测试了使用新的2.0.4版本号依赖导入不成功，改为2.0.2就好了。

配置FinancialApplication

package com.firstblood.financial;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.util.ResourceUtils;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurationSupport;

@SpringBootApplication
public class FinancialApplication extends WebMvcConfigurationSupport {

	@Override
	public void addResourceHandlers(ResourceHandlerRegistry registry) {

		//这是配置模板页面的路径  配置文件里面已经配置了  所以这里暂时不需要
		//这是是配置静态资源文件的路径
		registry.addResourceHandler("/static/**").addResourceLocations(ResourceUtils.CLASSPATH_URL_PREFIX + "/static/");
		super.addResourceHandlers(registry);
	}

	public static void main(String[] args) {
		SpringApplication.run(FinancialApplication.class, args);
	}

}

这里再配置一下静态资源的路径：

在这里插入图片描述

第二种方法：

我一般都是

 <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>

下面在你要的页面引入这个片段就行他就相当于jsp 中我们常用的

<%@ include file="/WEB-INF/jsp/public/header.jspf"%>

Java成长记_Camel

关注

4
点赞
踩
9

收藏

觉得还不错? 一键收藏
3
评论
SpringBoot --thymeleaf（资源文件css、js的引入）

配置pom.xml&lt;!--thymeleaf --&gt;&lt;dependency&gt; &lt;groupId&gt;org.springframework.boot&lt;/groupId&gt; &lt;artifactId&gt;spring-boot-starter-thymeleaf&lt;/artifactId&gt;&lt;/dependency&gt
复制链接

扫一扫