JSP、Servlet中的相對路徑和絕對路徑

js|servlet JSP、Servlet中的相對路徑和絕對路徑


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樣式了。