在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>