解决SpringBoot 整合 FreeMaker，不能js，css静态资源的问题

最新推荐文章于 2024-09-21 14:31:30 发布
最新推荐文章于 2024-09-21 14:31:30 发布
阅读量7.9k 收藏 3
点赞数 4
CC 4.0 BY-SA版权
分类专栏： SpringBoot 文章标签： SpringBoot
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/jeffleo/article/details/78978803
本文介绍如何在Spring MVC中设置静态资源如JS和CSS文件的路径，通过在配置文件中添加特定指令来实现。

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

在配置文件中加上：

#设定静态文件路径，js,css等
spring.mvc.static-path-pattern=/static/**

Spring Boot整合FreeMarker全面指南：从基础到高级实战
专注Java开发与国产数据库技术分享，涵盖达梦DM8/OceanBase/GaussDB核心原理与实战，兼及DeepSeek大模型部署、YOLOv11训练等AI技术，为开发者提供从基础到进阶的技术干货。
05-12 1446
FreeMarker是一款基于Java的模板引擎，广泛用于生成HTML页面及其他文本输出。其核心优势包括轻量级、强大的表达式支持、高效的静态文本处理、模板继承和国际化支持。Spring Boot与FreeMarker的整合简单高效，只需添加依赖并进行基础配置即可使用。FreeMarker的基础语法涵盖变量输出、表达式处理、常用指令（如if-else、list、include）以及内置函数和日期处理。Spring Boot通过自动配置简化了FreeMarker的集成，开发者也可以通过自定义配置满足更复杂的需求
SpringBoot 系列教程(九十八)：SpringBoot整合Thymeleaf3语法详解
Thinkingcao的专栏
08-17 812
`Thymeleaf`是`Spring Boot`官方默认推荐使用的模版引擎，除此之外常见的还有`Freemarker`和`Jsp`，在开发市场上在使用`SpringBoot`框架时其前端数据展示的模板选型上使用最多的模板引擎是`Thymeleaf`，其次就是`Freemarker`了。 `Thymeleaf`是一款用于渲染`XML/XHTML/HTML5`内容的模板引擎。类似`JSP`，`Velocity`，`FreeMaker`等，它也可以轻易的与`Spring MVC`等`Web`框架进行集成作为`
SpringMvc、Maven整合FreeMarker--访问不到js、css
小武的博客
04-21 3425
问题描述： 在Maven项目中，ftl模板插值${root}表示系统路径（如：http://localhost/），页面设置： ，运行会报错，找不到css或js，而且在浏览器直接访问路径：“http://localhost/resourse/css/header.css”也会报错。 解决方法： 在web.xml中添加    default          *.js    
Spring Boot/正确解决Thymeleaf、freemarker引入css、js、img文件无效的问题
qq_38959715的博客
02-22 5520
之前遇到这个问题的时候，在网上查了半天都没有找到正确的解决方法。今天想起来了，简单整理发上来了   首先本问题是基于Spring Boot的情况下的，其他情况类比解决就行   一、将前端文件放入项目时，首先确认路径： src/main/resources/static css、js、img文件应放在static下：SpringBoot下系统默认扫描静态文件的位置 HTML文件应该...
springboot整合freemarker静态文件css，js报404
weixin_42533856的博客
03-15 3155
1.如图：目录为如下， 2.首先是index.ftl配置访问static的静态文件，按住ctrl可以点过去，但是运行起来在chrome中报404，觉得很纳闷， <div class="logo"><a href=""><img src="/assets/img/logo-partner-01.png" alt=""></a
springboot 静态样式丢失&css、js访问不到&springboot2.0版本
lovePaul77的博客
01-03 5239
问题是这样的，我打算写一个单体架构的应用，用到的是springboot+freemarker+uikit（css样式框架） 大体的代码如下图所示（springboot2.0版本） 项目代码位置：码云项目代码demo 文件目录大概框架 pom文件 <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http:...
spring boot + freemarker +bootstrap css，js引用无效
weixin_30520015的博客
12-07 343
1.蜜汁自信的我最开始就按照html中的写法，在.ftl文件中写了下面这一串链接 2.发现样式始终显示不出来，然后，百度了一下，改成这样就行了，因为spring boot默认的静态资源访问路径为src/main/resources下面的/static 或 /public 或 /resources 或 /META- INF/resources，因此不用再在路径前加static 填坑...
Spring Boot +Freemarker开发时候js css等静态资源引入
每日分享程序员技巧
02-24 448
在我们开发Web应用的时候，会用到大量的js、css、image、html等静态资源资源。 在这里，先讲解js css这两类文件引入 。 在使用spring boot +freemarker开发的时候，对于静态资源文件，如CSS/JS/IMG这些静态文件怎么访问呢 ？ 请看下图中，在springboot 源码中定义的： 在ResourceProperties这个源码类中，我们可以看到spring boot默认静态资源文件路径： private static final String CLASSPATH_R
SpringBoot整合Thymeleaf
分享思想，留下痕迹。
08-09 2223
大家好，我是Leo，今天我们来学习Thymeleaf，如果你对Thymeleaf比较陌生也不要紧，它很容易学习与理解，并有着自己鲜明的特色。什么是Thymeleaf？Thymeleaf 官网是这么解释的：Thymeleaf is a modern server-side Java template engine for both web and standalone environments.译过来就是：Thymeleaf是适用于Web和独立环境的现代服务器端Java模板引擎Thymeleaf。
SpringBoot3
北执南念的博客
09-21 1838
SpringBoot3
SpringBoot学习指南
北执南念的博客
09-21 1627
SpringBoot学习指南
freemaker无法加载静态资源
qq_38522268的博客
05-06 690
我在springboot中使用freemaker模板引擎，无法正确加载静态资源 首先，确认静态资源没有被拦截器拦截 后来发现是路径错了 我在application.yml设置了 server: servlet: context-path: /all 所以在引用static资源时应 <script src="/all/js/iconfont.js"><...
springboot 引入js 和css 失效问题
热门推荐
醉代码的博客
07-22 1万+
     今日在用springboot 整合模板thymeleaf时发现页面中无法加载js和相关css问题，这是引入文件路径也正常，可以touch到， 路径如下：     css引入路径如下         css及页面路径如下：       页面跳转代码如下：       但最终结果页面显示没有效果：         在查找解决方案后，找到这个springboot 默认配置...
springboot集成freemarker静态资源无法访问
denghe4720的博客
04-17 1123
如题配置文件加上 #设定静态文件路径，js,css等。static为你放置静态资源的文件夹名称，也可以叫别的名字.properties加上 spring.mvc.static-path-pattern=/static/**.yml加上 spring: mvc: static-path-pattern: /static/** 转载于:https://www...
spring boot 项目 freemarker 无法加载static 中 js css 文件 原因（报错404）
weixin_30787531的博客
09-07 622
去掉@EnableWebMvc 注解 ，相关原因请看原博文 https://blog.youkuaiyun.com/testcs_dn/article/details/80249894 转载于:https://www.cnblogs.com/0kuxia0/p/9605436.html
springboot freemarker 访问css,js等资源报404
qq_41912128的博客
10-11 402
最后发现是路径问题，将/static/** 改成static/** 即可
springboot整合freemarker----一点小小的错误
weixin_30776863的博客
07-04 211
最近小弟正在学习springboot，没办法，现在微服务太火了。小弟也要顺应时代的潮流啊 ：（ 好了，废话不多说了！！！！ 首先在springboot的pom.xml添加freemarker的依赖 <dependen...
Freemarker模板框架页面css样式等不起效
Bodongkabeng的博客
02-15 1564
错误笔记，配置文件
解决SpringBoot项目修改过JS文件后，重新启动项目浏览器访问到依然是旧JS文件？
一宿君
01-17 2968
解决SpringBoot项目修改过JS文件后，重新启动项目浏览器访问到依然是旧JS文件
springboot+freemaker批量删除
最新发布
03-01
### 使用 Spring Boot 和 FreeMarker 实现批量删除功能 为了在 Spring Boot 项目中使用 FreeMarker 实现批量删除功能，需遵循以下指导： #### 添加依赖项 确保 `pom.xml` 文件中有如下依赖来支持 FreeMarker 模板引擎[^3]: ```xml <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-freemarker</artifactId> </dependency> ``` #### 创建控制器逻辑 定义一个处理批量删除请求的 REST 控制器。此控制器接收一组 ID 并执行相应的业务逻辑。 ```java import org.springframework.web.bind.annotation.*; import java.util.List; @RestController @RequestMapping("/items") public class ItemController { @PostMapping("/deleteBatch") public String deleteItems(@RequestParam List<Long> ids) { // 假设这里调用了服务层的方法来进行实际的数据删除操作 service.deleteMultiple(ids); return "删除成功"; } } ``` #### 设计前端页面 (FreeMarker Template) 创建名为 `item_list.ftl` 的 FreeMarker 模板文件，在其中加入多选框以便用户选择要删除的对象，并提供提交按钮触发批量删除动作。 ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Item Management</title> <script type="text/javascript"> function submitForm() { document.getElementById('batchDelete').submit(); } </script> </head> <body> <form action="/items/deleteBatch" method="post" id="batchDelete"> <table border="1"> <tr><th>Select</th><th>ID</th><th>Name</th></tr> <#list itemList as item> <tr> <td><input type="checkbox" name="ids" value="${item.id}"></td> <td>${item.id}</td> <td>${item.name}</td> </tr> </#list> </table> <button onclick="submitForm()">批量删除</button> </form> </body> </html> ``` 上述代码片段展示了如何构建一个简单的 HTML 表单配合 JavaScript 函数完成表单项的选择与提交过程；当点击“批量删除”按钮时会向服务器发送 POST 请求携带所选项的信息以供后续处理[^4]。 #### 处理异常情况 考虑到用户体验以及系统的稳定性，在实现过程中还应该考虑各种可能发生的错误状况并给予恰当提示，比如网络超时、数据库并发冲突等问题都需要有合理的应对措施。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值