springboot引入静态js、css文件到static之后 templetes文件夹下的html页面无法加载js、css问题记录

最新推荐文章于 2023-01-13 16:45:24 发布

曲少侠

最新推荐文章于 2023-01-13 16:45:24 发布

阅读量2.8k

点赞数

分类专栏： springboot 文章标签： springboot js问题 ajax问题

本文链接：https://blog.csdn.net/weixin_42247270/article/details/88423466

版权

springboot 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

说明：这个html页面放在templetes文件夹下面
首先先修改application.properties配置文件加上spring.mvc.static-path-pattern=/static/**
这个可以让它去访问静态文件
在这里插入图片描述
spring.mvc.static-path-pattern=/static/**

因为是通过controller层跳转到templetes中的html页面，需要加…/

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>图表</title>

<script type="text/javascript" src="../static/lib/jquery/jquery-3.3.1.js"></script>
<script type="text/javascript" src="../static/lib/jquery/jquery.min.js"></script>
<script type="text/javascript" src="../static/lib/echarts/echarts.min.js"></script>
<script type="text/javascript" src="../static/lib/layer/layer.js"></script>
 <!-- <link th:href="@{static/lib/jquery/jquery-3.3.1.js}" type="text/javascript"></link>
 <link th:href="@{static/lib/jquery/jquery.min.js}" type="text/javascript"></link>
 <link th:href="@{static/lib/echarts/echarts.min.js}" type="text/javascript"></link> 
 <link th:href="@{static/lib/layer/layer.js}" type="text/javascript"></link> -->
 <!-- <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts-all-3.js"></script> -->
  
</head>
<body>
<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
<div id="main" style="width: 800px;height:450px;"></div>
<script type="text/javascript" >
	// 基于准备好的dom，初始化echarts实例	
	var myChart = echarts.init(document.getElementById('main'));
     $.ajax({
    	 crossDomain: true,
	    xhrFields: {
	   	    withCredentials: true
	   	},	
	   	async:true,//同步执行
    	type:"post",
    	url:"/testLine",
    	data:{},
    	datatype:"json",
    	success:function(data){
    		
   	 	 myChart.setOption(data, true);
    	},
    	error:function(data){
    		alert("error!")
    	}
    	
    });

    
 
</script>

</body>
</html>

试了好多办法，这个就解决啦！其实好多问题都是js没有引进去导致的！所以以后遇到问题一定要先看js、css有没有引入，避免走弯路！

曲少侠

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
springboot引入静态js、css文件到static之后 templetes文件夹下的html页面无法加载js、css问题记录

说明：这个html页面放在templetes文件夹下面首先先修改application.properties配置文件加上spring.mvc.static-path-pattern=/static/**这个可以让它去访问静态文件spring.mvc.static-path-pattern=/static/**因为是通过controller层跳转到templetes中的html页面，需要...
复制链接

扫一扫