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

淩亂°似流年 2022-06-15 05:12 210阅读 0赞

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

## **前提：** ##

> 假设你的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/20220615/03a3f056f5b84359b1eb40ced5b06976.png
[SouthEast 1]: /images/20220615/181851d3f94a4af6beb6f00c5c21c461.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/