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

本文主要探讨在JavaWeb项目中,如何理解和使用相对路径与绝对路径。通过案例分析,解释了在Servlet和JSP之间进行跳转时,路径书写的重要性,以及相对路径与绝对路径的区别。在相对路径中,路径是相对于当前文件所在的路径;而在绝对路径中,路径始于服务器的IP地址。文中还解决了在不同层级文件之间如何正确跳转的问题。
摘要由CSDN通过智能技术生成

背景:

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

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

案例准备:

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

4deb2b9701ced23803962d373c2b2682.png

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

访问路径的分类:

1、相对路径:

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

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

8268735d236f5b5df884c52af38120fd.png

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

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

9c573de29acaa5e8717ac90e95d8c06e.png

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

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

61f159704fe6bbf18fb23d073ef3962c.png

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

15eafe7e27febb6566b4d42d80567ca9.png

b2622351c52a6210e2298f6e3d108a74.png

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

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

bc6251911997ec1598d4cbac6ae26152.png

可以看到,浏览器中的路径确实如此,并且产生了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前加一个‘/’表示表单提交使用绝对路径。如下图所示:

44baea2fa56025872cfa8c762ad1bb4e.png

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

ad8ab95b38d61377cf37c3ccc74987ec.png

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

b350d9b9e554d7cfb836fbbde77263e4.png

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

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

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

0a81f24ed7c25bcf9be940a0ef52fb0c.png

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

e441ebd4c5a45d24b3095f01d54858fa.png

总结:

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

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

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值