1.JSP、Servlet中的相对路径和绝对路径
前提:假设你的Http地址为http://192.168.0.1/你的web应用为test,path="/test"那么你的web应用URL为http://192.168.0.1/test/
如果JSP,JS文件放在WEB-INF目录下根本无法访问的,JSP如果放在WEB-INF目录下可以通过服务器内部转向进行访问(主要是为了页面的安全),但是JS是通过客户端向服务器请求的,所以图片以及一些JS,CSS只能放在WEB-INF外面
web应用的目录结构:
test/web/
css/
js/
test.js
web-inf/
classes/
lib/
user/
a.jsp
b.jsp
images/
web.xml
<servlet-mapping>
<servlet-name>handleservlet</servlet-name>
<url-pattern>/handleservlet</url-pattern>此映射是相对于当前web应用的
</servlet-mapping>
所有相对路径都是由"/"开头的 。如:/image/a.gif,/user/main.jsp,大家知道在html中的相对路径是这样的:
有个html文件:a.html,其中有<link href="one.css" rel="stylesheet" type="text/css">,其中href属性表示引用的css文件的路径。
one.css:表示one.css和a.hmtl处于同一个目录
user/one.css:表示one.css处于a.html所在目录的子目录user中,即user是a.html在同一个目录 。
../one.css:表示one.css位于a.hmtl上一级目录下,
../../one.css:表示one.css位于a.hmtl上一级目录的上一级目录下,
./:表示和a.hmtl同一目录
我们称上述相对路径为html相对路径
1、 服务器端的地址
服务器端的相对地址指的是相对于你的web应用的地址,这个地址是在服务器端解析的 (不同于html和javascript中的相对地址,他们是 由客户端浏览器解析的 )也就是说这时候在jsp和servlet中的相对地址应该是相对于你的web应用,即相对于http://192.168.0.1/test/的。
其用到的地方有:
forward:servlet中的request.getRequestDispatcher(address);这个address是在服务器端解析的,所以,你要forwarder到user/a.jsp应该这么写:request.getRequestDispatcher("/user/a.jsp ")这个/相对于当前的web应用test,其绝对地址就是:http://192.168.0.1/test/user/a.jsp。
redirect:在jsp中<%response.sendRedirect("/rtccp/user/a.jsp");%>
2、 客户端的地址
所有的html中的相对地址都是相对于http://192.168.0.1/的,而不是http://192.168.0.1/test/的 。
Html中的form表单的action属性的地址应该是相对于http://192.168.0.1/的,所以,如果提交到user/a.jsp为:action="/test/ user/a.jsp" ;提交到servlet为action="/test/handleservlet"
Javascript也是在客户端解析的,所以其相对路径和form表单一样。
3、 站点根目录和css路径问题 (jsp是服务器端程序,地址是变化的,引用时一般用站点根目录的相对路径)
我们称类似这样的相对路径/test/…. 为相对于站点根目录 的相对路径 。
当在jsp中引入css时,如果其相对路径相对于当前jsp文件的,而在一个和这个jsp的路径不一样的servlet中forward这个jsp时,就会发现这个css样式根本没有起作用。这是因为在servlet中转发时css的路径就是相对于这个servlet的相对路径而非jsp的路径了。所以这时候不能在jsp中用这样的路径:<link href="one.css" rel="stylesheet" type="text/css">或者<link href="../../one.css" rel="stylesheet" type="text/css">类似href="one.css"和../../one.css的html相对路径是相对于引用这个css的文件(a.jsp)的相对路径 。而在servlet中转发时就是相对于这个servlet的相对路径了,因为jsp路径和servlet路径是不一样的 ,所以这样的引用肯定是出错的。
所以这个时候,要用站点根目录,就是相对于http://192.168.0.1/的目录,以“/”开头。
因此上述错误应更正为href=”/test/one.css” 类似的站点根目录的相对目录。这样在servlet转发后和jsp中都是相对于站点根目录的相对路径 ,就能正确使用所定义的css样式了。
页面跳转问题:
Forward 高, Redirect 低, 因为Redirect 的流程是这样的, request1 sent to server, server return back to client, 然后
request2 then sent to server. 但是Forward 仅在server side处理, 对client side 是透明的. 由于Redirect 有两次传输, 所以效率低.
范围:
由于对request.setAttribute() 来说, 它携带的对象生存范围只在request内, 所以Redirect 方式会导致request携带的对象丢失.
使用说明:
1. sendRedirect
servlet和jsp里面一样
response.sendRedirect();
2. include 这种也是上面提到的forward形式,request的值会保存
1) servlet里面
request.getRequestDispatcher( "jsp2.jsp" ).include(request, response);
2) jsp里面
<jsp:include page= "include.jsp" />
说明
页面会同时包含页面1和页面2的内容,地址栏不变。
使用request.setAttribute的内容,可以正常使用
3. forword
1) servlet里面
request.getRequestDispatcher( "jsp2.jsp" ).forward(request, response);
2) jsp里面
<jsp:forward page= "include.jsp" />
说明
页面会是页面2的内容,地址栏不变
使用request.setAttribute的内容,可以正常使用
3.JSP中用相对路径引用JS,CSS文件的三种情况
第一种情况 最常见的情况
一个tomcat上都跑多个工程, 用工程名来区分
因为我的的URL是 :http://localhost/工程名 /home/index.jsp
多了一个工程名,所以要加 <%=request.getContextPath() %>
如:<script src="<%=request.getContextPath() %> /home/test.js"></script>
写<%=request.getContextPath() %>太麻烦,可以在每一个jsp文件顶部加入以下内容后,
- <%
- String path = request.getContextPath();
- String basePath = request.getScheme()+"://" +request.getServerName()+":" +request.getServerPort()+path+"/";
- %>
- <base href="<%=basePath%>" >
就可直接使用 <script src=" /home/test.js"></script>了
第二, 直接访问jsp文件
真实项目中, 一个tomcat上要是也跑了多个工程, 并用IP来区分
url 是这样的: http://localhost/home/index.jsp 注意这里,是直接访问JSP文件(jsp文件不在web-inf下,可以直接访问),不是servlet也不是struts 。
test2.js 与index.jsp 放在同一文件夹下,下面用相对路径来引入JS文件 是OK 的:
<script src=test2.js></script>
index.jsp可以找到test2.js文件
第三种情况: servlet转发到jsp(jsp在web-inf下,必须用servlet或action访问)
在第二情况的基础上,一个tomcat上要是也跑了多个工程, 并用IP来区分。
我们访问的是servlet 或是struts的action , 再转发到 index.jsp
url 是: http://localhost/***.do
url 是: http://localhost/index.action
这里不是访问JSP文件了
下面是OK 的.
<script src=/home/ test2.js></script>
test2.js 前面一定要有/home/
实际项目中, 访问 servlet或是struts的action最多, 所以这里要使用<script src=/home/test2.js></script>