Springboot整合thymeleaf中拿到静态资源以及背景图片

您所在的位置:网站首页 html背景图片怎么写 Springboot整合thymeleaf中拿到静态资源以及背景图片

Springboot整合thymeleaf中拿到静态资源以及背景图片

2024-01-19 03:02| 来源: 网络整理| 查看: 265

Springboot支持许多模板引擎,我在使用thymeleaf时总是拿不到静态资源,其中背景图片总是拿不到,网上找的方法基本都试过,还是不行,想到可能是版本兼容问题,缓存问题,于是换了依赖,消除缓存,重建模块,解决了一些小问题,但是背景图片总是拿不到,找了好多其他开发者开发好的代码,尝试了好多次才成功拿到,写来记录一下,还有就是在调试过程中对浏览器的抓包功能有了很深的印象

目录如下 static是springboot默认的静态资源存放目录之一,在没有整合Thymeleaf之前,默认访问static目录(以及其他几个默认目录),在整合thymeleaf后,默认访问template目录,若想在控制器内访问到静态资源,需要重定向,如return "redirect:no1.html"; 在这里插入图片描述 控制器代码

@Controller public class No1 { @RequestMapping("/demo") public String demo(){ //重定向到静态资源 return "redirect:no1.html"; } @RequestMapping("/one") public String demo2(Model model){ List list=new ArrayList(); Userss userss1=new Userss("张三","14","man","worker"); Userss userss2=new Userss("张三","14","man","worker"); Userss userss3=new Userss("张三","14","man","worker"); list.add(userss1); list.add(userss2); list.add(userss3); model.addAttribute("list",list); model.addAttribute("title","标题在此"); return "one"; } }

one.html

Thymeleaf of First

name age sex work 这是啥呀 点击 function bu() { document.getElementById("h1").innerHTML="js替换结束"; console.log([[${title}]]); }

设置了图片背景的样式文件

body{ background-image: url("../image/580.jpg"); background-attachment: fixed; background-size: cover; background-repeat: no-repeat; }

经过反复尝试后发现代码是没有问题的,把ide重启之后再启动项目就可以拿到背景样式。 问题似乎在IDEA上,之后的几次尝试也都是重启后才能完整的拿到所有项目资源。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3