Spring MVC程式中得到靜態資源檔案css,js,圖片

標籤：

轉載自：http://www.blogjava.net/fiele/archive/2014/08/24/417283.html

用 Spring MVC 開發應用程式，對於初學者有一個很頭疼的問題，那就是程式資料都已經查詢出來了，但介面樣式仍然十分醜陋，載入不了 css,js,圖片等資源檔。當你在瀏覽器上直接輸入某個css檔案的路徑時，直接得到404錯誤，而路徑肯定沒有錯，其原因就在於在web.xml 中配置了類似如下的 spring servlet:

 程式碼
<servlet>
    <servlet-name>mvc-dispatcher</servlet-name>
    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    <load-on-startup>1</load-on-startup>
  </servlet>
  <servlet-mapping>
    <servlet-name>mvc-dispatcher</servlet-name>
    <url-pattern>/</url-pattern>
  </servlet-mapping>

請注意  <url-pattern>/</url-pattern> 這表示這個servlet 攔截了所有的請求，包括css,js等。所以出現上面描述的情況。如何解決這個css,js等路徑問題呢，有如下幾種解決方案.

1. 使用spring mvc resource 去讀取靜態檔案
比如在 WEN-INF 下建立static 檔案夾，並在 static 檔案夾裡面建立css 檔案夾，然後建立 1.css  檔案.
修改 mvc-dispatcher-servlet.xml 檔案

 程式碼
<mvc:resources mapping="/static/**" location="/WEB-INF/static/"/>

這樣配置之後，可以通過 http://your-ip:port/your-app/static/css/1.css 直接存取了。

2. 採用 default servlet
在 web.xml  裡面配置

 程式碼
<servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>/static/*</url-pattern>
</servlet-mapping>

這樣做了之後，所有首碼為static 的請求都交給default servlet 去處理。如果你請求  http://your-ip:port/your-app/static/css/1.css ，就表示在 webcontent 目錄下的css檔案夾下的1.css檔案。

3. 通過副檔名進行處理
在 web.xml 裡面配置

 程式碼
<servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.png</url-pattern>
    <url-pattern>*.js</url-pattern>
    <url-pattern>*.css</url-pattern>
</servlet-mapping>

4. 對spring servlet 不用restful 風格。在url 上加上首碼

 程式碼
<servlet-mapping>
    <servlet-name>mvc-dispatcher</servlet-name>
    <url-pattern>/app</url-pattern>
</servlet-mapping>

這樣做的目的是讓 dispatchservlet 去攔截以/app 開頭的那些 URL,並不攔截css,js等。

5. 對spring servlet 不用restful 風格。在url 上加上尾碼

 程式碼
<servlet-mapping>
    <servlet-name>mvc-dispatcher</servlet-name>
    <url-pattern>*.do</url-pattern>
</servlet-mapping>

這樣做的目的是讓 dispatchservlet 只攔截*.do 的url. 並不攔截css,js等。

上面介紹的5種方法，根據情況自己任意選擇一種，現在沒辦法說那種好，那種方法不好，都有可取之處，用在不同的情境而已。

Spring MVC程式中得到靜態資源檔案css,js,圖片