thymeleaf引用图片_SpringBoot访问静态资源（图片、html）以及整合thymeleaf 注意点

2024-04-26 14:28:58

static和templates 是springboot默认创建的文件夹，static中放静态页面，而templates中放动态页面

存放在static目录下，浏览器可以直接访问 http://localhost:8080/index.html，图片资源以及css,js可以放在此目录下，而templates 不能访问

若整合thymeleaf,需要引入jar

implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'

编写controller进行跳转

import org.springframework.stereotype.Controller;

import org.springframework.web.bind.annotation.RequestMapping;

import java.util.HashMap;

@Controller

public class IndexController {

/*

本地访问内容地址：http://localhost:8080/hello

*/

@RequestMapping("/hello")

public String helloHtml(HashMap map) {

map.put("hello", "欢迎进入HTML页面");

return "/index";

}

/*

当引入了thymeleaf组件，动态跳转会覆盖默认的静态跳转

想跳转到/static/index.html，可以使用重定向return "redirect:/index.html"

*/

@RequestMapping("/hello2")

public String hello2Html() {

return "redirect:/index.html";

}

}

动态的html代码

templates中放动态页面

templates中放动态页面

静态html代码

static中放静态页面

static中放静态页面

效果图如下

若在static下创建文件夹如css,js,images,必须在application.yml文件中进行声明，即使是默认的配置,否者无法访问

mvc:

static-path-pattern: /**

thymeleaf引用图片_SpringBoot访问静态资源（图片、html）以及整合thymeleaf 注意点相关推荐

SpringBoot在使用Security和JWT时,应当怎么放行图片等静态资源#访问静态资源#静态资源放行#报错401
这周在调试代码的过程中遇到了一个问题我们用浏览器访问后端接口时采用域名+URI的方式 http://localhost:9090/back/user/find?page=1 当我们需要从后台获取图片 ...
SpringBoot访问静态资源（图片）
SpringBoot中的静态资源访问 springboot访问静态资源的几种方式 (优先级从高到低) (1)在src/main/resources/目录下创建 META-INF/resources文件 ...
vue-cli3.0 vue打包部署非根目录时，静态资源图片路径错误
项目中需要把应用部署在子路径下,所以就需要修改vue配置和NGINX配置以子路径为market为例.eg.http://localhost:8000/market/ 1.第一步修改vue.conf ...
[vue] 怎么解决vue打包后静态资源图片失效的问题？
[vue] 怎么解决vue打包后静态资源图片失效的问题? 上面蛮多回答感觉像开玩笑似的,静态资源图片失效分几种情况. 1.确定线上环境是否在根路径上,配置资源根目录,vue-cli2 和 vue-cl ...
web项目访问引用jar内部的静态资源
一.实现原理 web项目访问引用jar内部的静态资源,在Servlet3协议规范中,包含在JAR文件/META-INFO/resources/路径下的资源可以直接访问. 二.举例说明如下图所示,是我 ...
vue打包后css路径_Vue打包后访问静态资源路径问题
Vue打包后访问静态资源路径问题 Vue介绍中static文件夹里放的是静态资源目录,如图片.字体等. 我们发现运行npm run start后本地图片路径是没问题的,但是打包上传后会怎么样呢? 我们 ...
nginx配置静态资源html,通过nginx服务器访问静态资源(示例代码)
通过nginx服务器访问静态资源引言之前在做毕设的时候接触过nginx,那时候是用来做前后端分离的.一转眼都快一年了,nginx的相关内容也忘的差不多了. 有过接触前端的同学都知道,直接在标签的s ...
Spring中拦截/和拦截/*的区别 - 不能访问到返回的JSP - 访问静态资源(jpg,js等)
最近碰到了一个spring的web.xml无法跳转到index.html页面的小问题,查了之后从下面这篇文章中受益,特此转发,谢谢!!! 一.我们都知道在基于Spring的Application中,需 ...
Spring Boot整合Servlet,Filter,Listener,访问静态资源
目录 Spring Boot整合Servlet(两种方式) 第一种方式(通过注解扫描方式完成Servlet组件的注册): 第二种方式(通过方法完成Servlet组件的注册) Springboot整合F ...

最新文章

热门文章