Springboot开发中的一些小坑——CSS失效问题

最新推荐文章于 2021-07-11 10:39:46 发布
最新推荐文章于 2021-07-11 10:39:46 发布
阅读量4.8k 收藏 8
点赞数 3
分类专栏： html 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hu421160052/article/details/85336519
版权
本文介绍了在Springboot 1.5.17版本中，结合Thymeleaf进行前端开发时遇到的CSS加载失效问题。通过分析两种不同的CSS引用方式，探讨了为什么在静态网页预览时样式正常，但在实际项目运行时CSS无法生效的原因，并提出了正确的解决方案：使用`th:href="@{/}"`来确保CSS路径的正确引用。
摘要由CSDN通过智能技术生成

Springboot版本1.5.17
结合thymeleaf，在项目中引用CSS文件的问题

	    <parent>
	        <groupId>org.springframework.boot</groupId>
	        <artifactId>spring-boot-starter-parent</artifactId>
	        <version>1.5.17.RELEASE</version>
	        <relativeP
最低0.47元/天 解锁文章
hu421160052
关注
  • 3
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
SpringBoot邮件发送css样式在手机邮件中显示失效问题
huang_wei_cai的专栏
09-18 979
关于 下面分享一个本人在开发邮件服务遇到的一个小插曲，在使用SpringBoot的邮件发送FreeMarker模板时，发现在模板上设置的style样式，在手机端邮件显示部分会失效，例如字体颜色的样式失效等。针对这种情况，这里分享一下我的一个处理方式，仅供参考，不一定是最佳的解决方式。 具体步骤 1.注释掉顶部style的与颜色相关的样式，测试貌似宽度，居中这些生效。 2.在具体需要设置颜...
SpringBoot 定时任务遇到的坑
08-28
但是，在使用 SpringBoot 定时任务时，可能会遇到一些坑，今天我们就来讨论这些坑中的一些。 首先，需要开启 SpringBoot 的定时任务支持，只需要在启动类上添加 @EnableScheduling 注解即可。然后，我们可以使用 @...
spring boot整合shiro后，部分注解（Cache缓存、Transaction事务等）失效的问题
08-27 69
转载：https://blog.csdn.net/zengfanwei1990/article/details/79924483 前言 整合有缓存、事务的spring boot项目一切正常。 在该项目上整合shiro安全框架，发现部分类的缓存Cache不能正常使用。 然后发现该类的注解基本失效，包括事务Transaction注解。事务不能正常运行。 分析 注解失效...
springboot跳转页面后CSS样式失效的解决办法
莫得感情的小猪头的博客
04-02 2025
第一次进入页面正常！ 然而通过再次跳转这个页面时就不能引用CSS样式！ 解决办法： 第一个 / 加上就可以了！
springboot中使用th引入css无效
weixin_43758633的博客
12-27 590
改为
引用bootstrap框架，web端css没起作用
zhang15566032693的博客
11-07 2679
作为一个新手菜鸟，最近学习搭建了一个spring boot的项目，使用bootstrap前端框架，简单易上手，学习成本比较低。 但是在项目使用了之后发现项目中并没有使用bootstrap的css样式。 在网上一顿百度操作，发现大部分的原因是 1、bootstrap版本不对应 2、引用的时候出相对地址的问题 3、static静态资源没跑起来 4、content=“text/html”强制转换了css...
详解springboot整合ueditor踩过的坑
08-19
在本文中，我们将深入探讨如何在SpringBoot应用中整合ueditor富文本编辑器，并解决在此过程中可能遇到的一些问题。ueditor是一款由百度开发的强大的富文本编辑器，它支持多种功能，包括本地视频上传，而这在许多现代...
springBoot整合RocketMQ及坑的示例代码
08-26
主要介绍了springBoot整合RocketMQ及坑的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Web开发——Vue + Spring Boot 项目（一）
01-07
也写了一些关于 Java EE 的文章，主要是某些技术或者一些开发中的bug解决的，一是为了记录一下错误让自己以后再进坑的时候可以快速出坑，其次也为了分享出来帮助一下遇到同样问题的兄弟姐妹们。在看了Evan-Nightly...
Java毕业设计--SpringBoot+html5的中小企业财务管理系统.zip
最新发布
08-10
Java 毕业设计，Java 课程设计，基于 SpringBoot 开发的，含有代码注释，新手也可看懂。毕业设计、期末大作业、课程设计、高分必看，下载下来，简单部署，就可以使用。 包含：项目源码、数据库脚本、软件工具等，...
springboot+springsecurity 自定义登录界面失效 及静态资源失效
_小曾
01-15 1266
spring boot+spring security 自定义登录界面失效 及静态资源失效 1.静态资源失效 在config中加入后，重启Idea @Override protected void configure(HttpSecurity http) throws Exception { //静态资源 http.requestMatchers(PathRequest.toStaticResources().atCommonLocations()).permitAll() } @Ove
解决Spring boot html引用css无效
long_songs的博客
07-11 1350
今天在做spring的时候，引用了css地址也是正确的（一个很普通的换背景颜色），在idea上面直接打开是有的 但是在localhost跑起来就是没有显示样式， 刚入门也不太懂，按照书上的相对地址或者是th:href=@{}都没有用，最后是在application.properties文件里面加上 spring.mvc.static-path-pattern=/static/** 即可，我的html是放在templates下面，css是放在static下面 最..
SpringBoot --thymeleaf引入css无效问题
qq_41557315的博客
03-29 1175
首先导入依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency> 再更改下thymeleaf的版本 <p...
Spring-Boot整合freemarker引入静态资源css、js等
杨先森的博客
09-25 2万+
一、概述 springboot 默认静态资源访问的路径为：/static 或 /public 或 /resources 或 /META-INF/resources 这样的地址都必须定义在src/main/resources目录文件中，这样可以达到在项目启动时候可以自动加载为项目静态地址目录到classpath下 ，静态访问地址其实是使用 ResourceHttpRequestHandler
SpringBoot页面跳转访问css、js等静态资源引用无效解决
weixin_44322045的博客
05-09 1384
SpringBoot页面跳转访问css、js等静态资源引用无效解决 一、页面跳转 具体controller如下： 二、情况说明 SpringBoot整合thymeleaf实现的页面跳转，该页面引用外部css、js等静态资源。 这是基本的界面： 然后登陆失败会跳转回原来这个登录页面并显示错误信息，但却成了这样： 原先的静态资源css、img都无法显示 三、问题解决方案 首先我们的页面是放在templates包下，而静态资源则放在static包下： 这时我查看了要跳转的index.html页面： 原以
SpringBoot th:href 踩坑
ahy231的博客
01-04 1095
起因 在B站跟随雷丰阳老师学习SpringBoot的过程中，因为老师讲得非常细致，所以很少会踩到老师没有讲过的坑。 然而，一个坑让我踩得猝不及防。ㄟ( ▔, ▔ )ㄏ 在服务器跳转的过程中，产生了错误页面: 错误页面 而正确页面应该长这样： 正确页面 寻找错误原因 打开浏览器调试模式，发现错误如下： 错误原因是引用的url错误。 错误url： http://localhost:8080/crud/user/asserts/css/bootstrap.min.css 正确的url应该是： http:/
Spring Boot 2.X真正解决JS,CSS 等静态资源失效问题
wjx_jasin的博客
04-21 427
在web开发中，静态资源的访问是必不可少的，如：图片、js、css 等资源的访问。spring Boot 对静态资源访问提供了很好的支持，基本使用默认配置就能满足开发需求。 第一种方式：静态资源配置类 package com.sam.demo.conf; import org.springframework.context.annotation.Configuration; import ...
springboot-静态文件 js,css,html等
热门推荐
hupoling的专栏
11-14 10万+
 静态页面 spring boot项目只有src目录，没有webapp目录，会将静态访问(html/图片等)映射到其自动配置的静态目录，如下 /static /public /resources /META-INF/resources 比如，在resources建立一个static目录和index.htm静态文件，访问地址http://localhost:8080/ind...
SpringBoot对静态资源的拦截导致css，js等失效
weixin_42260782的博客
08-11 1632
跟着视频做的时候，发现自己的css和js等静态资源被拦截了， //注册拦截器 @Override public void addInterceptors(InterceptorRegistry registry) { //静态资源 .css .js //springboot做好了静态资源映射 registry.addInterceptor(new LoginHandlerInterceptor()).addPathPatterns("/
springboot 结合 Quartz 开发中的一些坑
05-26
在使用SpringBoot结合Quartz进行开发时，可能会遇到以下一些坑： 1. 数据库表的创建问题：在使用Quartz时，需要创建一些数据库表来存储任务信息。如果使用SpringBoot自带的JPA来创建表，可能会出现一些问题，比如表结构不符合Quartz的要求等。解决方法可以是手动创建表，或者使用Quartz提供的SQL脚本。 2. 配置文件的问题：需要在配置文件中配置Quartz的相关信息，如数据源、JobFactory等。需要注意的是，SpringBoot的配置文件可能会与Quartz的配置文件产生冲突，需要进行调整。 3. Job的实现问题：在编写Job时，需要继承Quartz提供的Job接口，并实现execute方法。需要注意的是，Job需要以无参构造函数为入口，否则可能会导致无法正确创建Job实例。 4. 任务调度的问题：在使用Quartz进行任务调度时，需要注意一些细节，比如任务的执行时间、任务的重复执行等。另外，需要注意任务的并发性问题，避免出现多个相同任务同时执行的情况。 5. 日志输出问题：在使用Quartz进行任务调度时，可能会需要输出一些日志信息。需要注意的是，SpringBoot默认使用Logback作为日志框架，而Quartz使用的是Log4j。需要进行相应的配置，避免日志输出不正常的情况。 总的来说，结合SpringBoot和Quartz进行开发可以大大简化开发流程，并提高开发效率。但同样也需要注意一些细节问题，避免出现不必要的错误。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值