`

basePath

    博客分类:
  • web
阅读更多

在JSP中的如果使用 "相对路径"  则有可能会出现问题. 因为 网页中的 "相对路径" , 他是相对于 "URL请求的地址" 去寻找资源.
上面这句话是什么意思呢 ? 举个例子:
假如我们有一个项目: MyApp 在该项目下, 有一个jsp文件夹 该文件夹下包括:
login.jsp    // 登陆页面
register.jps  // 注册页面
我们在浏览器中输入地址 (注意: 地址的内容): http://localhost:8080/MyApp/jsp/login.jsp
这时候, 浏览器会链接到 "登陆页面" (login.jsp)
在login.jsp文件内包含了如下 "部分代码": <a href="jsp/register.jsp">注册用户 </a>
那么,如果我们点击这个链接,就会在浏览器地址栏中, 出现如下错误链接: http://localhost:8080/MyApp/jsp/jsp/register.jsp
为什么会出现"/jsp/jsp/register.jsp"呢?
因为, 网页中的"相对链接", 是相对于你所 "请求的URL路径" 所决定的. 即:
因为这里请求路径是:http://localhost:8080/MyApp/jsp/login.jsp
那么, 浏览器 就会在这个路径下(即:http://localhost:8080/MyApp/jsp/)去找 jsp/register.jsp
所以就会出现如下错误内容: http://localhost:8080/MyApp/jsp/jsp/register.jsp

上面的问题,就是调用页面和被调用页面的URL不同所造成的,
此类错误也常常会出现在2个页面之间进行 "转发"(forward) 操作的时候。
因为forward是在后台进行的,对客户端来说是透明的。(即: URL不改变,而数据内容却是另一个页面返回来的。。。)

那么如何解决这问题呢?
(一)方法一:直接采用绝对路径 (不推荐)
在JSP页面端,获得本项目的绝对地址(如果你的项目叫MyApp,那么获得到的地址就是 http://localhost:8080/MyApp/): 代码如下:

<%@ page language="java" pageEncoding="GBK" contentType="text/html;charset=gbk" isELIgnored="false"%> 
<% 
String path = request.getContextPath(); 
// 获得本项目的地址(例如: http://localhost:8080/MyApp/)赋值给basePath变量 
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; 
// 将 "项目路径basePath" 放入pageContext中,待以后用EL表达式读出。 
pageContext.setAttribute("basePath",basePath); 
%> 
<html> 
<head> </head> 
<body> 
<a href="${pageScope.basePath}jsp/register.jsp"> 
</body> 
</html> 

 

可以看到,在标签 <a>中的href属性内,我们直接采用了 “本项目路径 ${pageScope.basePath}” 加上 "jsp/register.jsp" , 从而构成一个绝对路径(即: http://localhost:8080/MyApp/jsp/register.jsp )

但是这样做有一个很不好的地方,那就是我们必须要在每个链接的前面都要加上 “${pageScope.basePath}”
如果这样做的话,将是一件很可怕的事情

(二)方法二: 利用html中的 <base>标签 (推荐)
下面是对html中的 <base>的介绍:
base 元素可规定页面中所有链接的基准 URL 默认情况下,页面中的链接(包括样式表、脚本和图像的地址)都是相对于当前页面的地址(即:浏览器地址栏里的请求URL)。 我们可以使用 <base>标签中的href属性来设置,所有的“相对基准 URL”。

上面说的是什么意思呢?
这是JSP端的代码 下面的代码 (十分类似上面 "方法一" 中的JSP代码)
但是这里我们并没有采用 ${pageScope.basePath}+"相对路径地址" 的方法,
而是采用了html文件中的 <base>标签: 代码如下:

<%@ page language="java" pageEncoding="GBK" contentType="text/html;charset=gbk" isELIgnored="false"%> 
<% 
String path = request.getContextPath(); 
// 获得项目完全路径(假设你的项目叫MyApp,那么获得到的地址就是 http://localhost:8080/MyApp/): 
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; 
%> 
<html> 
<head> 
<!-- base需要放到head中 --> 
<base href=" <%=basePath%>"> 
</head> 
// 这里我们就可以直接使用相对路径(即: 相对于base标签) 
<a href="jsp/login.jsp">Login </a> 
</html> 

当我们去执行上面的那段JSP代码后,我们可以在浏览器中可以查看,他所返回给客户端的html代码:
执行完上述JSP后,所返回的html代码如下:

<html> 
<head> 
<base href="http://localhost:8080/MyApp/"> 
</head> 
// 设置了 <base>后,相对路径,相对于的就是base中的路径,而不再是浏览器地址的请求路径啦~~~ 
<a href="jsp/login.jsp">Login </a> 
</html>   

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

 

注: 利用myeclipse创建jsp页面时会自动加上

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

相关推荐

    在js文件中如何获取basePath处理js路径问题

    `basePath` 是一个常用的变量,它通常用来表示应用的根目录,从而方便地构造相对路径。在JSP(JavaServer Pages)环境中,我们可以利用EL(Expression Language)表达式轻松获取`basePath`,但在独立的JS文件中,...

    basepath:Slim 4的基本路径检测器

    composer require selective/basepath 推荐的目录结构: public/ Web服务器文件, .htaccess前端控制器的Apache重定向规则 index.php前端控制器 .htaccess内部重定向到public /目录 Slim 4应用程序必须执行以下...

    BasePathNode:这是一个示例代理,可通过basepath搜索在Edge上部署的代理列表

    这是一个示例代理,可通过basepath搜索在Edge上部署的代理列表 前提条件: Apigee Edge帐户 访问部署代理 玛文 脚步: 克隆此仓库git clone https://github.com/ssvaidyanathan/BasePathNode.git 运行以下maven...

    RSA+bcpkix-jdk15.zip

    public static void saveKeyPair(KeyPair kp, String basePath) throws Exception { FileOutputStream fos = new FileOutputStream(StringUtils.isNotBlank(basePath) ? (basePath + RSAKeyStore) : RSAKeyStore);...

    kindeditor-4.1.10

    上传文件、视屏、flash等,需要修改plugins文件中对应文件中的js中的“uploadJson = K.undef(self.uploadJson, self.basePath + 'asp.net/upload_json.ashx');”中的“asp.net”改为对应的语言即可。

    fckedit编辑器

    FCKConfig.FlashUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=Flash' ; FCKConfig.ImageUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=Image' ; 10....

    fckconfig.js中文注释

    `FCKConfig.BasePath`是一个包含FCKEditor核心文件的基本路径,这里将其与相对路径`'css/fck_editorarea.css'`组合起来,确定了实际的CSS文件位置。 #### 3. `FCKConfig.EditorAreaStyles = '' ; // 编辑区的样式表...

    CodeIgniter生成网站sitemap地图的方法

    defined(‘BASEPATH’)) exit (‘No direct script access allowed’);class Sitemap extends CI_Controller{ public function __construct() { parent::__construct(); $this-&gt;load-&gt;model(‘sitemapxml’); }...

    php递归创建和删除文件夹的代码小结

    如果当前的`$basePath`不是一个已存在的目录,`@mkdir`函数会尝试创建它,设置权限为`0777`(读写执行权限)。最后,检查目录是否创建成功,并返回相应的路径或`false`。 递归删除文件夹的代码如下: ```php class...

    java /jsp FCKeditor 配置

    id="infoContent" basePath="../../FCKeditor/" width="822" height="300" skinPath="../../FCKeditor/editor/skins/silver/" defaultLanguage="zh-cn" . . . 的basePath="../../FCKeditor/" 全部改成你工程...

    jquery.zclip.js复制到剪贴板

    path: "${basePath}/js/bbs/invite/ZeroClipboard.swf",/* flash所在项目地址 */ copy: function(){ return $("#copyUrl").val(); }, afterCopy:function(){/* 复制成功后的操作 */ alert("复制成功!"); } ...

    FckEditor帮助文档

    - **BasePath的设置**:BasePath是FckEditor的根路径,必须以'/'结尾,否则可能导致资源加载失败。 - **FckEditor对象的属性**:FCKeditor对象有多种属性,例如Value(编辑器的内容),Width和Height(编辑器的尺寸...

    lhgcalendar时间插件demo

    % basePath%&gt;&quot;&gt; &lt;title&gt;My JSP &quot;MyJsp jsp&quot; starting page&lt; title&gt; &lt;script type &quot;text javascript&quot; src &quot;&lt;% basePath%&gt;lhgcalendar lhgcore js&...

    FCKeditor编辑器在JAVA中的使用与配置.doc

    - FCKConfig.FlashUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=Flash' ; - FCKConfig.ImageUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=Image' ; ...

    FCKEditor Simple Demo

    &lt;link href="&lt;%=basePath %&gt;fckeditor/_samples/sample.css" rel="stylesheet" type="text/css" /&gt; &lt;script type="text/javascript" src="&lt;%=basePath %&gt;fckeditor/fckeditor.js"&gt; window.onload = function(){...

    Java后端实现websocket与微信小程序端连接简单例子

    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %&gt;   &lt;!DOCTYPE HTML&gt; &lt;html&gt;  &lt;head&gt;  &lt;base href="&lt;&#37;=basePath%&gt;...

    JSP页面编辑器,可实现像Word一样编辑页面

    FCKConfig.LinkUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=File' ; // 设置文件上传的路径 G. FCKConfig.FlashUploadURL = FCKConfig.BasePath + 'filemanager/upload/...

    jsp中获取地址的写法

    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; ``` 这段代码中的几个关键方法解释如下: 1. **`getScheme()`**:该方法返回当前请求...

Global site tag (gtag.js) - Google Analytics