扫一扫
分享文章到微信
扫一扫
关注官方公众号
至顶头条
在本页阅读全文(共19页)
前提:假设你的Http地址为ttp://192.168.0.1/你的web应用为webapp,那么你的web应用URL为ttp://192.168.0.1/webapp/
web应用的目录结构:
webapp/
web-inf/
classes/
lib/
web.xml
<servlet-mapping>
<servlet-name>handleservlet</servlet-name>
<url-pattern>/handleservlet</url-pattern>此映射是相对于当前web应用的
</servlet-mapping>
user/
a.jsp
b.jsp
images/
css/
js/
所有相对路径都是由“/”开头的。如:/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中。
……/one.css:表示one.css位于a.hmtl上一级目录下,
……/……/one.css:表示one.css位于a.hmtl上一级目录的上一级目录下,
。/:表示和a.hmtl同一目录
我们称上述相对路径为html相对路径
1、服务器端的地址
服务器端的相对地址指的是相对于你的web应用的地址,这个地址是在服务器端解析的(不同于html和javascript中的相对地址,他们是由客户端浏览器解析的)也就是说这时候在jsp和servlet中的相对地址应该是相对于你的web应用,即相对于ttp://192.168.0.1/webapp/的。
其用到的地方有:
forwarder:servlet中的request.getRequestDispatcher(address);这个address是在服务器端解析的,所以,你要forwarder到a.jsp应该这么写:request.getRequestDispatcher(“/user/a.jsp”)这个/相对于当前的web应用webapp,其绝对地址就是:ttp://192.168.0.1/webapp/user/a.jsp.
sendRedirect:在jsp中<%response.sendRedirect("/rtccp/user/a.jsp");%>
2、客户端的地址
所有的html中的相对地址都是相对于ttp://192.168.0./的,而不是ttp://192.168.0.1/webapp/的。
Html中的form表单的action属性的地址应该是相对于ttp://192.168.0.1/的,所以,如果提交到a.jsp为:action=“/webapp/user/a.jsp”;提交到servlet为action=“/webapp/handleservlet”
Javascript也是在客户端解析的,所以其相对路径和form表单一样。
3、站点根目录和css路径问题
我们称类似这样的相对路径/webapp/…。为相对于站点根目录的相对路径。
当在jsp中引入css时,如果其相对路径相对于当前jsp文件的,而在一个和这个jsp的路径不一样的servlet中forwarder这个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的文件的相对路径。而在servlet中转发时就是相对于这个servlet的相对路径了,因为jsp路径和servlet路径是不一样的,所以这样的引用肯定是出错的。
所以这个时候,要用站点根目录,就是相对于ttp://192.168.0.1/的目录,以“/”开头。
因此上述错误应更正为href=“/webapp/one.css”类似的站点根目录的相对目录。这样在servlet转发后和jsp中都是相对于站点根目录的相对路径,就能正确使用所定义的css样式了。
如果您非常迫切的想了解IT领域最新产品与技术信息,那么订阅至顶网技术邮件将是您的最佳途径之一。
现场直击|2021世界人工智能大会
直击5G创新地带,就在2021MWC上海
5G已至 转型当时——服务提供商如何把握转型的绝佳时机
寻找自己的Flag
华为开发者大会2020(Cloud)- 科技行者