关于java前端系统相对路径的问题
2017-01-01 19:08
363 查看
在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,来表示路径了。引入方式如下
使用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使用的方式
4.jqgrid中url的使用
<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', });
相关文章推荐
- [原创]java WEB学习笔记35:java WEB 中关于绝对路径 和相对路径问题
- 关于java编译与运行时绝对路径与相对路径问题
- 关于java和web项目中的相对路径问题
- Java(web前端和后端)中相对路径问题
- 关于java和web项目中的相对路径问题
- 关于java的绝对路径和相对路径问题
- 关于java中相对路径,绝对路径问题总结
- 关于java和web项目中的相对路径问题
- 关于java和web项目中的相对路径问题
- 关于Java文件路径问题
- java中相对路径,绝对路径问题总结
- 关于Java文件路径问题
- 用log4j解决java相对路径问题
- java(Web)中相对路径,绝对路径问题总结
- 关于Java文件路径问题
- 关于Java文件路径问题(转)
- java中相对路径,绝对路径问题总结
- Java路径问题最终解决方案—可定位所有资源的相对路径寻址
- 关于web.config的数据库连接的相对路径的问题
- Java路径问题最终解决方案—可定位所有资源的相对路径寻址