jsp中的basePath和path

  1. 在JSP中的如果使用 "相对路径"  则有可能会出现问题.     
  2. 因为网页中的 "相对路径" 他是相对于 "URL请求的地址" 去寻找资源.      
  3. 上面这句话是什么意思呢    
  4. 举个例子:    
  5. 假如我们有一个项目: MyApp    
  6. 在该项目下, 有一个jsp文件夹    
  7. 该文件夹下包括:    
  8. login.jsp    // 登陆页面    
  9. register.jps  // 注册页面    
  10.   
  11. 我们在浏览器中输入地址 (注意: 地址的内容):    
  12. http://localhost:8080/MyApp/jsp/login.jsp    
  13. 这时候, 浏览器会链接到 "登陆页面" (login.jsp)    
  14. 在login.jsp文件内包含了如下 "部分代码"   
  15. <a href="jsp/register.jsp">注册用户 </a>    
  16. 那么,如果我们点击这个链接,就会在浏览器地址栏中, 出现如下错误链接:    
  17. http://localhost:8080/MyApp/jsp/jsp/register.jsp    
  18. 看~~    
  19. 为什么会出现"/jsp/jsp/register.jsp"呢?    
  20. 因为, 网页中的"相对链接"是相对于你所 "请求的URL路径" 所决定的.    
  21. 即:    
  22. 因为这里请求路径是:http://localhost:8080/MyApp/jsp/login.jsp    
  23. 那么, 浏览器 就会在这个路径下(即:http://localhost:8080/MyApp/jsp/)去找 jsp/register.jsp    
  24. 所以就会出现如下错误内容:    
  25. http://localhost:8080/MyApp/jsp/jsp/register.jsp    
  26. 上面的问题,就是调用页面和被调用页面的URL不同所造成的,    
  27. 此类错误也常常会出现在2个页面之间进行 "转发"(forward) 操作的时候。    
  28. 因为forward是在后台进行的,对客户端来说是透明的。(即: URL不改变,而数据内容却是另一个页面返回来的。。。)    
  29. 那么如何解决这问题呢?    
  30.   
  31. (一)方法一:直接采用绝对路径 (不推荐)    
  32. 在JSP页面端,获得本项目的绝对地址(如果你的项目叫MyApp,那么获得到的地址就是 http://localhost:8080/MyApp/):    
  33. 代码如下:    
  34. <!-- **************方法一***************** -->    
  35. <%@ page language="java" pageEncoding="GBK" contentType="text/html;charset=gbk" isELIgnored="false"%>    
  36. <%    
  37. String path request.getContextPath();    
  38. // 获得本项目的地址(例如: http://localhost:8080/MyApp/)赋值给basePath变量    
  39. String basePath request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"   
  40. // 将 "项目路径basePath" 放入pageContext中,待以后用EL表达式读出。    
  41. pageContext.setAttribute("basePath",basePath);    
  42. %>    
  43. <html>    
  44. <head> </head>    
  45. <body>    
  46. <a href="${pageScope.basePath}jsp/register.jsp"   
  47. </body>    
  48. </html>    
  49. <!-- *************************************-->    
  50.   
  51. 我们可以看到,在标签 <a>中的href属性内,我们直接采用了    
  52. “本项目路径 ${pageScope.basePath}” 加上 "jsp/register.jsp" ,    
  53. 从而构成一个绝对路径(即: http://localhost:8080/MyApp/jsp/register.jsp)    
  54.   
  55. 但是这样做有一个很不好的地方,那就是我们必须要在每个链接的前面都要加上 “${pageScope.basePath}”    
  56. 如果这样做的话,将是一件很可怕的事情。    
  57.   
  58. (二)方法二: 利用html中的 <base>标签(推荐)    
  59. 下面是对html中的 <base>的介绍:    
  60. base 元素可规定页面中所有链接的基准 URL    
  61. 默认情况下,页面中的链接(包括样式表、脚本和图像的地址)都是相对于当前页面的地址(即:浏览器地址栏里的请求URL)。    
  62. 我们可以使用 <base>标签中的href属性来设置,所有的“相对基准 URL”。    
  63.   
  64. 上面说的是什么意思呢?我们来看看代码就知道咯~~    
  65.   
  66. 这是JSP端的代码    
  67. 下面的代码 (十分类似上面 "方法一" 中的JSP代码)    
  68. 但是这里我们并没有采用 ${pageScope.basePath}+"相对路径地址" 的方法,    
  69. 而是采用了html文件中的 <base>标签:    
  70. 代码如下:    
  71. <!-- *************JSP代码******************-->    
  72. <%@ page language="java" pageEncoding="GBK" contentType="text/html;charset=gbk" isELIgnored="false"%>    
  73. <%    
  74. String path request.getContextPath();    
  75. // 获得项目完全路径(假设你的项目叫MyApp,那么获得到的地址就是 http://localhost:8080/MyApp/):    
  76. String basePath request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"   
  77. %>    
  78. <html>    
  79. <head>    
  80. <!-- base需要放到head中 -->    
  81. <base href="<%=basePath%>"  

  82.  在源码中是这样编写
  83. </head>    


  84. 在浏览器的页面中如下显示:

  85. // 这里我们就可以直接使用相对路径(即: 相对于base标签)    
  86. <a href="jsp/login.jsp">Login </a>    
  87. </html>    
  88. <!-- *************************************-->    
  89.   
  90. 大概看完了上面的代码,或许您还是有些疑惑 *_*~~    
  91. 不过当您看到了,下面的代码,可能就豁然开朗了 (*^__^*) 嘻嘻……。    
  92.   
  93. 当我们去执行上面的那段JSP代码后,我们可以在浏览器中可以查看,他所返回给客户端的html代码:    
  94. 执行完上述JSP后,所返回的html代码如下:    
  95. <html>    
  96. <head>    
  97. <base href="http://localhost:8080/MyApp/"   
  98. </head>    
  99. // 设置了 <base>后,相对路径,相对于的就是base中的路径,而不再是浏览器地址的请求路径啦~~~    
  100. <a href="jsp/login.jsp">Login </a>    
  101. 还有就是图像位置问题:安排在WebRoot路径下:
  102. </html>    
  103.   
  104. 在源码中路径是这样写的

  105. 我们可以看到JSP返回的html代码中,包含了 <base href="http://localhost:8080/MyApp/">内容。    
  106. 也就是说,在本html文件中,遇到的所有 “相对链接(例如: <a href="jsp/login.jsp">)”,都是相对于base    
  107. 的路径(即:http://localhost:8080/MyApp/),所以我们就可以进行的使用 相对链接,而不必担心,    
  108. 转发操作(forward)或 请求地址不同所造成的页面无法找到的错误啦~(即: HTTP: 404)。。。   


  109. 感谢这位博主分享
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值