jsp文件引用路径的问题

一.问题
1。采用相对路径的问题
        如果采用请求转发返回页面,那么由于页面路径与请求路径不同,使得浏览器无法正确解释页面中的路径,如页面为/pages /cust/cust.jsp,图片所有目录为/images/title.gif,这时在/pages/cust/cust.jsp中的所用的路径为”../../images/title.gif”,但是如果某一个请求的路径指向这个JSP文件,而这个请求的路径为 /cust/manage.do,那么页面内容中”../../images/title.gif”就不再指向正确的路径了。
解决以上问题似乎只有使用绝对路径。
2。采用绝对路径遇到的问题
        a)随着不同的Web应用发布方式,绝对路径的值也不同。如Web应用发布为MyApp,则路径”/MyApp/images/title.gif”是正确的,但发布为另一应用时如MyApp2,这个路径就不对了,也许这个情况比较少,但以default方式发布Web应用时以上绝对路径也不同:”/images/title.gif”。
 

二.解决方案
1)采用绝对路径,但为了解决不同部署方式的差别,在所有的文件路径前加${pageContext.request.contextPath},如原路径为:
”/images/title.gif”,改为“${pageContext.request.contextPath}/images/title.gif”。
代码” ${pageContext.request.contextPath}”的作用是取出部署的程序名,这样不管如何部署,所用路径都是正确的。
缺点:
操作不便,其他工具无法正确解释${pageContext.request.contextPath}
2) 采用相对路径,在每个JSP文件中加入base标签,这样所有的路径都可以使用相对路径。
缺点:
对于被包含的文件依然无效。
    真正使用时需要灵活应用1)和2),写出更加健壮的代码。
 

在使用的时候可以使用${pageContext.request.contextPath},同时也可以在jsp页面中添加base,可用相对路径:

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

     

然后在<head>标签内添加base

<base href="<%=basePath%>"></base>

在本页面中“直接”引入外部文件时,可直接

  1. <script src="js/common/jquery-1.11.1.min.js" language="javascript"
    type="text/javascript"></script>
    <script src="js/common/frame.js" language="javascript"
    type="text/javascript"></script>
    <link href="css/common/frame.css"
    rel="stylesheet" type="text/css" />
    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />

     

同理,本页面中的css类

  1. .top {
    position: absolute;
    left: 0;
    top: 95px;
    right: 0;
    height: 120px;
    background: url(images/common/title.jpg) repeat-x
    }

     

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值