溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

struts2跳轉(zhuǎn)后css和js失效怎么辦

發(fā)布時(shí)間:2021-10-13 14:11:30 來(lái)源:億速云 閱讀:107 作者:小新 欄目:移動(dòng)開(kāi)發(fā)

小編給大家分享一下struts2跳轉(zhuǎn)后css和js失效怎么辦,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

在使用struts2的action執(zhí)行后跳轉(zhuǎn)到的jsp顯示的時(shí)候其中的css不起作用,就拿我現(xiàn)在出問(wèn)題的project為例:
action如下:


<action name="listUser" class="listUserAction">
<result>/users/userList.jsp</result>
</action>


(:listUser的作用就是查出所有的用戶(hù),然后交給users下的userList.jsp顯示出來(lái)。由于采用了spring,此處的"listUserAction"是applicationContext.xml中配置的名稱(chēng))
userList.jsp中的css設(shè)置如下

代碼如下:


<link href=“../css/style.css" rel="stylesheet" type="text/css" />


(:目錄層次是這樣的,WebRoot下有users和css文件夾,所以u(píng)sers下的jsp要調(diào)用style.css需要../到根目錄,然后找css文件夾)
但是當(dāng)程序從listUser執(zhí)行成功后跳轉(zhuǎn)到/users/userList.jsp時(shí)出現(xiàn)了/css/style.css不起作用的情況,如果直接在地址欄直接顯示jsp又能正常顯示了。
在網(wǎng)上找到的方法說(shuō)css用絕對(duì)路徑

代碼如下:


<link href="http://blog.163.com/<%=request.getContextPath%>/css/style.css" rel="stylesheet" type="text/css" />


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

代碼如下:


<?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>

然后從新啟動(dòng)服務(wù)器,OK,顯示正常!同時(shí)我們也看到地址欄中action前多了個(gè)"/users",跳轉(zhuǎn)到接視頻中也是"/users/userList.jsp",這樣就保持了一致,問(wèn)題也就解決了。

以上是“struts2跳轉(zhuǎn)后css和js失效怎么辦”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道!

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI