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

以你之姓@ 2022-05-21 06:36 239阅读 0赞

## 前提： ##

> 假设你的Http地址为[http://192.168.0.1/][http_192.168.0.1]，你的web应用为test，path=”/test”，那么你的web应用URL为[http://192.168.0.1/test/][http_192.168.0.1_test]

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

1）如果JSP，JS文件放在WEB-INF目录下**【服务器外部】**是根本无法访问的。
    
    2）放在WEB-INF目录下的JSP文件，可以通过服务器内部转向进行访问（主要是为了页面的安全）
    
    3）因为JS是通过客户端向服务器请求的（即需要能够从服务器外部访问），所以图片以及一些JS,CSS只能放在WEB-INF外面

## web应用的目录结构： ##

![这里写图片描述][SouthEast]

等效于下图   
![这里写图片描述][SouthEast 1]

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，其中有

其中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/][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][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]的，而不是[http://192.168.0.1/test/][http_192.168.0.1_test]的 。

html中的form表单的action属性的地址应该是相对于[http://192.168.0.1/][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中用这样的路径：

类似href=”one.css”和../../one.css的html相对路径是相对于引用这个css的文件(a.jsp)的相对路径 。而在servlet中转发时就是相对于这个servlet的相对路径了，因为jsp路径和servlet路径是不一样的 ，所以这样的引用肯定是出错的。

所以这个时候，要用站点根目录，就是相对于[http://192.168.0.1/][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/][http_localhost]工程名 /home/index.jsp   
多了一个工程名,所以要加 <%=request.getContextPath() %>   
如:

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

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

就可直接使用

### 第二, 直接访问jsp文件 ###

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

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

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

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

### 第三种情况: servlet转发到jsp（jsp在web-inf下，必须用servlet或action访问） ###

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

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

url 是: [http://localhost/][http_localhost]\*.do

url 是: [http://localhost/index.action][http_localhost_index.action]

这里不是访问JSP文件了

下面是OK 的.

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

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

[http_192.168.0.1]: http://192.168.0.1/
[http_192.168.0.1_test]: http://192.168.0.1/test/
[SouthEast]: /images/20220521/1d4f58c8733540f195766c3eb4a84f1e.png
[SouthEast 1]: /images/20220521/e31c365a057d484eb7eadc132e5175f1.png
[http_192.168.0.1_test_user_a.jsp]: http://192.168.0.1/test/user/a.jsp
[http_localhost]: http://localhost/
[http_localhost_home_index.jsp]: http://localhost/home/index.jsp
[http_localhost_index.action]: http://localhost/index.action
[http_blog.csdn.net_wym19830218_article_details_5503533]: http://blog.csdn.net/wym19830218/article/details/5503533/