DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 前端技巧 >> struts2跳轉後css和js失效的問題解決思路及實現步驟
struts2跳轉後css和js失效的問題解決思路及實現步驟
編輯:前端技巧     
在使用struts2的action執行後跳轉到的jsp顯示的時候其中的css不起作用,就拿我現在出問題的project為例:
action如下:

復制代碼代碼如下:
<action name="listUser" class="listUserAction">
<result>/users/userList.jsp</result>
</action>

(:listUser的作用就是查出所有的用戶,然後交給users下的userList.jsp顯示出來。由於采用了spring,此處的"listUserAction"是applicationContext.xml中配置的名稱)
userList.jsp中的css設置如下

復制代碼代碼如下:
<link href=“../css/style.css" rel="stylesheet" type="text/css" />

(:目錄層次是這樣的,WebRoot下有users和css文件夾,所以users下的jsp要調用style.css需要../到根目錄,然後找css文件夾)
但是當程序從listUser執行成功後跳轉到/users/userList.jsp時出現了/css/style.css不起作用的情況,如果直接在地址欄直接顯示jsp又能正常顯示了。
在網上找到的方法說css用絕對路徑

復制代碼代碼如下:
<link href="http://blog.163.com/<%=request.getContextPath%>/css/style.css" rel="stylesheet" type="text/css" />

但是這樣會有一個很明顯的弊端,那就是移植性變差。
嘗試將result改為<result>userList.jsp</result>,然後將jsp放在根目錄下就沒有這種問題了,這時候問題的原因就知道的差不多了,那就是action是在根目錄下的,在運行程序的時候從地址欄可以看到,就是說命名空間是在根目錄,這時候再"../css/style.css"自然就找不到了。
明白了問題所在,解決方法就不難找了。找到listUser的配置所在的package,加上這樣一句namespace="/users"。這時候就是

復制代碼代碼如下:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.1//EN"
"http://struts.apache.org/dtds/struts-2.1.dtd">
<struts>
<package name="users" extends="struts-default" namespace="/users">
......
<action name="listUser" class="listUserAction">
<result>/users/userList.jsp</result>
</action>
......
</package>
</strusts>

然後從新啟動服務器,OK,顯示正常!同時我們也看到地址欄中action前多了個"/users",跳轉到接視頻中也是"/users/userList.jsp",這樣就保持了一致,問題也就解決了。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved