理解JavaWeb项目中的路径问题——相对路径与绝对路径

背景:

  在刚开始学习javaweb,使用servlet和jsp开发web项目的过程中,一直有一个问题困扰着我:servlet 和 jsp 之间相互跳转,跳转的路径应该如何书写,才能正确的访问到相应的servlet或jsp文件?后来,在课堂上,经过老师的讲解,再加上自己的一些思考和实验,终于对web项目中文件中路径的访问有了一些了解。

  注:以下只是我个人在测试中的一些理解,内容并不全面。

 

案例准备:

  为了更好的解释web项目中的路径问题,我准备了一个简单的web项目,项目的结构如下图:

            理解JavaWeb项目中的路径问题——相对路径与绝对路径

  上图结构只需要关注红框圈起来的部分,第一个红色框圈起来的是servlet文件;而我们知道,在eclipse的动态web项目中,html 和 jsp等文件都是在WebContent这个文件夹下的,我在WebContent文件夹下创建了一个叫做VIEW文件夹,里面放了两个前端页面,这就是上图的第二个红框;在WebContent文件夹下也直接放置两个前端页面,这就是上图的第三个红框。 

访问路径的分类:

  1、相对路径:

    相对路径的概念这里就不解释了,直接来谈一谈在web项目中的相对路径是什么样以及如何使用的吧。

     在web项目中,若我们在访问路径的最前端不加上“/”那就是使用相对路径,如下图所示:

    理解JavaWeb项目中的路径问题——相对路径与绝对路径

  上图中是一个html页面,它就是项目中WebContent下的login2.html。这个html中写了一个form表单,表单的提交路径action叫UserController,他就是项目中第一个红框里的UserControllerServlet,点击提交后,表单数据将会提交到这个servlet当中。UserController前没有加“/”,所以使用的就是相对路径。那这个相对路径是相对于谁呢?就是相对于当前的这个html所在的文件夹。

 

  首先我们明确一点,在eclipse的web项目中,前端页面(html,jsp......)的默认起始路径就是WebContent,而java文件的起始路径就是src。假设我们要访问我这个项目中的login2.html,那路径如下图:

    理解JavaWeb项目中的路径问题——相对路径与绝对路径

 

  可以看到,访问路径是不需要加上WebContent的。同理,若是想要访问servlet这种src下的Java文件,也是直接“IP地址/项目名/servlet”,不需要写上包名。

  而相对路径相对的就是当前文件所在的路径的前缀,也就是上图中的http://localhost:8080/Jsp_Lab2/,也就是说,上面的form表单提交数据到UserController这个servlet,那提交路径实际上就是将UserController这个字符串与当前路径的前缀拼接起来,也就是成了http://localhost:8080/Jsp_Lab2/UserController而这正是我项目中的UserControllerServlet这个servlet的路径。通过浏览器顶端的url显示可以得到验证:

    理解JavaWeb项目中的路径问题——相对路径与绝对路径

  

  再比如,在WebContent下有一个VIEW文件夹,里面也有一个login.html文件,它的代码以及路径如下所示:

理解JavaWeb项目中的路径问题——相对路径与绝对路径   

 理解JavaWeb项目中的路径问题——相对路径与绝对路径

  

  因为WebContent是初始地址,所以要访问WebContent里面的子文件夹里面的文件,就需要加上子文件夹的名称,就如上面的VIEW文件夹。而这时,若在此login.html页面使用相对路径,那相对的就是http://localhost:8080/Jsp_Lab2/VIEW

  可以看到,上图的表单中,action依然为UserController,所以表单被提交后,提交的路径就是将UserController与相对路径拼接,也就是http://localhost:8080/Jsp_Lab2/VIEW/UserController,数据将被发送到这个地址。如下图:

    理解JavaWeb项目中的路径问题——相对路径与绝对路径

 

  可以看到,浏览器中的路径确实如此,并且产生了404错误。这是因为在这个路径是错误的,在这个路径下并没有这个文件的存在。因为上图的login.html在WebContent中的VIEW文件夹下,所以使用相对路径,那最后的路径中也一定有VIEW的存在。

  而UserController的路径实际上是http://localhost:8080/Jsp_Lab2/UserController这时,我们想要访问的servlet是在/VIEW/login.html的上一级,使用相对路径就难以实现了,因为路径的前缀已经定死了。这时,我们只能使用绝对路径来访问。

 

  2、绝对路径

  绝对路径的使用方式就是在路径的开始加上“/”若在路径开始处加上了一个“/”,那相对路径前缀就会被“清零”,路径从最初位置开始。

  那么,绝对路径的最初位置路径是什么呢?就是服务器的IP地址+端口号,比如在本机访问,那就是http://localhost:8080。也就是说使用绝对地址,那访问所写的路径将会被拼接到http://localhost:8080之后。

  使用之前报404的例子来演示,在UserController前加一个‘/’表示表单提交使用绝对路径。如下图所示:

理解JavaWeb项目中的路径问题——相对路径与绝对路径

 

  运行之后的路径如图所示:

  理解JavaWeb项目中的路径问题——相对路径与绝对路径

 

  提交表单后,跳转到的页面如下所示:

  理解JavaWeb项目中的路径问题——相对路径与绝对路径

  

  可以看到,UserController确实被直接拼接到了服务器IP地址之后,也就证明了绝对路径的起点就是服务器的IP地址。

 

  那现在我们来解决一下相对路径的最后一个案例:VIEW当中的页面使用相对来讲无法跳转到位于src下的servlet中去。

  因为我们知道,src下的UserController这个servlet的访问路径是http://localhost:8080/Jsp_Lab2/UserController,在IP地址后还有一个项目名Jsp_Lab2,所以我们可以将form表单的action改成下图中的样子:

  理解JavaWeb项目中的路径问题——相对路径与绝对路径

 

  首先以“/”开头,表示相对路径,再加上项目名,再加上servlet的 url 映射,最后就拼接成了完整的url。运行结果如下:

  理解JavaWeb项目中的路径问题——相对路径与绝对路径

 

总结:

   1、绝对路径就是在路径开头加“/”,那路径的起始就是服务器IP地址;

   2、而相对路径就是开头不加“/”,而起始就是发起跳转的文件的所在路径;