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

1.JSP、Servlet中的相对路径和绝对路径 

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

    如果JSP,JS文件放在WEB-INF目录下根本无法访问的,JSP如果放在WEB-INF目录下可以通过服务器内部转向进行访问(主要是为了页面的安全),但是JS是通过客户端向服务器请求的,所以图片以及一些JS,CSS只能放在WEB-INF外面 
  web应用的目录结构: 

   test/web/

     css/ 
     js/

        test.js

     web-inf/ 
       classes/ 
       lib/ 
       user/ 
         a.jsp 
         b.jsp 
       images/       
       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/的。 
  其用到的地方有: 
     forward:servlet中的request.getRequestDispatcher(address);这个address是在服务器端解析的,所以,你要forwarder到user/a.jsp应该这么写:request.getRequestDispatcher("/user/a.jsp ")这个/相对于当前的web应用test,其绝对地址就是:http://192.168.0.1/test/user/a.jsp。 
     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 低, 因为Redirect 的流程是这样的,  request1  sent to server,  server return back to client, 然后

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

范围: 
由于对request.setAttribute() 来说, 它携带的对象生存范围只在request内, 所以Redirect 方式会导致request携带的对象丢失.

 

使用说明:

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的内容,可以正常使用


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

  第一种情况 最常见的情况
   一个tomcat上都跑多个工程, 用工程名来区分
   因为我的的URL是 :http://localhost/工程名 /home/index.jsp
   多了一个工程名,所以要加 <%=request.getContextPath() %>
   如:<script src="<%=request.getContextPath() %> /home/test.js"></script>

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

 

   Java代码 
  1. <%   
  2. String path = request.getContextPath();   
  3. String basePath = request.getScheme()+"://" +request.getServerName()+":"+request.getServerPort()+path+"/" ;   
  4. %>   
  5. <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>。

===================================================================================================================



===================================================================================================================


很长一段时间纠结过JSP中的相对路径和绝对路径,也研究过一段时间,今天趁着有点时间,记下来,也有大家分享一下。

1)我们先来理解一下相对路径

首先还是我们的开始,建一个WEB项目,只是测试一下而已,名称就随便啦。我的项目结构如下:

哈哈,经常看动作片的应该知道,donnieYen是哪个家伙啦,就是丹哥。弄几张他的照片放放。

就只有两个页面。两个页面都很简单的,只有图片和一个链接。

其中a.jsp中有内容:

Html代码   收藏代码
  1. <img width="400" height="300" src="../images/donnieYen.jpg" />  
  2. <a href="../testServlet">去b页面</a>  

   这里的链接是调用servlet,这里大家就自己起名字啦,在web.xml中映射一下就OK了。

b.jsp内容:

Html代码   收藏代码
  1. <img width="400" height="300" src="../images/donnieYen2.jpg" />  

  注意,我们这里都是用到相对路径,..是最好的证明了。

而我们的TestServlet很简单,只是一句跳转的代码:

Java代码   收藏代码
  1. req.getRequestDispatcher("jsp/b.jsp").forward(req, resp);  

  注意,这里我们直接写jsp/b.jsp的原因是因为在servlet里面,request跳转的路径是相对于当前项目的,所以我们不需要..这样来表示上一级目录的。由于它默认是在当前项目下,所以我们用

Java代码   收藏代码
  1. req.getRequestDispatcher("/jsp/b.jsp").forward(req, resp);  

  这样的效果和上面是一样的。

 

下面我们就来看看效果啦,当我们打开a.jsp

效果这样,简单明了,当我们点击"去b页面"时,会调用servlet进行跳转:

我们看到效果:

啥意思呢?这个是chrome下的没有图片时的默认效果,IE下会不一样。但表明它是找不到图片的。

但我们直接来访问b.jsp,可以看到:

我们可以看到。这表明它的路径是没问题的。但为什么servlet跳转的时候会有问题呢?

 

这个我们需要来看看我们访问的路径了。

当我们点击链接进行跳转时,是访问servlet,此时浏览器的URL为:

Html代码   收藏代码
  1. http://localhost:8080/Test/testServlet  

     此时转到我们的b.jsp,这里怎么办呢?取图片的时候..返回上一层,也就是项目目录下Test的上一层,是什么东西,我们就不知道啦。反正在那个目录下是没有images文件夹的。如果我们非要通过servlet来进行跳转,那么我们能怎样呢?很简单,我们只要把b.jsp修改成:

Html代码   收藏代码
  1. <img width="400" height="300" src="images/donnieYen2.jpg" />  

  这样就OK了。在当前目录下,也就是Test目录下进行访问images文件夹,这肯定没问题啦。

那么我们点击跳转的时候就可以看到如上面直接访问时的效果了,图片出来了。

 

但这样又有问题了,当我们直接访问b.jsp的时候,它又没了,因为我们直接访问的时候,浏览器的URL是:

Html代码   收藏代码
  1. http://localhost:8080/Test/jsp/b.jsp  

  而此时的images也就是jsp目录下的images目录,哪来的images目录,所以也就不显示啦。

 

而如果我们希望这两种方法都可以搞定,我们要怎么做呢?

其实也简单,只要用绝对路径就OK了,注意,这里的绝对路径不同于HTML中的绝对路径,HTML中的绝对路径是由浏览器来进行解析的,它会包括IP地址和端口信息,而我们JSP的绝对路径是由容器来解析的,它默认是当前的访问地址加端口,所以那前面的一段就不用我们管了,我们只需要确定项目路径即可。

那究竟怎么做呢?

我们直接看代码,我们把b.jsp改成下面的形式:

Html代码   收藏代码
  1. <img width="400" height="300" src="<%=request.getContextPath() %>/images/donnieYen2.jpg" />  

  然后我们通过两种方式来访问:

点击链接访问:

直接访问b.jsp:

两种方式都没问题,这证明我们的路径是可以生效的。

一般情况下,为了避免不必要的麻烦,我们通过都用这种方式来处理那些链接,这样可以避免不同访问方式会出现链接不正常的问题。

 

2)相对路径和绝对路径大家应该理解了吧,下面有一种跳转的方式,就是客户端跳转,sendRedirect跳转,这个跳转的路径跟我们前面的request的跳转不一样,它不是相对于我们的项目的,所以我们在跳转的路径中不能按照request中的逻辑来进行处理。

我们来看看按照前面request的路径来进行请求:

Java代码   收藏代码
  1. resp.sendRedirect("/jsp/b.jsp");  

  这样访问的结果是什么?不知道,那我们来看看。

熟悉的404错误。什么?不熟悉,那就杯具啦。慢慢就熟悉了。

找不到页面,那怎么办,说明我们的路径出错啦,我们改一下。

Java代码   收藏代码
  1. resp.sendRedirect("jsp/b.jsp");  

   下面的结果呢:

没问题呢。什么原因呢?

 

实际上是因为sendRedirect是客户端跳转,它的路径并不是相对于当前的项目,如果我们以绝对路径/来进行跳转的话,我们需要指定项目名,在这里也就是Test,跳转的路径也就是:

 

Java代码   收藏代码
  1. /Test/jsp/b.jsp  

  这样才可以进行正确的跳转。


  • 2
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值