SpringBootSpringBoot+Thymeleaf页面访问没有样式

已于 2022-12-12 17:22:52 修改
阅读量635 收藏
点赞数 1
分类专栏： springboot 文章标签： spring 学习 java
于 2022-12-12 11:38:05 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52491597/article/details/128206261
版权

做springboot项目的时候，引入thymeleaf模板并配置好后发现访问到的页面都是不带样式跟JS。

 一通检查后终于知道了原因，原来是没有给mvc配置静态资源地址，所以才拿不到css文件和js文件。

static-path-pattern: /static/**

出现这个问题只需要把这个配置配上就行

愿望力
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【IDEA】解决springboot使用thymeleaf模板引擎，页面跳转时样式失效
weixin_63453779的博客
07-12 694
解决springboot使用thymeleaf模板引擎，页面跳转时样式失效
关于spring启动项目之后.css不显示的问题
LLKMYC的博客
02-09 689
关于spring启动项目之后.css不显示的问题
Thymeleaf无法显示css样式
qq_40571318的博客
12-29 9339
后端是用springboot集成thymeleaf写的，但是前端无论怎么按照语法引入css和都无效，见图： 静态资源的项目结构： 代码： <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="utf-8"> <meta
【踩坑-SpringBoot】Thymeleaf+SpringBoot项目本地正常运行，部署服务器时Thymeleaf资源不存在报错
迷恋的博客
03-11 811
Thymeleaf+SpringBoot项目本地正常运行，部署服务器时Thymeleaf资源不存在报错
springboot整合thyleaf，在本地可以正常运行，部署到服务器报错
王明晓的博客
03-07 780
SpringBoot项目在本地正常运行，但是部署到服务器之后报错，报错信息是找不到模板 查看日志报错信息如下 org.thymeleaf.exceptions.TemplateInputException: Error resolving template [/admin/user], template might not exist or might not be accessible by any of the configured Template Resolvers 本地测试通过，部署到服务器
springboot项目实训源代码+thymeleaf+mysql+mybatis
02-23
运行环境： 1、JDK1.8及以上版本 2、Tomcat 8.0及以上版本 ... 9、页面功能由html+thymeleaf实现 10、数据库脚本及数据在项目源代码主文件夹user.sql 课程资料： 1.项目源代码，数据库脚本文件
基于springboot +mybatis +thymeleaf 的学生信息管理系统
最新发布
03-04
在本系统中，Thymeleaf用于渲染前端页面，显示学生信息，同时处理用户的交互请求，实现数据的动态展示和更新。 信息管理系统设计与开发的过程中，还需要考虑安全性、性能优化、用户体验等多个方面。例如，使用...
spring boot+bootstrap+thymeleaf
04-10
这个模板可能包含了基本的路由配置、数据访问对象（DAO）、服务层（Service）以及控制器（Controller）的实现，同时也集成了Bootstrap的样式和Thymeleaf的模板文件。开发者可以基于这个模板快速搭建自己的ERP或管理...
spring boot+spring mvc+mybatis+thymeleaf整合开发学生成绩信息管理系统
04-19
项目描述 学生成绩管理系统，有三...spring boot+spring mvc+mybatis+layui+jquery+thymeleaf http://localhost:8080/Sys/loginView 管理员账号 admin admin 老师登录 2020031920 111111 学生账号登录 20200319 111111
SpringBoot+MyBatisPlus+Thymeleaf 增删改查CRUD
12-03
在本项目中，"SpringBoot+MyBatisPlus+Thymeleaf 增删改查CRUD"是一个典型的Web开发应用，它整合了三个关键的技术框架：Spring Boot、MyBatis Plus和Thymeleaf。下面将详细介绍这三个组件以及它们在实现增删改查...
springboot css样式显示不出了的几种情况
qq_41754409的博客
06-14 1万+
一.被springMVC拦截没写静态释放(对应全部页面css没有) 在@Configuration注解类中（不懂得话那就去再学学吧） @Configuration public class MyMvcConfig implements WebMvcConfigurer 1.WebMvcConfigurationAdapter 在spring boot 2.0被废弃 2.如果是WebMvcCo...
Spring Boot无法访问css，js等静态资源的问题
热门推荐
无_言的笔记本
09-18 9万+
在intellij IDEA中编写了一个Spring Boot项目，运行时发现外链的css样式无法载入进页面，但是按住Ctrl又能点进css文件，这证明编辑器是能识别到这个css文件的。那么浏览器中的网页没有css样式的原因就在于spring boot对静态资源的访问方式了。原理spring boot框架里面包括了很多spring框架大家族的默认配置文件，其中的springmvc配置文件中有对静态资
经验总结：访问springboot项目首页 没css样式 拦截静态资源
chengqingshihuishui的博客
06-18 1814
1、问题背景： 用springboot框架做的项目。写了个首页，index.html 。 在springboot规定的静态资源文件夹里写了css文件。 1.1 代码如下： 1.2 故障现象 （1）直接访问登录界面正常。 （2）但是启动springboot项目以后，通过浏览器 localhost:1024 访问该首页，就只有登录界面，没有css 2、解决办法 2.1 网上百度时遇到的“坑” （1）大多数解决办法是拦截器拦截了静态资源，重写拦截器放行静态资源 （2）重写s...
springBoot 2.2.6 项目中html页面样式效果丢失
Rosen's
05-07 1445
你我肯定都知道出现这个现象的原因是因为静态资源的请求被拦截了。springBoot 1.x和2.x关于静态资源过滤的配置有些差异，下面是基于2.2.6进行配置。 关于html中静态资源的引入 <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="../static/css/bootstrap.min...
springboot，页面跳转thymeleaf样式消失 。
qq_45164233的博客
05-01 794
一、样式无效演示 原因：引入的css路径有误 解决方案：去掉路径中的static 二、修改后演示 3、总结 重点：static中的资源是不受保护的，templates中的资源是受保护的。
解决thymeleaf无法加载css样式问题
LA_LA_LA_HAHAHA的博客
07-20 1747
解决thymeleaf无法加载css样式问题 困扰了我一上午的问题终于解决了 在导入bpptstrap模板后无法加载css样式怎么办？ 在原有MyMvcConfig implement WebMvcConfigurer 需要重写书写匹配路径 package com.hyn.config; import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry; import org.springfram
SpringBoot+themleaf 页面加载不到css和js静态资源文件终极解决方案
xue_yujie的博客
05-20 3162
SpringBoot+themleaf 页面加载不到css和js文件终极解决方案 因为项目需要百度了一天终于解决： 页面中css及js的路径引用 <link href="../static/css/demoTest.css" th:href="@{/css/demoTest.css}" rel="stylesheet"> <script src="../static/js...
SpringBoot中Thymeleaf访问不到静态资源的问题
weixin_43560048的博客
06-26 5405
关于Thymeleaf访问不到springboot中static文件夹下静态资源的问题
SpringMVC中thymeleaf配置后无法导入js，css等静态资源
weixin_58789905的博客
05-20 930
SpringMVC中thymeleaf配置后无法导入js，css等静态资源
springboot + mybaits plus+ Thymeleaf 实现页面点击分页
06-11
好的，我可以为您提供一些实现页面点击分页的方法： 1. 在Controller中获取分页数据，并将数据存入Model中，供前端页面调用。 2. 在前端页面中使用Thymeleaf模板引擎，通过th:each遍历数据，并使用th:text标签显示分页数据。 3. 在前端页面中添加分页组件，如Bootstrap的分页组件，通过点击页码触发Ajax请求，获取对应的分页数据并进行展示。 4. 在Controller中添加分页查询的方法，通过MyBatis Plus的分页查询方法进行数据查询，并将查询结果返回给前端页面。 5. 在前端页面中使用JavaScript处理分页请求，根据当前页码和每页显示的数据条数计算出需要查询的数据范围，并通过Ajax请求获取数据并进行渲染。 希望以上方法能够帮到您实现页面点击分页，如有不清楚的地方，欢迎继续提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值