1. 程式人生 > >SSM使用boostrap框架 ,靜態資源無法引用

SSM使用boostrap框架 ,靜態資源無法引用

pri java 截器 技術 nbsp log 解決辦法如下 gpo build

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

我做畢業設計遇到的一個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框架 ,靜態資源無法引用