首页 > 其他 > 详细

SSM使用boostrap框架 ,静态资源无法引用

时间:2018-03-24 13:02:36      阅读:329      评论:0      收藏:0      [点我收藏+]

最近在看了简书的一个大牛写的东西,感慨良多。这个世界最可怕的事情就是比你优秀的人还比你努力!

我做毕业设计遇到的一个SSM框架,页面使用的jsp,在使用boostrap的时候遇到的问题,框架一直无法引用boostrap的 js 、css 资源,格式使用不上。项目的框架如下。

技术分享图片

在查了N多的资料,试了N种网上说的引用路径,有相对路径 还有用java小脚本获取绝对路径,到最后按着 Ctrl 路径也变了颜色,可是就是访问不到。

<%
    String path = request.getContextPath(); 
%>

大家可以在浏览器里按下 F12  看下浏览器报错:

 

若是如下: 就说明路径不对,没有找到文件。

技术分享图片

出现这种就说明自己的路径不对,在试下自己的路径是否正确。

若是如下: 就说明资源无法访问。

技术分享图片

这种情况的解决办法如下:在springMVC.xml加入以下字段

  <!-- 访问静态资源 -->
  <!-- 对静态资源文件的访问 -->  
    <mvc:resources location="/Images/" mapping="/images/**"/>  
    <mvc:resources location="/WEB-INF/jsp/js/" mapping="/js/**"/>  
    <mvc:resources location="/WEB-INF/jsp/projectjs/" mapping="/projectjs/**"/>  
    <mvc:resources location="/WEB-INF/jsp/css/" mapping="/css/**"/>  
    <mvc:resources location="/WEB-INF/jsp/fonts/" mapping="/fonts/**"/>  
    <mvc:resources location="/WEB-INF/jsp/resources/" mapping="/resources/**"/>  
    <mvc:resources location="/WEB-INF/jsp/bootstrap/" mapping="/bootstrap/**"/>  
    <mvc:resources location="/WEB-INF/jsp/build/" mapping="/build/**"/>
    <mvc:resources location="/boostrap/" mapping="/boostrap/**"/>

 无法加载的原因是,拦截器自动的将这些静态资源拦截了,需要用下面这个标签引用一下:

<mvc:resources location="/boostrap/" mapping="/boostrap/**"/>

 然后,如果还是不行的话,是因为这个标签需要引用一个jar包  : org.springframework.web.servlet-3.1.4.RELEASE.jar

如果出现下列情况:

这时候可以访问到css 和 js ,但是 css 可以使用, js 还是不能使用

技术分享图片

这是因为 bootstrap 的 js 文件引用需要 jquery 的依赖,在引入完 boostrap.min.css之后 引入 jquery.js  然后 再引入 boostrap.js

 

SSM使用boostrap框架 ,静态资源无法引用

原文:https://www.cnblogs.com/aresblank/p/8638427.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!