HTML、JSP、Servlet中的相对路径和绝对路径 页面跳转问题

时间:2022-08-26 16:04:05

HTML、JSP、Servlet中的相对路径和绝对路径

前提:

假设你的Http地址为http://192.168.0.1/,你的web应用为test,path=”/test”,那么你的web应用URL为http://192.168.0.1/test/

web项目目录分析,文件存放位置

1)如果JSP,JS文件放在WEB-INF目录下**【服务器外部】**是根本无法访问的。

2)放在WEB-INF目录下的JSP文件,可以通过服务器内部转向进行访问(主要是为了页面的安全)

3)因为JS是通过客户端向服务器请求的(即需要能够从服务器外部访问),所以图片以及一些JS,CSS只能放在WEB-INF外面

web应用的目录结构:

HTML、JSP、Servlet中的相对路径和绝对路径 页面跳转问题

等效于下图
HTML、JSP、Servlet中的相对路径和绝对路径 页面跳转问题

src: 存放java源码,编译后的文件都会放在WEB-INF下的classes文件夹下
WebContent:项目创建完后,只有这个目录有用,因为web项目需要的所有文件都在这里。

web.xml

<servlet-mapping> 
<servlet-name>handleservlet</servlet-name>
<url-pattern>/handleservlet</url-pattern>此映射是相对于当前web应用的
</servlet-mapping>

所有相对路径都是由”/”开头的

比如:/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中,即user是a.html在同一个目录 。
../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/test/的。

其用到的地方有:

1)forward:servlet中的request.getRequestDispatcher(address);这个address是在服务器端解析的。
所以你要forward到user/a.jsp应该这么写:

request.getRequestDispatcher("/user/a.jsp ")

这个/相对于当前的web应用test,其绝对地址就是:http://192.168.0.1/test/user/a.jsp

2)redirect:在jsp中

<%response.sendRedirect("/rtccp/user/a.jsp");%> 

2、 客户端的地址

所有的html中的相对地址都是相对于http://192.168.0.1/的,而不是http://192.168.0.1/test/的 。

html中的form表单的action属性的地址应该是相对于http://192.168.0.1/的。所以,如果提交到user/a.jsp为:action=”/test/ user/a.jsp” ;提交到servlet为action=”/test/handleservlet”

Javascript也是在客户端解析的,所以其相对路径和form表单一样。


3、 站点根目录和css路径问题 (jsp是服务器端程序,地址是变化的,引用时一般用站点根目录的相对路径)

我们称类似这样的相对路径/test/…. 为相对于站点根目录 的相对路径 。

当在jsp中引入css时,如果其相对路径相对于当前jsp文件的,而在一个和这个jsp的路径不一样的servlet中forward这个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的文件(a.jsp)的相对路径 。而在servlet中转发时就是相对于这个servlet的相对路径了,因为jsp路径和servlet路径是不一样的 ,所以这样的引用肯定是出错的。

所以这个时候,要用站点根目录,就是相对于http://192.168.0.1/的目录,以“/”开头。

因此上述错误应更正为href=”/test/one.css” 类似的站点根目录的相对目录。这样在servlet转发后和jsp中都是相对于站点根目录的相对路径 ,就能正确使用所定义的css样式了。

页面跳转问题:

Forward(转发)和Redirect(重定向)

1)Forward 效率高, Redirect 效率低。

因为Redirect 的流程是这样的:
request1 sent to server, server return back to client,
然后request2 then sent to server.

但是Forward 仅在server side处理, 对client side 是透明的.
由于Redirect 有两次传输, 所以效率低.

2)范围:

由于对request.setAttribute() 来说, 它携带的对象生存范围只在request内, 所以Redirect 方式会导致request携带的对象丢失。所有需要携带数据时,必须选用forward方式。

3)使用说明:

1. sendRedirect

servlet和jsp里面一样

response.sendRedirect();

2. include

这种也是上面提到的forward形式,request的值会保存

1)  servlet里面

request.getRequestDispatcher("jsp2.jsp" ).include(request, response);

2) jsp里面

<jsp:include page= "include.jsp" />

说明
页面会同时包含页面1和页面2的内容,地址栏不变。
使用request.setAttribute的内容,可以正常使用

3. forword

1)  servlet里面

request.getRequestDispatcher("jsp2.jsp" ).forward(request,response);

2) jsp里面

<jsp:forward page= "include.jsp" />

说明
页面会是页面2的内容,地址栏不变
使用request.setAttribute的内容,可以正常使用

4.JSP中用相对路径引用JS,CSS文件的三种情况

第一种情况 最常见的情况

一个tomcat上都跑多个工程, 用工程名来区分.

因为我的的URL是 :http://localhost/工程名 /home/index.jsp
多了一个工程名,所以要加 <%=request.getContextPath() %>
如:

<script src="<%=request.getContextPath() %> /home/test.js"></script>

写<%=request.getContextPath() %>太麻烦,可以在每一个jsp文件顶部加入以下内容后,

<% 
String path = request.getContextPath();
String basePath = request.getScheme()+"://" +request.getServerName()+":" +request.getServerPort()+path+"/" ;
%>

<base href="<%=basePath%>" >

就可直接使用

<script src=" /home/test.js"></script>了

第二, 直接访问jsp文件

真实项目中, 一个tomcat上要是也跑了多个工程, 并用IP来区分.

url 是这样的: http://localhost/home/index.jsp 注意这里,是直接访问JSP文件(jsp文件不在web-inf下,可以直接访问),不是servlet也不是struts 。

test2.js 与index.jsp 放在同一文件夹下,下面用相对路径来引入JS文件 是OK 的:

<script src=test2.js></script>

index.jsp可以找到test2.js文件

第三种情况: servlet转发到jsp(jsp在web-inf下,必须用servlet或action访问)

在第二情况的基础上,一个tomcat上要是也跑了多个工程, 并用IP来区分。

我们访问的是servlet 或是struts的action , 再转发到 index.jsp

url 是: http://localhost/*.do

url 是: http://localhost/index.action

这里不是访问JSP文件了

下面是OK 的.

<script src=/home/ test2.js></script>

test2.js 前面一定要有/home/

实际项目中, 访问 servlet或是struts的action最多, 所以这里要使用

<script src=/home/test2.js></script>。

请尊重原创:原文地址–http://blog.csdn.net/wym19830218/article/details/5503533/
本文是在该文章基础上进行修改整理的。