jsp中<basePath>问题

本文详细介绍了在JSP页面中引用图片文件的三种常见方式:绝对路径、相对路径和使用base标签。针对直接访问、Servlet转发到JSP文件时的情况进行了深入分析,解释了每种方式在不同场景下的工作原理及浏览器查找路径的过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


--------------------第一种情况 :直接访问JSP文件 ---------------------------------------

 


URL是 http://localhost/Context path /jsp/index.jsp

 

要在index.jsp引用go.gif文件:

1、使用决对路径

<img src='<%=request.getContextPath() %>/images/go.gif'/>

浏览器寻找方式: 域名+/Context path/images/go.gif   ,可找到。

 

 

2、使用相对路径

<img src='../images/go.gif'/>

浏览器寻找方式:通过地址栏分析,index.jsp所在目录(jsp )的上一层目录(WebRoot)下的images/go.gif文件  

 

 

3、使用base href

<%=request.getContextPath() %>太麻烦,可以在每一个jsp文件顶部加入以下代码

<% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <base href="<%=basePath%>">

 

 

 <img src='images/go.gif'/>

浏览器寻找方式: basePath的值http://localhost/Context path/ 再加上images/go.gif,可找到。

 

 

----------------------- 第二种情况: servlet转发到jsp ---------------------------------------


1、使用相对路径  

URL是http://localhost/Context path /servlet_2   (转发到/jsp/index.jsp)

 

错误:

根据/jsp/index.jsp路径计算,得到 <img src='../images/go.gif'/>

 

 

正确:

<img src='images/go.gif'/>

 

原因:

index.jsp是保存在服务器端的/jsp/index.jsp目录下面,但通过转发后浏览器并不知道/jsp/目录的存在,因为地址栏中没有体现出来。所以服务器端/jsp/目录并不会对相对路径产生影响

浏览器寻找方式:通过地址栏分析http://localhost/Context path /servlet_2 ,相对于servlet_2所在目录(/)下面找到images/go.gif文件

 

 

2、使用相对路径

URL是http://localhost/Context path /servlet /ser/ser/servlet_1 (转发到/jsp/index.jsp)

 

“/servlet /ser/ser/servlet_1 是在web.xml文件配置的

 

错误:

根据/jsp/index.jsp路径计算,得到 <img src='../images/go.gif'/>

 

正确:  

<img src='../../../images/go.gif'/>

 

原因:

index.jsp是保存在服务器端的/jsp/index.jsp目录下面,但通过转发后浏览器并不知道/jsp/目录的存在,因为地址栏中没有体现出来。所以服务器端/jsp/目录并不会对相对路径产生影响

浏览器寻找方式:通过地址栏分析http://localhost/Context path / servlet /ser/ser/servlet_1,相对于servlet_1所在目录(ser)的上一层目录的上一层目录的上一层目录(/)下的images/go.gif文件

 

 

3、使用决对路径

<img src='<%=request.getContextPath() %>/images/go.gif'/>

 

------------------------------- 总结 -----------------------------------------------

 

相对路径是由浏览器通过地址栏分析出来的,与服务器端文件的存放路径没有关系,由其是使用Servlet,struts转发到某jsp文件后,某jsp在服务器端存放的位置是/a/b/c/d/f/g.jsp , 但经过Servlet,struts转发后,浏览器的地址栏可不一定是/a/b/c/d/f/这样的层次。所以相对路径的计算以浏览器地址栏为准 。原创地址:http://elf8848.iteye.com/

 

 

struts2中可以使用命名空间,来保证浏览器地址栏中的目录层次与服务器端目录层次的一致性,这样程序员通过服务器端的目录层次计算相对路径,在浏览器中也是正常的。

但我们理解了原理,就算不使用命名空间,自己也有强大的控制力。

 

转载入注明出处:JAVA应用与开发办公室 http://elf8848.iteye.com/

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'main_left.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> <style> body { font-size: 35px; /* 设置字体大小 */ text-align: center; /* 设置文本居中对齐 */ background-color: black; color: white; font-family: Arial, sans-serif; } a { color: white; text-decoration: none; margin: 10px; padding: 10px; } </style> </style> </head> <body> <br><br> <a href="inputStuInfo.jsp" target="main_right">录入学生信息</a><br><br> <a href="student/queryAllStuServlet?osid=query&page=1" target="main_right">查看学生信息</a><br><br> <a href="student/queryAllStuServlet?osid=modify&page=1" target="main_right">修改学生信息</a><br><br> <a href="student/queryAllStuServlet?osid=delete&page=1" target="main_right">删除学生信息</a><br><br> <a href="user/exitServlet" target="_top">退出</a><br> </body> </html> 解释代码
05-18
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值