码迷,mamicode.com
首页 > Web开发 > 详细

jsp的相对路径问题

时间:2015-07-23 19:32:54      阅读:172      评论:0      收藏:0      [点我收藏+]

标签:

 

要把test2.js 引入到 index.jsp中,  针对三种情况,分析如下:

 

----------------------------------------------------------

 

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

 

---------------------------------------------------------------------------------

第二,  访问JSP文件时, 用相对路径引入JS,CSS文件是OK的

 

真实项目中,  一个tomcat上要是也跑了多个工程, 并用IP来区分
url 是这样的:  http://localhost/home/index.jsp     注意这里,是直接访问JSP文件,不是servlet,不是struts .
test2.js  与index.jsp 放在同一文件夹下
下面用相对路径来引入 JS文件 是OK 的:
<script src=test2.js></script>

 

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

 

 

------------------------------------------------------------------------------


第三种情况:

 

在第二情况的基础上, 我们访问的是 servlet 或是struts的action  , 再转发到 index.jsp 


url 是:  http://localhost/***.do  这里不是访问JSP文件了

 

下面是OK 的.
<script src=home/test2.js></script>

test2.js  前面一定要有home/

实际项目中, 访问 servlet或是struts的action最多, 所以这里要注意 了.

 

 

下面是错误的, index.jsp找不到test2.js文件

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

 本来在 "第二种情况"中, 上面是OK的, 但现在情况有点不同了,不是访问JSP文件了,访问的是 servlet或是struts的action了.

 

 

-------------------------------------------------------------------------------

 

        对上面现象的分析: (源自网络)

 

一. 我们平常 说的 "相对路径 ": 适用于"第二种情况"

 

有个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上一级目录下, 

http://www.cnblogs.com/one.css:表示one.css位于a.hmtl上一级目录的上一级目录下, 

./:表示和a.hmtl同一目录 

我们称上述相对路径为html相对路径

 

 

 

 

二. 服务器端的相对路径  ,  适用 于"第三种情况"

 

服务器端的相对地址指的是相对于你的web应用的地址,这个地址是在服务器端解析的(不同于html和javascript中的相对地址,他们是由客户端 浏览器解析的)也就是说这时候在jsp和servlet中的相对地址应该是相对于你的web应用,即相对于http://192.168.0.1 /webapp/的。

 

 

 假设Web应用road中,应用的根路径下有一个dir1文件夹和dir2文件夹。c.jsp在dir1中,a.jsp和b.jsp在dir2中。Web应用的结构如图所示。 

       + root 
           -dir1 
               c.jsp 
           -dir2 
               a.jsp 
               b.jsp 

    1. JSP页面中正确的路径表示
    2. 假设在a.jsp页面中有两个链接,分别链接到b.jsp和c.jsp页面。 

 

      • 直接写路径表示和页面在同一个文件夹下面,如<a href="b.jsp">b.jsp</a>
      • "../"表示当前文件夹的上一级文件夹(相对路径),如:
      •      <a href="../dir2/b.jsp">b.jsp</a>, 

 

             <a href="../dir1/c.jsp">c.jsp</a>
      • "/"表示 http://机器IP:8080(绝对路径),如:
      •      <a href="/road/dir2/b.jsp">b.jsp</a> 

 

             <a href="/road/dir1/c.jsp">c.jsp</a> 



    1. Servlet中正确的路径表示
      • 转发请求时:"/"表示“http://服务器IP:8080/Web应用名”,例如:
      •     String forward = "/dir1/c.jsp"; 

 

            RequestDispatcher rd = request.getQRequestDispatcher(forward);
      • 重定向时:“/”  表示“http://机器IP:8080”,而通过request.getContextPath()得到的是:“http://机器IP:8080/Web应用名”,例如:
      •      String str =  request.getContextPath(); 

 

             response.sendRedirect(str + "/dir1/c.jsp"); 

 

    1. 配置文件web.xml中
    2.    url-mapping中,"/"表示“http://IP地址:8080/Web应用名” 




