您的位置：首页 > 编程语言 > Java开发

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

2019-03-12 16:36 981 查看

说明：这个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有没有引入，避免走弯路！

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航