SSM使用boostrap框架 ,圖片 404 靜態資源沒法引用

最近在看了簡書的一個大牛寫的東西,感慨良多。這個世界最可怕的事情就是比你優秀的人還比你努力!css

我作畢業設計遇到的一個SSM框架,頁面使用的jsp,在使用boostrap的時候遇到的問題,框架一直沒法引用boostrap的 js 、css 資源,格式使用不上。項目的框架以下。java

在查了N多的資料,試了N種網上說的引用路徑,有相對路徑 還有用java小腳本獲取絕對路徑,到最後按着 Ctrl 路徑也變了顏色,但是就是訪問不到。
jquery

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

你們能夠在瀏覽器裏按下 F12  看下瀏覽器報錯:web

 

如果以下: 就說明路徑不對,沒有找到文件。spring

出現這種就說明本身的路徑不對,在試下本身的路徑是否正確。bootstrap

如果以下: 就說明資源沒法訪問。瀏覽器

這種狀況的解決辦法以下:在springMVC.xml加入如下字段mvc

  <!-- 訪問靜態資源 -->
  <!-- 對靜態資源文件的訪問 -->  
    <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/**"/>

 沒法加載的緣由是,攔截器自動的將這些靜態資源攔截了,須要用下面這個標籤引用一下:app

<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

相關文章
相關標籤/搜索