Web项目中的路径问题——相对路径与绝对路径

Web项目中的路径问题——相对路径与绝对路径

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

案例准备

动态web项目中，有一个userControlllerServlet 。html 和 jsp等文件都是在Webapp这个文件夹下的，我在Webappt文件夹下创建了一个叫做VIEW文件夹，里面放了个前端页面；在Webapp文件夹下也直接放置前端页面。

访问路径的分类：

相对路径

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

在web项目中，若我们在访问路径的最前端不加上“/”，那就是使用相对路径，如下图所示：
　　　
　　上图中是一个html页面，它就是项目中Webapp下的login2.html。这个html中写了一个form表单，表单的提交路径action叫UserController，他就是项目中第一个红框里的UserControllerServlet，点击提交后，表单数据将会提交到这个servlet当中。UserController前没有加“/”，所以使用的就是相对路径。那这个相对路径是相对于谁呢？就是相对于当前的这个html所在的文件夹。
　　首先我们明确一点，在idea的web项目中，前端页面（html，jsp…）的默认起始路径就是Webapp，而java文件的起始路径就是src。假设我们要访问我这个项目中的login2.html，那路径如下图：
　　
可以看到，访问路径是不需要加上Webappt的。同理，若是想要访问servlet这种src下的Java文件，也是直接“IP地址/项目名/servlet”，不需要写上包名。
而相对路径相对的就是当前文件所在的路径的前缀，也就是上图中的http://localhost:8080/Jsp_Lab2/，也就是说，上面的form表单提交数据到UserController这个servlet，那提交路径实际上就是将UserController这个字符串与当前路径的前缀拼接起来，也就是成了http://localhost:8080/Jsp_Lab2/UserController，而这正是我项目中的UserControllerServlet这个servlet的路径。通过浏览器顶端的url显示可以得到验证：

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

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

可以看到，上图的表单中，action依然为UserController，所以表单被提交后，提交的路径就是将UserController与相对路径拼接，也就是http://localhost:8080/Jsp_Lab2/VIEW/UserController，数据将被发送到这个地址。如下图：
　　
可以看到，浏览器中的路径确实如此，并且产生了404错误。这是因为在这个路径是错误的，在这个路径下并没有这个文件的存在。因为上图的login.html在Webapp中的VIEW文件夹下，所以使用相对路径，那最后的路径中也一定有VIEW的存在。

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

2、绝对路径

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

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

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

可以看到，UserController确实被直接拼接到了服务器IP地址之后，也就证明了绝对路径的起点就是服务器的IP地址。
那现在我们来解决一下相对路径的最后一个案例：VIEW当中的页面使用相对来讲无法跳转到位于src下的servlet中去。

因为我们知道，src下的UserController这个servlet的访问路径是http://localhost:8080/Jsp_Lab2/UserController，在IP地址后还有一个项目名Jsp_Lab2，所以我们可以将form表单的action改成下图中的样子：
　　
首先以“/”开头，表示相对路径，再加上项目名，再加上servlet的 url 映射，最后就拼接成了完整的url。运行结果如下：

总结：

1、绝对路径就是在路径开头加“/”，那路径的起始就是服务器IP地址；
2、而相对路径就是开头不加“/”，而起始就是发起跳转的文件的所在路径；