××总结×× 

    • 在浏览器端:“/”表示的是一台WEB服务器,“http://机器IP:8080”
    • 在服务器端(请求转发):“/”表示的是一个WEB服务器端的应用,“http://机器IP:8080/Web应用”
    • 在服务器端(重定向):“/”表示的是一个WEB服务器,“http://机器IP:8080”
    • 要在/jsp/index.jsp文件使用图片,如何计算相对路径? 经过Servlet,struts转发后又如何计算相对路径?    

           

      目录结构:

      技术分享 

         

       

      ------------------------------------------------------------------------------

       

      第一种情况 :直接访问JSP文件

      URL是 http://localhost/Context path/jsp/index.jsp

       

      要在index.jsp引用go.gif文件:

      1、使用决对路径

      <img src=‘<%=request.getContextPath() %>/images/go.gif‘/>

      浏览器寻找方式: 域名+/Context path/images/go.gif   ,可找到。

       

        

      2、使用相对路径

      <img src=‘../images/go.gif‘/>

      浏览器寻找方式:通过地址栏分析,index.jsp所在目录(jsp)的上一层目录(WebRoot)下的images/go.gif文件 。

       

       

      3、使用base href

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

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

       

       

       <img src=‘images/go.gif‘/>

      浏览器寻找方式: basePath的值http://localhost/Context path/再加上images/go.gif,可找到。

       

       

      ------------------------------------------------------------------------------


      第二种情况: servlet转发到jsp

       

      1、使用相对路径 

      URL是http://localhost/Context path/servlet_2   (转发到/jsp/index.jsp)

       

      错误:

      根据/jsp/index.jsp路径计算,得到 <img src=‘../images/go.gif‘/>

       

       

      正确:

      <img src=‘images/go.gif‘/>

       

      原因:

      index.jsp是保存在服务器端的/jsp/index.jsp目录下面,但通过转发后浏览器并不知道/jsp/目录的存在,因为地址栏中没有体现出来。所以服务器端/jsp/目录并不会对相对路径产生影响

      浏览器寻找方式:通过地址栏分析http://localhost/Context path/servlet_2 ,相对于servlet_2所在目录(/)下面找到images/go.gif文件

       

       

      2、使用相对路径

      URL是http://localhost/Context path/servlet/ser/ser/servlet_1 (转发到/jsp/index.jsp)

       

      “/servlet/ser/ser/servlet_1 是在web.xml文件配置的

       

      错误:

      根据/jsp/index.jsp路径计算,得到 <img src=‘../images/go.gif‘/>

       

      正确: 

      <img src=‘../../../images/go.gif‘/>

       

      原因:

      index.jsp是保存在服务器端的/jsp/index.jsp目录下面,但通过转发后浏览器并不知道/jsp/目录的存在,因为地址栏中没有体现出来。所以服务器端/jsp/目录并不会对相对路径产生影响

      浏览器寻找方式:通过地址栏分析http://localhost/Context path/servlet/ser/ser/servlet_1,相对于servlet_1所在目录(ser)的上一层目录的上一层目录的上一层目录(/)下的images/go.gif文件

       

       

       

       

      3、使用决对路径

      <img src=‘<%=request.getContextPath() %>/images/go.gif‘/>

       

       

      ------------------------------------------------------------------------------

       

      总结:相对路径是由浏览器通过地址栏分析出来的,与服务器端文件的存放路径没有关系,由其是使用Servlet,struts转发到某jsp文件后,某jsp在服务器端存放的位置是/a/b/c/d/f/g.jsp , 但经过Servlet,struts转发后,浏览器的地址栏可不一定是/a/b/c/d/f/这样的层次。所以相对路径的计算以浏览器地址栏为准。原创地址:http://elf8848.iteye.com/

       

       

       

      struts2中可以使用命名空间,来保证浏览器地址栏中的目录层次与服务器端目录层次的一致性,这样程序员通过服务器端的目录层次计算相对路径,在浏览器中也是正常的。

jsp的相对路径问题

标签:

原文地址:http://www.cnblogs.com/aijindi/p/4671004.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!