本文出自 “夜狼” 博客,请务必保留此出处http://yangfei520.blog.51cto.com/1041581/494468
首先,在test1.jsp和test2.jsp中都添加这样的代码:
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
... ....
<base href="<%=basePath %>">
那么再在两个页面中使用任何资源都从跟目录查找,在js中访问任何资源只需在前面加上<%=basePath %>即可。比如上例中test1.jsp的两处分别应该这样写:
... ...
<%=basePath %>servlet/product/AddProductServlet
小小<base>标签在web开发中的大作用
精选 转载稍微上点规模的项目,通常都会为不同模块或功能的页面,js,css等资源建立不同的路径,或者对不同的servlet等配置不同的虚拟路径。这时,关于各种路径的包含和转向问题长期困扰开发人员。
按照一般的做法,就是要理解web对资源的包含和转向原理,即使:都是从当前所在位置起,根据路径去寻找目标资源。
比如:
1.当前位置在path1下的test1.jsp,在test1.jsp中包含style目录下的css文件drp.css。那么test1.jsp中就应该这么写:
,即从当前路径回退一个到跟目录,然后从根目录下找style/drp.css。
<link rel="stylesheet" href="../style/drp.css">
2.又:在test1.jsp中js函数中访问一个配置虚拟路径的servlet,配置是这样的
那么就应该这样访问:
,即从当前路径回退一个到跟目录,然后从根目录下找servlet/product/AddProductServlet
<url-pattern>/servlet/product/AddProductServlet</url-pattern>
../servlet/product/AddProductServlet
3.又:在AddProductServlet中作转向
,而在test2.jsp中又包含style目录下的css文件drp.css。那么在test2.jsp中应该这么写:
req.getRequestDispatcher("/path2/test2.jsp").forward(req, resp);
<link rel="stylesheet" href="../../style/drp.css">
这只是个简单的例子,并没有牵扯到多个servlet转向同一个页面等复杂情况。怎么样?web开发中的路径问题够头疼的了吧?
现在我们看看使用<base>标签是怎么轻松解决这个问题的。
<%
<link rel="stylesheet" href="style/drp.css">
<link rel="stylesheet" href="style/drp.css">
无论他们之间引用的资源再多,关系再复杂,只需要记住一句话:<base>标签让本页面所有引用资源都从根目录找,但它只对页面元素起作用,对js元素无效。
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
小小<base>标签在web开发中的大作用
<base>标签轻松解决web开发中的路径问题。
标签 路径 休闲 页面 base