SpringBoot+thymeleaf解决static目录下静态资源无法访问的问题

最新推荐文章于 2024-07-31 19:38:21 发布
最新推荐文章于 2024-07-31 19:38:21 发布
阅读量4.1k 收藏 5
点赞数 3
分类专栏： thymleaf SpringBoot 文章标签： spring boot intellij-idea java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42582773/article/details/120904102
版权

1.在yml或者properties配置文件中设置静态资源访问路径

spring:
  mvc:
    static-path-pattern: /static/**

2.在HTML文件中引入静态文件以/static开头

<link rel="stylesheet" th:href="@{/static/lib/layui/css/layui.css}" media="all">
<link rel="stylesheet" th:href="@{/static/css/login.css}" media="all">
<script th:src="@{/static/lib/layui/layui.js}"></script>

3.如果还是遇到静态资源无法导入的问题

我们可以通过重启IDEA，来看看(这是IDEA存在的问题)
心潮的滴滴
关注
  • 3
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
SpringBoot +thymeleaf 访问(static)静态资源的处理方法
xhalg的专栏
11-24 2796
1.问题 最近使用SpringBoot框架+thymeleaf模板做一个简单网站，代码目录如下 项目启动之后，静态资源（css、js、图片）都不能访问，通过浏览器访问，加载开发工具控制台，得到如下404错误信息 GET http://localhost/css/buju.css net::ERR_ABORTED 404 2.分析问题 404错误，无非就是没找到资源，将http://localhost/css/buju.css拷贝到浏览器中访问，也无法访问到，百度了各种解决方案，..
springboot + thymeleaf静态资源访问404
weixin_30687587的博客
09-13 2065
在使用springboot 和thtmeleaf开发时引用静态资源404，静态资源结如下： index.html文件： <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset = "UFT-8" /&gt...
SpringBoot解决整合thymeleaf静态资源以及没有整合时都无法访问的尝试
01-08
本来今天写的JS代码就看不太懂，结果后端静态资源映射又出现问题了。以为是路径扫描错误或者是拦截器拦截了，没有配置拦截器，所以以为是路径扫描错误所以这样进行了重新配置： /** * 映射静态资源 */ //@Configuration //public class WebMvcConfig extends WebMvcConfigurationSupport { // /** // * 配置静态资源 // * @param registry // */ // @Override // protected void addResourceHandler
SpringBoot+thymeleaf
04-29
SpringBoot+thymeleaf应用案例，非常适合初学者学习使用
关于SpringBoot+Thymeleaf的静态资源访问的问题
Qi_Si_Miao_Xiang的博客
07-29 1101
目录结构 通过IDEA生成的SpringBoot工程中，resources目录下有static和templates两个目录： （1）static是静态资源目录，可以通过浏览器直接访问到，css\js等都可以放在这个目录下。 （2）templates中存放的一般是jsp，thymeleaf等模板资源，是受保护的，需要通过服务端转发才可以访问到 需要注意的是： 如果thymeleaf文件的前后缀没有...
SpringBoot+thymeleaf如何访问静态资源
Xu_XiaoXiao_Ji的博客
09-15 5339
SpringBoot+thymeleaf如何访问静态资源 1.版本信息 spring boot : 2.1.8 2.目录结构 3.问题描述 在springboot项目搭建好以后，访问HTML页面时发现没有任何的样式。 4.页面路径 首先修改HTML页面对静态资源文件的访问路径。 (1)在HTML的头部添加thymeleaf的标记 <html lang="en" x...
springboot+thymeleaf解决静态资源加载不上的问题
qq_29753121的博客
09-03 7824
整体框架用的是，springboot+mybatis，前端用的是thymeleaf，但是没用它自带的引入标签th，在加载过程中发现一直不能加载本地的静态资源，看了很多经验还是没有解决，后来自己总结加大神帮助解决了。 首先，配置pom.xml: 二，配置application.properties: spring.resources.static-locations=classpath:/stat...
springboot+thymeleaf 访问静态资源解决（static）
gs6666666的博客
05-07 714
springboot+thymeleaf 访问静态资源解决（static） 第一步：pom.xml-必须有这个 org.springframework.boot spring-boot-starter-thymeleaf 第二步：application.properties spring.mvc.static-path-pattern=/static/** 访问js路径就是： http://localhost:8081/static/js/jquery.min.js 界面html里面引用
SpringBoot中Thymeleaf访问不到静态资源的问题
weixin_43560048的博客
06-26 5415
关于Thymeleaf访问不到springboot中static文件夹下静态资源的问题
基于springboot +thymeleaf 的小米商城管理系统.zip
04-08
4. static：存放静态资源，如CSS、JavaScript、图片等。 5. tests：测试用例，确保代码的正确性。 四、项目部署与运行 项目提供了"项目授权码.txt"，这可能是用于系统激活或者访问限制的关键。在实际部署时，可能...
SpringBoot+Thymeleaf实现的兼职招聘网站.zip
09-29
- `src/main/webapp`: 如果是传统的Web应用，这里会存放Web相关的资源，但在Spring Boot中，静态资源通常放在`resources/static`下。 2. **Thymeleaf模板引擎**： - Thymeleaf允许开发者使用自然语言编写HTML模板...
springboot+Thymeleaf+MD5实现的商城项目，可用于毕业设计.zip
03-19
`static`目录通常存放Web应用的静态资源，如CSS样式表、JavaScript文件、图片等。SpringBoot会自动处理这些资源，使其可以在浏览器中正确访问。 6. **项目构建与管理**： `pom.xml`是Maven项目的配置文件，用于...
SpringBoot+Thymeleaf中静态资源css、js等的引用问题
qq_27198345的博客
12-17 3075
SpringBoot + Thymeleaf项目中静态资源的引用问题是非常常见的问题，也是最头疼的问题，其实一点儿也不难，只是有几个问题没注意到始终无法解决。 静态资源的位置 1、 在SpringBoot项目运行的时候，引用静态资源需要使用Thymeleaf. <!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"&gt
SpringBoot+Thymeleaf静态资源的引入问题
搬砖の隔壁老王
04-23 2512
springboot与thymeleaf模板的搭建，在pom文件中需要引入依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifac...
Spring Boot中的 6 种API请求参数读取方式
2301_76419561的博客
07-23 1756
在利用Spring Boot框架开发应用程序接口时，从客户端请求中提取参数是一项基础而关键的任务。Spring Boot为了迎合各式各样的接口设计需求，提供了多样化的机制以供开发者选择。本文将详细梳理六种主流的请求参数读取方法。若您所掌握的方式尚未达到此数目，不妨参考本文以填补知识的空白；倘若您所了解的途径超出六种，欢迎分享您的见解，共同进步。
IDEA常用设置
Desamond的博客
07-30 448
整理了一些自己使用idea的常用设置，如jdk版本配置、maven仓库配置、调整字体大小样式、自动导包、类注释模板等，还在继续整理..
使用hutool工具判断字符串是否全部是字母(包括大小写)，java判断字符串是否全部是字母(包括大小写)
qq_43700885的博客
07-29 594
1.导入hutool的maven依赖。2.复制一下代码执行。
社区养老服务小程序的设计
最新发布
Karen198的博客
07-31 510
管理员账户功能包括：系统首页，个人中心，用户管理，服务人员管理，服务产品管理，服务预约管理，服务状态管理，服务退订管理，活动管理，视频管理。主要技术：Java,Spring,mybatis,mysql,jquery,html。服务器：SpringBoot自带 apache tomcat。微信端账号功能包括：系统首页，服务产品，活动，视频，我的。JDK版本：Java JDK1.8。数据库可视化工具： navicat。数据库版本： mysql5.7。开发工具：IDEA(推荐)开发系统：Windows。
springboot生成静态html页面,SpringBoot使用Thymeleaf模板引擎访问静态html的过程
05-29
SpringBoot可以使用Thymeleaf模板引擎来生成静态HTML页面。要访问静态HTML页面，可以使用如下步骤： 1. 在SpringBoot项目的resources/static目录下创建一个html文件。 2. 在Controller中定义一个RequestMapping，指定该请求的访问路径。 3. 在Controller的方法中，使用Thymeleaf模板引擎将数据填充到HTML页面中，并返回HTML页面的名称。 4. 使用浏览器访问该请求的访问路径，即可访问到生成的静态HTML页面。 例如，假设我们在resources/static目录下创建了一个名为test.html的HTML文件，代码如下： ```html <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>Test Page</title> </head> <body> <h1 th:text="${title}">Title</h1> <p th:text="${content}">Content</p> </body> </html> ``` 然后，在Controller中定义一个RequestMapping，代码如下： ```java @Controller public class TestController { @RequestMapping("/test") public String test(Model model) { model.addAttribute("title", "Test Page"); model.addAttribute("content", "This is a test page."); return "test"; } } ``` 在上面的代码中，我们使用Thymeleaf模板引擎将数据填充到test.html页面中，并返回该页面的名称。 最后，在浏览器中访问http://localhost:8080/test即可访问到生成的静态HTML页面。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值