WEB 工程路径专题 您所在的位置:网站首页 html路径标签 WEB 工程路径专题

WEB 工程路径专题

2024-04-11 20:14| 来源: 网络整理| 查看: 265

WEB 工程路径专题

工程路径解决方案

 

解决方案:相对路径

1. 说明: 使用相对路径来解决,一个非常重要的规则:页面所有的相对路径,在默认情 况下,都会参考当前浏览器地址栏的路径 http://ip:port/工程名/ + 资源来进行跳转。所以 我们可以直接这样写

2. 相对路径带来的问题举例 => 示意图

3. 如果需要指定页面相对路径参考的的路径,可以使用 base 标签来指定

解决方案:base 标签 base 基本介绍

1. base 标签是 HTML 语言中的基准网址标记,它是一个单标签,位于网页头部文件的 head 标签内

2. 一个页面最多只能使用一个 base 元素,用来提供一个指定的默认目标,是一种表达路 径和连接网址的标记。

3. 常见的 url 路径形式分别有相对路径与绝对路径,如果 base 标签指定了目标,浏览器

将通过这个目标来解析当前文档中的所有相对路径,包括的标签有(a、img、link、form)

4. 也就是说,浏览器解析时会在路径前加上 base 给的目标,而页面中的相对路径也都转

换成了绝对路径。使用了 base 标签就应带上 href 属性和 target 属性

base 应用实例

1、需求: 演示 base 标签的使用, 说明: 先演示和 html 相关的路径跳转,再演示和Servlet路径转发, 一步步来

a.html a.html 这是 a.html 跳转到/d1/d2/b.html 转发到/d1/d2/b.html b.html b.html 这是/d1/d2/b.html 返回 a.html~ Servlet03.java public class Servlet03 extends HttpServlet { protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { //这里我们希望通过转发来定位b.html //1. 在服务器端 解析第一个 /时,会被解析成 http://ip:port/项目名[application context] // 补充: 项目名=> 说成 application context //2. "/d1/d2/b.html" => 被解析 http://ip:port/项目名/d1/d2/b.html System.out.println("Servlet03 进行转发~~~ ...."); request.getRequestDispatcher("/d1/d2/b.html").forward(request,response); //3. 在服务器进行转发时, 没有 / 就按照默认的方式参考定位 http://ip:port/项目名/ // 仍然使用上面的 //request.getRequestDispatcher("d1/d2/b.html").forward(request,response); } protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doPost(request, response); } } 练习 login.HTML 登录 用户登录 u: user.html 用户页面 用户页面 点击返回登录 WEB 工程路径注意事项和细节 注意事项和细节说明

1. Web 工程的相对路径和绝对路径

                ● 相对路径是:

                ● .表示当前目录

                ● ..表示上一级目录

                ● 资源名 表示当前目录/资源名

                ● 绝对路径: http://ip:port/工程路径/资源路径

2. 在实际开发中,路径都使用绝对路径,而不是相对路径

3. 在 web 中 / 斜杠 如果被浏览器解析,得到的地址是:

                http://ip[域名]:port/比如: 斜杠

4. 在 web 中 / 斜杠 如果被服务器解析,得到的地址是:http://ip[域名]:port/工程路径/, 你也可以理解成 /工程路径/ 下面的几种情况就是如此:

                ● /servelturl

                ● servletContext.getRealPath("/"); ==> 是得到执行路径/工作路径

                ● request.getRequestDispatcher("/");

5. 在 javaWeb 中 路径最后带 / 和 不带 / 含义不同, 一定要小心,

比如 网址 : servlet03 表示资源 网址 : servlet03 表示路径

6. 特别说明:重定向 response.sendRediect("/"); 这条语句虽然是在服务器执行的,但是, 服务器是把斜杠 / 发送给浏览器解析。因此得到地址 http://ip[域名]:port/

小结:

在编写资源路径时: , 考虑这么几点.....

(1) 这个路径 前面有没有 /

(2) 这个路径 在哪里被解析 [服务器还是浏览器] , 如果前面有  / , 并且是在 浏览器被解析的 被解析成 http://ip:port/ , 如果在服务器端被解析 , 被解析成  / 工程路径  /

(3) 如果这个路径,前面没有 / , 并且在浏览器被解析,则以浏览器当前的地址栏去掉资源部分,作为一个相对路径.

(4) 这个路径,最后有没有 / , 如果最后有  / 表示路径, 如果没有  / 表示资源

练习

在通过 Servlet 重定向情况下, 如何 通过表单提交, 找到user.html, 把所有的写法列出来 

前面页面代码  a.html  b.html以及完成这里就是server代码

server代码 package com.hspedu.servlet; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import java.io.IOException; public class Servlet03 extends HttpServlet { protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { //这里我们希望通过转发来定位b.html //1. 在服务器端 解析第一个 /时,会被解析成 http://ip:port/项目名[application context] // 再补充: 项目名=> 说成 application context //2. "/d1/d2/b.html" => 被解析 http://ip:port/项目名/d1/d2/b.html System.out.println("Servlet03 进行转发~~~ ...."); request.getRequestDispatcher("/d1/d2/b.html").forward(request,response); //3. 在服务器进行转发时, 没有 / 就按照默认的方式参考定位 http://ip:port/项目名/ // 建议,仍然使用上面的 //request.getRequestDispatcher("d1/d2/b.html").forward(request,response); } protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doPost(request, response); } }


【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有