Thymeleaf模板引擎绕过浏览器缓存加载静态资源js,css文件

最新推荐文章于 2023-04-30 15:17:57 发布
最新推荐文章于 2023-04-30 15:17:57 发布
阅读量415 收藏 1
点赞数
原文链接：http://www.cnblogs.com/passedbylove/p/10796439.html
版权

浏览器会缓存相同文件名的css样式表或者javascript文件。这给我们调试带来了障碍，好多时候修改的代码不能在浏览器正确显示。

静态常见的加载代码如下:

<link rel="stylesheet" href="/css/all.css">
<script src="/js/main08.js"></script>

我们可以在加载静态资源的,每次向服务器发送一个新的请求。来加载新的资源文件。做法如下

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en" th:with="unixstamp=${#dates.createNow().time}">

<link rel="stylesheet" th:href="@{'/css/all.css'(v=${unixstamp})}">

这样每次请求就会加载最新的样式表和javascript文件了，亲测有效。工作比较忙，时间关系，不再准备详细的文案。

转载于:https://www.cnblogs.com/passedbylove/p/10796439.html

weixin_30532987
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
thymeleaf设置全局变量版本号实现控制css和js缓存
胡朴桤的博客
06-02 1589
每次在发布新版本的时候，如果修改了js文件或者css文件就会需要清理浏览器的缓存，如果让用户清理缓存，无异于是一件很麻烦的事。所以我们只需要控制版本号，就可以实现这个功能。 第一步，设置thymeleaf模板的全局变量 创建ViewResolverConfig文件 ，此处的版本号是设置的静态变量，也可以通过配置文件的方式实现 import org.springframework.beans.factory.annotation.Autowired; import org.springframe.
Spring Boot –如何跳过缓存thyemeleaf模板，js，css等以每次绕过重启服务器
最佳 Java 编程
06-12 264
Spring Boot自动配置为ThyemeLeaf注册的默认模板解析器是基于类路径的，这意味着它从编译的资源/ target / classes / **加载模板和其他静态资源。 要加载对资源（HTML，js，CSS等）的更改，我们可以 每次都重新启动应用程序-这当然不是一个好主意！ 使用IntelliJ上的CTRL + F9或（如果您使用的是eclipse键映射，则使用C...
thymeleaf js操作缓存
u013365404的专栏
01-15 1144
session获取并隐藏 --> jquery获取 let userId= $("#userId").val();
springboot+thymeleaf解决css/js浏览器缓存问题
小猪奋斗
11-16 4229
1、springboot配置application.yaml中加入 #启用内容版本策略 md5 spring.resources.chain.strategy.content.enabled: true #应用于版本策略的模式的逗号分隔列表 默认/** spring.resources.chain.strategy.content.paths: /js/web/** 2、在页面中引入 &lt;...
thymeleaf引用JS加随机数防止缓存
最新发布
zy0412326的专栏
04-30 209
其实ChatGPT对写代码还是有点帮助的。都说ChatGPT智能，至少我感觉3.5一般。比如我问的这个问题，看看截图吧。后来我改了改问题成功了。国内有人搭建了要收费。
spring boot 基础学习 - thymeleaf页面模板技术
bugs4j的博客
01-26 5243
随着互联网技术的发展，页面静态化的需求越来越明显，传统的jsp动态页面逐渐的被html静态页面+ajax异步请求所替代，模板技术解决了静态页面的数据更新问题。这篇博客主要是结合spring boot 来介绍一下 thymeleaf模板技术。 thymelaaf的特点： a.html格式， 模板直接交给浏览器渲染。 b.实现真正意义上的前后端分离， 在标签上引用了thymeleaf表达式后
Java面试：数据库，Java，框架，前端技术。应有尽有
xing_TianXiaDiYi的博客
07-20 5451
** Java面试宝典 ** 一、 HTML&CSS部分 1、HTML中定义表格的宽度用80px和80%的区别是什么？ PX标识像素，%标识整个页面的宽度百分比 2、CSS样式定义优先级顺序是？ 内联样式最高优先权，然后是内部样式，然后才是外部样式 3、div和span的区别？ DIV 和 SPAN 元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染。主要用于应用样式表（共同点）。 两者最明显的区别在于DIV是块元素，而SPAN是行内元素(也译作内嵌元素)。 详解：1.所谓块元素，是
SSM框架学习笔记
qq_42752990的博客
10-02 1236
SSM框架学习笔记 目录 一、环境变量 3 二、maven项目 18 三、SSM框架介绍 28 四、创建SSM项目 31 五、SSM配置文件 45 六、运行SSM项目 53 七、mybatis反向工程 61 八、DAO调试与测试 67 九、业务逻辑层与测试 73 十、控制器层编写与前端整合 78 十一、显示所有部门信息与代理 82 十二、实现带参查询（按多条件组合模糊查询）与缓存 103 十三、实现部门信息增加 114 十五、实现部门信息批量删除 133 十六、日期转换器 136 十七、控制器使用实体对象接
Java项目笔记
阿江江的博客
04-25 2900
目录一、交流平台第一章1.开发社区首页第二章2.发送邮件功能3.回话管理 一、交流平台 第一章 1.开发社区首页 一、新建了三个类： 1.DiscussPost:用户的帖子。 属性： id（自动生成主键），用户 id（外键连接 user 表），帖子的主题 ，帖子内容，帖子类型（普通，置顶），帖子状态（正常，精华，拉黑），帖子的创建时间 ，评论数量， 帖子分数（给帖子排名，按热度）。 2.Page:为了分页。 属性：有当前页码，显示上限，数据总数（用于计算总页数），查询路径（用于复用分页链接），拥有获取当前页
JavaEE知识体系
yuh2012的博客
07-11 2万+
1 1.文件上传下载 1.1 文件上传 1.1.1 文件上传的作用 例如网络硬盘！就是用来上传下载文件的。 在智联招聘上填写一个完整的简历还需要上传照片呢。 1.1.2 文件上传对页面的要求 1.必须使用表单，而不能是超链接； 2.表单的method必须是POST，而不能是GET； 3.表单的enctype必须是multipart/form-data； 4.在表单中添加file表
Nginx上传文件全部缓存解决方案
09-03
Nginx默认会对上传的文件先在本地进行缓存，再转发到应用服务器。请问怎么禁止掉这个缓存，让Nginx只转发而不缓存文件？本文给大家详细介绍Nginx上传文件全部缓存解决方案，有需要的朋友来参考下
SpringBoot解决整合thymeleaf静态资源以及没有整合时都无法访问的尝试
01-08
本来今天写的JS代码就看不太懂，结果后端静态资源映射又出现问题了。以为是路径扫描错误或者是拦截器拦截了，没有配置拦截器，所以以为是路径扫描错误所以这样进行了重新配置： /** * 映射静态资源 */ //@Configuration //public class WebMvcConfig extends WebMvcConfigurationSupport { // /** // * 配置静态资源 // * @param registry // */ // @Override // protected void addResourceHandler
springboot+thymeleaf对静态资源环境进行缓存
xyr05288的专栏
04-20 3163
参考文章：http://www.jb51.net/article/135626.htmhttps://docs.spring.io/spring-boot/docs/1.5.4.RELEASE/reference/htmlsingle/ 在appplication.properties中添加配置：#20180420 add spring boot static resoources cache ...
Thymeleaf 中使用js
weixin_33949359的博客
11-15 2905
2019独角兽企业重金招聘Python工程师标准>>> ...
thymeleaf的缓存关闭
weixin_42120957的博客
12-06 5032
spring.thymeleaf.cache=false   修改完html后一定要ctrl+f9重新build一下。再回到浏览器刷新，就能看到效果了，要不前面加了没啥用
spring boot使用thymeleaf 关闭缓存
热门推荐
霓虹深处
05-22 2万+
如何关闭thymeleaf缓存 properties： #spring.thymeleaf.prefix=classpath:/templates/ #spring.thymeleaf.suffix=.html #spring.thymeleaf.mode=HTML5 #spring.thymeleaf.encoding=UTF-8 #spring.thymeleaf.content-ty...
使用thymeleaf做页面渲染时的页面缓存
PzzZ的博客
01-06 5680
现在动静分离很多，静态页面几乎都还存在浏览器， 这里说的是用thymeleaf渲染前台数据时，后台直接把整个HTML页面代码缓存到redis中，请求直接返回整个页面 SpringWebContext ctx = new SpringWebContext(request,response, request.getServletContext(),req
Thymeleaf模板引擎：专有注释与静态原型
Thymeleaf是一种流行的Java模板引擎，常用于Web应用开发，特别是在Spring框架中。它允许开发者在HTML模板中嵌入表达式和逻辑，以实现动态内容渲染。Thymeleaf专有注释是其特性之一，这些注释在模板被静态打开时（即...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值