JSP取得绝对路径

在JavaWeb开发中,常使用绝对路径的方式来引入JavaScript和CSS文件,这样可以避免因为目录变动导致引入文件找不到的情况,常用的做法如下:

一、使用${pageContext.request.contextPath}

  代码” ${pageContext.request.contextPath}”的作用是取出部署的应用程序名,这样不管如何部署,所用路径都是正确的。

例如:

1 <!--使用绝对路径的方式引入CSS文件-->
2 <link rel="stylesheet" href="${pageContext.request.contextPath}/themes/default/css/ueditor.css" type="text/css"/>
3 <!--使用绝对路径的方式引入JavaScript脚本-->
4 <script type="text/javascript" src="${pageContext.request.contextPath}/ueditor1_3_6-gbk-jsp/ueditor.config.js"></script>

使用<%=request.getContextPath()%>和使用${pageContext.request.contextPath}达到同样的效果

<script type="text/javascript" src="<%=request.getContextPath()%>/ueditor1_3_6-gbk-jsp/ueditor.all.js"></script>
实战项目:
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="../include/header.jsp"%>
<html>
<head>
<%@ include file="../include/footer.jsp"%>

<script type="text/javascript">

	function formateTd(value,row,index){
		var operator = $("#operator").val();
		return findBpmViewName(operator,row.processInstanceId);
	}
	
	function detail(processInstanceId){
		var path = '${pageContext.request.contextPath}/posRepairBill/toPosRepairAdd?processInstanceId='+processInstanceId;
		window.location.href = path;
	}
	
</script>
</head>
<body>
<div>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only"></span>
                <span class="icon-bar"></span>
            </button>
            <span class="tit">POS机具维修流程</span>
        </div>
    </div>
</nav>
</div>
<input type="hidden" id="operator"/>
<div class="panel-body panel-body-noheader panel-body-noborder" style="width: auto; height: auto;">
	<form action="${pageContext.request.contextPath}/posRepairBill/queryRepairBill" class="erp-form form-inline col3" method="post" role="form" id="queryForm">
		<div class="panel panel-primary erp-primary">
			<div class="panel-body">
				<div class="form-group">
					<div class="input-group">
						<label class="input-group-addon">POS序列号</label>
						<input class="form-control" name="posSn" />
					</div>
					<div class="input-group">
						<label class="input-group-addon">是否自备机</label>
						<input class="form-control" name="isSelf" />
					</div>
					<div class="input-group">
						<label class="input-group-addon">机具型号</label>
						<input class="form-control" name="type" />
					</div>
					<div class="input-group">
						<label class="input-group-addon">快递公司</label>
						<input class="form-control" name="sendExpressCompany" />
					</div>
					<div class="input-group">
						<label class="input-group-addon">快递单号</label>
						<input class="form-control" name="sendExpressNo" />
						<select id="sendExpressCompany" name="posRepairBean.sendExpressCompany"><option value="">请选择</option><option value="shunfeng">顺丰快递</option><option value="yunda">韵达快递</option></select>
					</div>
					<div class="input-group">
						<label class="input-group-addon">回寄联系人</label>
						<input class="form-control" name="receiveName" />
					</div>
					<div class="input-group">
						<label class="input-group-addon">回寄联系电话</label>
						<input class="form-control" name="receivePhoneNo" />
					</div>
					<div class="input-group">
						<label class="input-group-addon">回寄地址</label>
						<input class="form-control" name="returnExpressNo" />
						<select id="province" name="province" onchange="changeProvince(this.value)" class="width70"><option value=""></option><option value="11">北京市</option><option value="12">天津市</option><option value="13">河北省</option><option value="14">山西省</option><option value="15">内蒙古自治区</option><option value="21">辽宁省</option><option value="22">吉林省</option><option value="23">黑龙江省</option><option value="31">上海市</option><option value="32">江苏省</option><option value="33">浙江省</option><option value="34">安徽省</option><option value="35">福建省</option><option value="36">江西省</option><option value="37">山东省</option><option value="41">河南省</option><option value="42">湖北省</option><option value="43">湖南省</option><option value="44">广东省</option><option value="45">广西壮族自治区</option><option value="46">海南省</option><option value="50">重庆市</option><option value="51">四川省</option><option value="52">贵州省</option><option value="53">云南</option><option value="54">西藏自治区</option><option value="61">陕西省</option><option value="62">甘肃省</option><option value="63">青海省</option><option value="64">宁夏回族自治区</option><option value="65">新疆维吾尔自治区</option></select>
					</div>
					<div>
						<label class="input-group-addon">问题描述</label>
					<textarea name="posRepairBean.remark" id="remark" rows="3" cols="50"></textarea>
					</div>
				</div>
			</div>
			<div class="text-center">
	            <button type="button" class="btn btn-primary btn-blue" id="queryBtn" onclick="submitForm()">查询</button>
	            <button type="reset" class="btn btn-default btn-initial">重置</button> 
	        </div>
	        <br>
		</div>
	</form>
</div>

<div class="panel-body panel-body-noheader panel-body-noborder" style="width: auto; height: auto;">
	

</div>
<div>
<p>
	<font color="red">温馨提示:</font><br>
	<font color="red">1.机具在质保期内免费维修。</font><br>
	<font color="red">2.自备机和超出质保期的POS机收取维修费50元。</font><br>
	<font color="red">3.如果机具进行过恶意篡改,则一律收取维修费100元。</font><br>
	<font color="red">4.已返厂的机具会由厂商收取费用,查看费用证明直接向厂商缴纳所需费用。</font>
	</p>
</div>
</body>
</html>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值