springboot + thymeleaf + layui --其中解决 页面加载css、js静态文件404

最新推荐文章于 2025-06-15 16:09:25 发布
最新推荐文章于 2025-06-15 16:09:25 发布
阅读量8.4k 收藏 3
点赞数 1
CC 4.0 BY-SA版权
分类专栏： 后端 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/jiekou0376/article/details/83623678
本文详细介绍如何在项目中集成layui库，解决页面加载时css、js静态文件出现的404错误。通过正确配置，确保静态资源能够被正确加载，实现页面正常展示。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一、新建项目

项目最终目录结构： /static/libs 包下放入下载下来的layui包即可。

 

二、解决 页面加载css、js静态文件404

1. 错误代码及页面显示  --第6行及第115行引入

2. 正确的引入及页面显示   --第6行及第115行引入

 

三、 源码

github:  https://github.com/wangbiao0376/thymlay

关于thymeleaf引用js文件和css文件404问题
PurpleERON的博客
07-03 1828
在自学springboot+mybatis+thymeleaf的时候发现的问题记录一下 在pom.xml文件中配置 <properties> <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding> <project.reporting.output...
thymeleaf js css404问题
qq_35440570的博客
07-06 5383
最近被thymeleaf 静态资源困扰，一直404，百度各种，大部分都是相同答案，并不能解决问题。现在贴出解决方案，希望能帮到同样问题的人。@Controller @RequestMapping("/home") public class IndexController { @RequestMapping("/index") public ModelAndView index() { ...
Thymeleaf >js和css 404问题
测试
07-26 775
最近在学习spring security+Thymeleaf整合项目，被静态资源困扰，一直404，百度各种，大部分都是都是说security的忽略路径问题，并不是问题原因。现在贴出我的解决方案，希望能帮到同样问题的人。项目结构：解决方案如下：添加红色框的重写方法@Override protectedvoidaddResourceHandlers(ResourceHandlerRegistry...
构建简易图书管理系统：SpringBoot+Shiro+Thymeleaf+Layui实战
最新发布
weixin_35364187的博客
06-15 440
SpringBoot是Spring技术家族中的一个新生儿，它旨在简化新Spring应用的初始搭建以及开发过程。SpringBoot提供了一种快速且广泛接受的方式来创建独立的、生产级别的基于Spring框架的应用。它采用“约定优于配置”的原则，能够帮助开发者快速启动项目，并且可以很容易地进行生产部署。SpringBoot的核心思想是通过自动配置，极大地减少了开发者需要编写的配置代码量。另外，它还提供了Starters，这是一种特殊的依赖描述符，可以包含大量依赖的集合。
SpringBoot Thymeleaf th:src=“@{……/*.js}“访问404
hard_coding_wang
09-29 1412
很奇怪，今天在IDEA中调试SpringBoot项目的HTML页面，结果加载的js始终报404的错误，如下图。 再次认真检查对应的地址，确实没问题之后，我开始了不停的尝试。最后发现在待加载的js文件前面有一个js文件写了不被认识的报错的语句，待直接删除这个报错的js语句后，再次运行，就没问题了。 改到这里，我才明白和理解SpringBoot加载js文件时，一旦某文件报错，就会影响其后面js文件的正常加载，学习到了。 ...
SpringBoot + Thymeleaf 引入的css、js文件无效、报JS CSS 404问题
彭文浩的博客
06-06 1861
我开始webconfig代码这么写 @Configuration public class WebConfig extends WebMvcConfigurerSupport{ public void addResourcesHandlers (ResourceHandlerRegistry registry){ registry.addResourceHandler("/**").addResourceLocations(ResourceUtils.CLASSPATH_URL_PREFIX+"/te
SpringBoot +thymeleaf 访问(static)静态资源的处理方法
xhalg的专栏
11-24 2974
1.问题 最近使用SpringBoot框架+thymeleaf模板做一个简单网站，代码目录如下 项目启动之后，静态资源（css、js、图片）都不能访问，通过浏览器访问，加载开发工具控制台，得到如下404错误信息 GET http://localhost/css/buju.css net::ERR_ABORTED 404 2.分析问题 404错误，无非就是没找到资源，将http://localhost/css/buju.css拷贝到浏览器中访问，也无法访问到，百度了各种解决方案，..
SpringBoot+Mybatis+Thymeleaf学习过程中遇到的问题
WEN_Windy的博客
08-14 982
1、IDEA+DevTools实现热部署功能 转载：https://www.cnblogs.com/MrSi/p/9540730.html 2、SpringBoot+themleaf无法加载js、css等静态资源文件 解决方法： 第一步：将html网页文件放在类目录resources下的templates文件夹下面。 第二步：将需要的css、js放在static静态资源文件夹下面，文件结...
基于SpringBoot +Shiro+ Layui 构建的商城商店系统.zip
12-24
3. **静态资源**：如HTML、CSS、JavaScript文件，通常位于`src/main/resources/static`目录下，这些文件构成了Layui的前端界面。 4. **模板引擎**：如Thymeleaf或FreeMarker，用于生成动态HTML页面，与后端控制器...
SpringBoot+Layui+Thymeleaf构建学生成绩管理平台
资源摘要信息:"基于SpringBoot+Layui+Thymeleaf实现学生成绩管理系统"是一个综合性的开源项目，旨在通过现代Web开发技术为学校提供一个简单、高效、易用的学生信息与成绩管理平台。该项目采用的SpringBoot框架简化了...
Springboot+jdbcTemplate+layui实现数据列表及分页功能
Eternity_jie的博客
04-24 1430
Springboot+jdbcTemplate+layui实现数据列表及分页功能新建项目编写HTML页面，引入layuiservice层controller层效果展示 新建项目 首先我们需要新建一个springboot项目并集成maven（不清楚的同学可以找教程看看哦，这里我就不多唠叨了），到此我们第一步的工作差不多完成了。 接着我们需要配置一些参数，引入依赖，具体代码如下： POM依赖 &l...
springboot框架+thymeleaf模板引擎+layui前端框架+数据库
12-19
开源项目结合了springboot框架+thymeleaf模板引擎+layui前端框架+数据库+redis等技术
thymeleaf之导入js css
weixin_34378969的博客
05-31 727
thymeleaf导入js css文件无效，一直报404 解决办法如下 <link rel="stylesheet" type="text/css" th:href="@{/vanilla-cream-css/css/bootstrap.css}" /> <script type="text/javascript" th:src="@{/js/jquery.min.js}"&...
记一次SpringBoot+Thymeleaf静态资源404问题
m0_37683852的博客
01-09 1926
在一次开发中出现引用的js文件报出404，打开控制台可发现路径如下： 报错时js引用如下： 可以看到在加载js文件时url中多出“cal-node”导致无法找到，这是因为引用js时路径前未加/，导致其从相对路径下去找，因此正确写法为： 这样便是从static绝对路径下去找。 ...
thymeleaf访问失效404报错
qq_40213178的博客
05-08 294
大坑 Swagger的@Api 下载@Controller上面就不是识别Controller 了 无语。
超级巨坑记录：springboot+thymeleaf更换背景图（静态资源图片）无法获取（404错误）
weixin_43367550的博客
03-24 2599
在login.html中应用了一张background.jpg图片，然后我把该图片换成另一张图片，也改名外background.jpg，然后就无法获取该图片，404错误。 当我把原图换回来的时候，又可以看见了。 这好像是第二张图片有毒一样。 而且： shiro没有对该图进行拦截。 thymeleaf的缓存已被关闭。 这两张图片是同名的。 最后找到答案： 尽管关闭了thymeleaf的缓存，浏览器依...
springboot+thymeleaf+layui终极环境部署，以及各种静态资源，css，js问题
weixin_42051691的博客
04-13 1474
第一步 官网下载layui压缩文件，解压打开文件只将layui文件复制到static目录下（如图）： 第二步： 添加配置，对静态资源放行，注意：不要在properties文件中对静态资源进行配置啥都不做： import org.springframework.boot.SpringBootConfiguration; import org.springframework.web.servle...
Thymeleaf无法显示模板视图，加载页面显示404状态问题的解决方法
任聪聪的博客
02-23 1385
本篇文章主要讲解：Thymeleaf无法显示模板视图，加载页面显示404状态问题的解决方法日期：2024年2月23日作者：任聪聪。
java类动态编译和加载的实际应用-springBoot下动态加载配置文件的代码并使用
爱笑的k11的博客
09-04 2274
一 背景 java代码动态编译的场景有很多，比如说 1、 开 发 分 布 式 应 用。 这 对 开 发 远 程 的 客 户 端 应 用 程 序 最 有 用， 客 户 端 仅 需 要 安 装 一 些 基 本 的 系 统 和 一 个 能 实 现 动 态 类 载 入 机 制 的 类， 需 要 本 地 系 统 不 存 在 的 功 能 时， 仅 需 要 从 网 络 动 态 载 入 并 执 行 相 应 类 即 可 获 得 特 定 功 能。 因 为 客 户 端 所 使 用 的 总 是 软 件 的 最 新 版 本， 所
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值