解决springBoot 的templates中html引入css文件失败

最新推荐文章于 2024-05-25 15:59:03 发布
最新推荐文章于 2024-05-25 15:59:03 发布
阅读量4k 收藏 11
点赞数 4
分类专栏： SpringBoot
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a66666_/article/details/107511155
版权

我的情况是网页打开没有css效果

文件结构：

解决办法1：修改路径（springBoot已经默认静态资源在static文件夹）只需href=“css/你的.css”

解决办法2：增加配置文件

解决办法3：使用 templates语法引入

 

刘大铿
关注
  • 4
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
SpringBoot中关于static和templates的注意事项以及webjars的配置
08-26
今天小编就为大家分享一篇关于SpringBoot中关于static和templates的注意事项以及webjars的配置，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
SpringBoot中引用js、css文件的方法
weixin_44683593的博客
11-29 1万+
注：本文并非自己原创，而是借鉴很多人的经验，总结方便自己使用 html 文件放在resources/templates下，在Controller请求处理方法返回时会自动到这个目录下查找： js/css 等静态资源放在=resources/static=下，在html中引入时，会自动到这个目录下查找: @RequestMapping("/helloSocket")//注意：这里有requestMa...
SpringBoot-03-templates模板引擎
最新发布
m0_74353020的博客
05-25 1176
模板引擎实战
Django templates加载css/js/image等静态资源
Yoroshiku IT
10-14 1838
配置步骤： 首先在应用下面创建static目录 将静态资源拷贝进去 在应用的settings.py文件中添加 import os BASE_PATH = os.path.dirname(os.path.abspath(__file__)) BASE_PATH = os.path.join(BASE_PATH, '../')# 静态资源目录 STATICFILES_DIRS = ( os.pa
Springboot访问templates下的html页面，CSS，JS失效
pz641的博客
03-02 2738
1.maven中加入依赖 <dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId&gt...
在templates的HTML文件里面链接css文件的方式 Django1.11
KissTooTrue的博客
11-19 605
方式一：使用绝对路径 {% block exit_css %} <link rel="stylesheet" href="/static/css/home_mine.css"> {% endblock %} 要将static目录在settings.py文件里面注册，浏览器才可以找到css文件。 方式二：使用相对路径 {% load static %} {% bloc...
SpringBoot页面跳转访问css、js等静态资源引用无效解决
安赫' 的博客
09-07 1121
解决SpringBoot页面跳转访问css、js等静态资源引用无效
爬坑记：IDEA中templates中HTML引入css出现一部分引入成功，一部分引入失败的问题
屑狐狸
03-31 1038
在网上百度了半天也没有个能解决问题的，都说是引入路径不正确，然而路径并没有问题，因为有一个css引入成功了，并且这个css和新加入的css路径是一样的。。 最后还自力更生。。 废话不多说，直接上引入失败的原因： 原因：引入新的css，js后，IDEA没有清除缓存，导致新加入的css，js没有被编译，因此加载不出来 解决：把target下缓存干掉，重新编译即可 IDEA设置自动编译：https://...
springboot项目Html页面引入css文件不生效
m0_67930426的博客
10-11 1140
因为在springboot项目中，静态资源是默认存放在static目录下的，因此在调用。这里我多加了一个/static,而使得css样式不生效。css文件时不需要在添加。
springboot中使用th引入css无效
weixin_43758633的博客
12-27 597
改为
springboot+css+js+html Demo
01-20
JavaScript（JS）负责网页的交互逻辑，SpringBoot允许我们在HTML中直接使用JS代码，或者引入外部JS库。为了实现更复杂的交互，我们可以利用jQuery、Vue.js等库。将这些库的CDN链接添加到HTML的`<head>`部分，或者将...
深入浅析springboot中static和templates区别
08-24
"深入浅析springboot中static和templates区别" Spring Boot框架中，static和templates是两个不同的目录，分别用于存放静态资源和动态模板资源。本文将详细介绍static和templates的区别，帮助读者更好地理解和使用这...
SpringBoot页面跳转访问css、js等静态资源引用无效解决.docx
06-03
在SpringBoot应用中，开发人员经常遇到...通过以上步骤，你应该能够成功解决SpringBoot项目中页面跳转访问CSS、JS等静态资源引用无效的问题。记住，理解SpringBoot的默认配置以及如何对其进行自定义是解决问题的关键。
django模板中引入CSS和JS
s586的专栏
01-14 2964
因为在django中一般用来存放的模板的目录为template目录(注意：这个需要在settings.py中设置)，但是template目录是外部不能直接访问的，所以我们必须要把css文件和js文件放在外部可以直接访问的目录中，最好的办法就是自己指定一个目录，一般我们是放在static目录中，详细的方法如下。参考如下的代码，把需要引用css文件的链接修改为从“/static/css/”下面的文件。见上面的图，然后把需要用到的的css文件全部复制到css目录中，需要用到的js文件全部复制到js目录中。
SpringBoot使用thymeleaf模板时静态资源加载不出问题
m0_60810153的博客
11-30 623
先放链接 SpringBoot 无法显示html文件 找不到html文件 如果显示html文件 - GordonDicaprio - 博客园 新建个WEB小项目，使用了Springboot + thymelaf。 在开始调试页面的时候发现静态资源CSS JS 等都加载不出来。查阅资料发现是因为HTML要放在在template目录下就必须使用thymeleaf 模板引擎。 每天学习一点点。 ...
springboot整合thymeleaf中html无法引入js，css问题
凌风少年z
11-10 3074
html文件是我直接从网上下载的模板，然后改成适合自己的，所以涉及到了一些js，css样式 下载之后直接打开浏览器访问是没问题的，但是springboot通过controller访问html页面，发现无法引入静态资源 先看一下我的目录： 当我写登录功能时，controller直接返回login，就是访问登录页面 controller代码： @Controller @RequestMapping("/user") public class UserController { @Autowired
JavaScript模板引擎Template.js使用详解
热门推荐
我竟然是凡人
08-12 11万+
这篇文章主要为大家详细介绍了JavaScript模板引擎Template.js使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下 template.js 一款 JavaScript 模板引擎，简单，好用。提供一套模板语法，用户可以写一个模板区块，每次根据传入的数据，生成对应数据产生的HTML片段，渲染不同的效果。https://github.com/aui/artTemplate
Vue 导入外部css样式文件
PrimaryColor
07-14 5772
1.css文件一般放在src下，新建style文件夹中。 2.引入文件，在app.vue中添加如下： <template> <div id="app"> <router-view /> </div> </template> <style lang="scss"> //取消页面的默认外边距。 body { margin: 0; padding: 0; } @import "./style/base.css";
springboot templates引入static的css文件及js文件不生效
05-23
在Spring Boot中，如果你的CSS或JavaScript文件在`src/main/resources/static`目录下，那么它们应该会自动加载。但是，如果你引用了错误的路径或有其他配置问题，可能会导致它们加载不出来。这里提供一些可能的解决方案： 1. 确保你的CSS和JavaScript文件在`src/main/resources/static`目录下，并且它们的路径正确。 2. 确认你已经添加了以下依赖到你的pom.xml文件中： ``` <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> ``` 3. 确认你的HTML文件中的链接路径正确，例如： ``` <link rel="stylesheet" href="css/style.css"> <script src="js/script.js"></script> ``` 4. 如果你在使用Thymeleaf模板引擎，你需要使用`th:href`属性来引用CSS和JavaScript文件，例如： ``` <link th:href="@{/css/style.css}" rel="stylesheet"> <script th:src="@{/js/script.js}"></script> ``` 这里的`@{}`语法会根据应用程序的上下文路径生成正确的链接。 5. 最后，你可以尝试清除浏览器缓存，或使用不同的浏览器来查看页面是否能够正确加载CSS和JavaScript文件。 希望这些解决方案能帮助你解决问题。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值