关于java前端系统相对路径的问题

在JSP中可以利用一个共有的JSP 定义一个系统的相对路径。代码如下,例如在taglib.jsp中定义如下2个变量,一个为默认路径变量,一个为默认路径下的static文件夹路径下

<c:set var="ctx" value="${pageContext.request.contextPath}" />
<c:set var="ctxStatic" value="${pageContext.request.contextPath}/static" />

在其他的JSP页面则可以通过引入tablib,jsp文件来使用ctx,和ctxStatic,来表示路径了。引入方式如下

<%@ include file="../common/include/taglib.jsp" %>

使用ctx和ctxStatic的方式如下:

1.引入css文件

<link rel="stylesheet" href="${ctxStatic}/lib/bootstrap/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="${ctxStatic}/lib/fonts/iconfont.css" />
<link rel="stylesheet" href="${ctxStatic}/plugins/jqgrid/ui.jqgrid-bootstrap.css" />
<link rel="stylesheet" href="${ctxStatic}/css/style.css" />

2.引入js文件的方式

<script type="text/javascript" src="${ctxStatic}/lib/jquery/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="${ctxStatic}/lib/bootstrap/bootstrap.min.js"></script>
<script type="text/javascript" src="${ctxStatic}/plugins/jqgrid/jquery.jqGrid.min.js"></script>
<script type="text/javascript" src="${ctxStatic}/plugins/jqgrid/grid.locale-cn.js"></script>

3.ajax使用的方式
$.ajax({
    type: "POST",
    url: "${ctx}/sys/customer/bankLoan",
    dataType: "JSON",
    async: true,
    success: function(data) {
        getLoanInfo(data);
    }
});

4.jqgrid中url的使用
$gridTable.jqGrid({
    styleUI: 'Bootstrap',
    url: "${ctx}/templet/Yhls/paymentAccountInfo",
    datatype: "json",
    postData: { },
    height: '300px',
});







评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值