JSP和Servlet中的绝对路径和相对路径问题困扰了我好几天,经过努力之后将其部分心得和大家共享。
前提:假设你的Http地址为你的web应用为webapp,那么你的web应用URL为
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同一目录
1、服务器端的地址
服务器端的相对地址指的是相对于你的web应用的地址,这个地址是在服务器端解析的(不同于html和javascript中的相对地址,他们是由客户端浏览器解析的)也就是说这时候在JSP和Servlet中的相对地址应该是相对于你的web应用,即相对于 其用到的地方有:
forwarder:Servlet中的request.getRequestDispatcher(address);这个address是在服务器端解析的,所以,你要forwarder到a.JSP应该这么写:request.getRequestDispatcher(“/user/a.JSP”)这个/相对于当前的web应用webapp,其绝对地址就是:
sendRedirect:在JSP中<%response.sendRedirect("/rtccp/user/a.JSP");%>
2、客户端的地址
所有的html中的相对地址都是相对于的,而不是/的。
Html中的form表单的action属性的地址应该是相对于/的,所以,如果提交到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路径是不一样的,所以这样的引用肯定是出错的。
所以这个时候,要用站点根目录,就是相对于的目录,以“/”开头。
因此上述错误应更正为href=“/webapp/one.css”类似的站点根目录的相对目录。这样在Servlet转发后和JSP中都是相对于站点根目录的相对路径,就能正确使用所定义的css样式了。