JSP和Servlet中的絕對路徑和相對路徑問題困擾了我好幾天,經過努力之后將其部分心得和大家共享。
前提:假設你的Http地址為
http://192.168.0.1/你的web應用為webapp,那么你的web應用URL為
http://192.168.0.1/webapp/
web應用的目錄結構:
webapp/
web-inf/
classes/
lib/
web.xml
<servlet-mapping>
<servlet-name>handleservlet</servlet-name>
<url-pattern>/handleservlet</url-pattern>此映射是相對于當前web應用的
</servlet-mapping>
user/
a.jsp
b.jsp
images/
css/
js/
所有相對路徑都是由“/”開頭的。如:/image/a.gif,/user/main.jsp,大家知道在html中的相對路徑是這樣的:
有個html文件:a.html,其中有<link href="one.css" rel="stylesheet" type="text/css">,其中href屬性表示引用的css文件的路徑。
one.css:表示one.css和a.hmtl處于同一個目錄
user/one.css:表示one.css處于a.html所在目錄的子目錄user中。
../one.css:表示one.css位于a.hmtl上一級目錄下,
../../one.css:表示one.css位于a.hmtl上一級目錄的上一級目錄下,
./:表示和a.hmtl同一目錄
我們稱上述相對路徑為html相對路徑
1、服務器端的地址
服務器端的相對地址指的是相對于你的web應用的地址,這個地址是在服務器端解析的(不同于html和javascript中的相對地址,他們是由客戶端瀏覽器解析的)也就是說這時候在jsp和servlet中的相對地址應該是相對于你的web應用,即相對于
http://192.168.0.1/webapp/的。
其用到的地方有:
forwarder:servlet中的request.getRequestDispatcher(address);這個address是在服務器端解析的,所以,你要forwarder到a.jsp應該這么寫:request.getRequestDispatcher(“/user/a.jsp”)這個/相對于當前的web應用webapp,其絕對地址就是:
http://192.168.0.1/webapp/user/a.jsp。
sendRedirect:在jsp中<%response.sendRedirect("/rtccp/user/a.jsp");%>
2、客戶端的地址
所有的html中的相對地址都是相對于
http://192.168.0.1/的,而不是
http://192.168.0.1/webapp/的。
Html中的form表單的action屬性的地址應該是相對于
http://192.168.0.1/的,所以,如果提交到a.jsp為:action=”/webapp/user/a.jsp”;提交到servlet為action=”/webapp/handleservlet”
Javascript也是在客戶端解析的,所以其相對路徑和form表單一樣。
3、站點根目錄和css路徑問題
我們稱類似這樣的相對路徑/webapp/….為相對于站點根目錄的相對路徑。
當在jsp中引入css時,如果其相對路徑相對于當前jsp文件的,而在一個和這個jsp的路徑不一樣的servlet中forwarder這個jsp時,就會發現這個css樣式根本沒有起作用。這是因為在servlet中轉發時css的路徑就是相對于這個servlet的相對路徑而非jsp的路徑了。所以這時候不能在jsp中用這樣的路徑:<link href="one.css" rel="stylesheet" type="text/css">或者<link href="../../one.css" rel="stylesheet" type="text/css">類似href="one.css"和../../one.css的html相對路徑是相對于引用這個css的文件的相對路徑。而在servlet中轉發時就是相對于這個servlet的相對路徑了,因為jsp路徑和servlet路徑是不一樣的,所以這樣的引用肯定是出錯的。
所以這個時候,要用站點根目錄,就是相對于
http://192.168.0.1/的目錄,以“/”開頭。
因此上述錯誤應更正為href=”/webapp/one.css”類似的站點根目錄的相對目錄。這樣在servlet轉發后和jsp中都是相對于站點根目錄的相對路徑,就能正確使用所定義的css樣式了。