Echarts图表加载不出——spring mvc引入js等文件的方式不对

初次使用echarts图表,结果加载不出来:

看到有人说

1、确保js路径引入正确
2、确保页面加载顺序无误
3、dom元素一定要指定其大小
<div id="test" style="width:400px;height:300px;"></div>

……

甚至还考虑了echarts版本问题?echarts.js和echarts.min.js的引用是否有影响?
结果都没有!!!

怎么都没想到是忽略了1、确保js路径引入正确!!

智障样的alert了半天,发现echarts.init()方法执行后就没下文了。
F12啊!用浏览器慢慢调啊!
果然在引入js的时候404了,然后查看了下路径没问题啊,tomcat下对应路径下有js啊!

然后沿着这条路百度到了,是spring mvc引入js等文件的方式不对。




springMVC引入js文件例子如下,css等文件同理。

一、若eclipse工作空间目录如下:
webapp
-js

-WEB-INF

对应的jsp中文件引用js:
<script type="text/javascript" src="/js/jquery/jquery.js"></script>
<script src="js/echarts/echarts.min.js"></script>
配置方式一:
web.xml
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.js</url-pattern>
</servlet-mapping>
配置方式二:
spring-mvc.xml
<mvc:resources mapping="/js/**" location="/js/" />


二、若eclipse工作空间目录如下:(js等文件在WEB-INF下)
webapp
-WEB-INF

-js

对应的jsp中文件引用js:
<script type="text/javascript" src="js/jquery/jquery.js"></script>
<script src="js/echarts/echarts.min.js"></script>
配置方式一:(同上不变)
web.xml
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.js</url-pattern>
</servlet-mapping>
配置方式二:
spring-mvc.xml改为
<mvc:resources mapping="/js/**" location="/WEB-INF/js/" />
结果方式一不能访问,方式二可以访问。

猜你喜欢

转载自blog.csdn.net/Beam007/article/details/80481306