关于thymeleaf在html中引入js文件遇到的问题

最新推荐文章于 2024-05-16 17:28:54 发布
最新推荐文章于 2024-05-16 17:28:54 发布
阅读量2.1k 收藏
点赞数
分类专栏： 技术 分享 学习 文章标签： java idea thymeleaf
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Sprite_Max/article/details/88749096
版权
技术 同时被 3 个专栏收录
4 篇文章 0 订阅
订阅专栏
分享
4 篇文章 0 订阅
订阅专栏
学习
4 篇文章 0 订阅
订阅专栏

今天博主在公司研究SpringBoot的时候,碰到一个问题,就是在家中可以正常访问的项目,在公司环境中却无法使用,页面格式错乱,而且一些表单提交的功能也无法使用.
原因就出在网络的问题上
在这里插入图片描述
关于引入cdn的js文件时,公司的网络是政府办公网络,因此对一些网站做出了屏蔽或者限制,所以无法成功引入js.

  • 问题不是很大,但是怕以后再遇到,所以做一下纪录!!!
Sprite_Max
关注
专栏目录
thymeleaf加载不了js引用_网站首页加载慢解决方案
weixin_39830588的博客
12-14 922
打开网页，用户最满意的时间是2-5秒，如果用户等待超过10秒，99%的用户会关闭这个网页。那么，是什么原因会导致网站打开慢？又有什么办法解决呢？一般来说，http请求过多、网页过大、服务器性能过差等等都可能导致网站打开慢。从技术层面来分享一些参考解决方法：原因分析带宽不足，首先想到的就是自己网速的问题，但是一般网速在1M以上的，打开网页一般不会是很慢的。网站服务器的带宽不够的话，当大量用...
thymeleaf配置html资源路径,SpringBoot+thymeleaf+静态资源引入
weixin_34698515的博客
06-04 1853
一、静态资源的映射规则1.对哪些目录映射？classpath:/META-INF/resources/classpath:/resources/classpath:/static/classpath:/public//：当前项目的根路径意思是：我们在上面的五个目录下放静态资源文件(比如：jq.js等),可以直接访问(类似以前web项目的webapp下，放到其他目录无法被访问。2.为什是这几个目录呢...
thymeleaf 的html文件引入CSS,js，不起作用
qq_43592495的博客
07-07 3716
解决thymeleaf 的html文件引入CSS,js，不起作用，如图，需要在引入的css,js中加上th:href="@{/css/_common.css}",图片也一样：th:src="@{/img/srst.png}" thymeleaf 获取数据也需要th:text="${XXXX}"
thymeleaf中文件引入外部文件夹里的css、js文件不到的原因
看不见鲸鱼的鼻子的博客
12-20 1万+
因为之前配置editor.md所以在static文件夹下配置比较方便配置好后将其移入templates后一直出现导入不到css、js的情况，遂查询文档并且尝试最后成功  先列一下之前的 <script type="text/javascript" src="../../static/js/editormd.js" ></script>   就像上面一样引入最后发现...
Springboot 集成Thymeleaf 引入js失效 解决方法
zhuzicc的博客
07-28 4155
文章目录一、问题描述二、解决办法 一、问题描述 今天在github上下载了一个项目，项目结构Springboot + thymeleaf，在使用过程中发现前端页面按钮点击后事件无响应，在F12调试后查看后发现问题所在： 在F12调试后发现是相应的js文件全是404，为什么会找不到引入的js文件呢？以下是原HTML中js文件的引入写法 /*这里是HTML引入js文件的代码*/ <script type="text/javascript" th:src="@{~/js/aes.js}">&lt
spring boot thymeleaf javascript 文件里 引用 List
myhongjinlin的博客
03-18 288
&lt;script th:inline="javascript"&gt; var list = [[${list}]]; &lt;/script&gt; &lt;script type='text/javascript' src='/test.js'&gt;&lt;/script&gt; 如上代码，可以在test.js中，引用list变量。 ...
Spring Boot/正确解决Thymeleaf、freemarker引入css、js、img文件无效的问题
qq_38959715的博客
02-22 5363
之前遇到这个问题的时候，在网上查了半天都没有找到正确的解决方法。今天想起来了，简单整理发上来了   首先本问题是基于Spring Boot的情况下的，其他情况类比解决就行   一、将前端文件放入项目时，首先确认路径： src/main/resources/static css、js、img文件应放在static下：SpringBoot下系统默认扫描静态文件的位置 HTML文件应该...
Springboot中thymeleaf导入静态资源问题
qq_44157459的博客
11-07 747
thymeleaf配置时产生的问题，静态资源导入问题 pom配置： 查看pom文件中是否引入thymeleaf， <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency>
spring boot 2.x html中引用css和js失效问题及解决方法
10-17
Spring Boot 2.x版本中，在HTML页面中引用CSS和JavaScript资源时可能会遇到资源不被正确加载的问题。通常情况下，资源文件放在项目的静态文件夹（默认为/static或/public或/resources）中。但在某些情况下，即便配置...
SpringBoot中的Thymeleaf用法
08-30
Thymeleaf是一款被SpringBoot广泛推荐的现代服务器端Java模板引擎，适用于Web和独立环境。它的一大特点是其模板设计可以以...如果你在实际开发中遇到更多问题，可以参考Thymeleaf的官方文档以获取详细信息和解决方法。
springboot 通过thymeleaf引入静态html页面并引入js、css文件
最新发布
weixin_41463944的博客
05-16 755
springboot 通过thymeleaf引入静态html页面并引入js、css文件
解决thymeleaf引入靜態js，css失效
一个努力的小码农
08-28 935
thymeleaf引入靜態js，css失效 配置properties文件 #thymeleaf訪問根路徑 spring.thymeleaf.prefix=classpath:/templates/ #後綴名 spring.thymeleaf.suffix=.html #模板格式 spring.thymeleaf.mode=HTML5 #字符格式 spring.thymeleaf.encoding=UTF-8 #在呈现模板之前检查模板是否存在,默認true spring.thymeleaf.check-t
thymeleaf与js执行顺序问题
qq_49721447的博客
08-04 2677
thymeleaf与js执行顺序问题 问题描述 在使用thymeleaf向页面传值时，如果html页面中还写了js或者jquery来对传入的值进行操作的时候，我们会发现，通常页面无法成功进行想要的操作。 解决方案 通过多次试验，发现是因为js或者jquery的执行顺序的优先级比thymeleaf高，thymeleaf总是会慢于js以及jquery，因此在外面还未将数据传递过来时，就已经执行了js或者jquery代码，这样我们无法再对传过来的数据进行操作。 该如何解决呢？我使用的是js的setTime
thymeleaf用js函数
shanahui12的博客
01-10 3536
使用thymeleaf做页面时，如果想要用js函数，有需要传值，那么一定要在引号内使用"|"，"|"，而不是使用"@{}" 调用的前面需要加上javascript:<button type="button" th:onclick="|javascript:dianji('${name}')|" onclick="dianji()" >点击</button> ...
踩坑日记——thymeleaf 模板引入js 报错：cannot find declaration to go to
金蒂
03-05 3024
thymeleaf 模板引入js 报错：cannot find declaration to go to
springboot中使用thymeleaf进行HTML页面跳转时出现500错误！！！！！
luoluo95的博客
06-10 2853
springboot中使用thymeleaf进行HTML页面跳转时出现500错误！！！！！
Thymeleaf th:include、th:replace使用
热门推荐
believe_stone的博客
04-18 11万+
最近做到页面数据展示分页的功能，由于每个模块都需要分页，所以每个页面都需要将分页的页码选择内容重复的写N遍，如下所示：重复的代码带来的就是Ctrl+C，Ctrl+V ,于是了解了一下thymeleaf的fragment加载语法以及th:include、th:replace的区别，得以解决。首先在pom.xml引入thymeleaf的依赖&lt;dependency&gt; &lt;groupId&...
thymeleaf在js中使用问题
qq_37570296的博客
07-11 1万+
初学thymeleaf,在js中使用时遇到些问题。发现在js中使用var name = [[${user.username}]];在浏览器会报错可能是把中括号解析成数组了在网上查了下，看到这种做法，测试了之后发现，只要有这个&lt;script th:inline="javascript"&gt;就可以正常解析var name = [[${user.username}]];替换与否不影响，特殊需求...
如何在SpringBoot中使用thymeleaf引入js文件
04-15
在 SpringBoot 中使用 Thymeleaf 引入 JS 文件的步骤如下： 1. 将 JS 文件放置在 SpringBoot 项目的指定目录下，一般情况下是在 static 目录下。 2. 在 HTML 模板中使用 Thymeleaf 语法引入 JS 文件，语法如下： ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值