javaweb学习（day08-WEB 工程路径专题）

菜菜小林然

已于 2024-04-02 22:56:45 修改

阅读量920

点赞数 16

分类专栏：韩顺平javaweb 文章标签：学习 javascript java

于 2024-03-15 18:46:16 首次发布

本文链接：https://blog.csdn.net/weixin_51580177/article/details/136573737

版权

韩顺平javaweb 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

一、工程路径问题

1. 先看一个问题

2. 创建

D:\idea_java_projects\hspedu_servlet\web\index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>base 标签</title>
</head>
<body>
    <h1>注册用户~</h1>
<!--    可以看到访问web路径资源非常麻烦-->
    <form action="http://localhost:8080/webpath/okServlet" method="post">
        u: <input type="text" name="username"/><br><br>
        <input type="submit" value="注册用户"/>
    </form>
    <h1>讨论区</h1>
    <form action="http://localhost:8080/webpath/okServlet" method="post">
        讨论内容: <textarea cols="50" rows="5"></textarea><br><br>
        <input type="submit" value="发布讨论"/>
    </form>
    <h1>回复区</h1>
    <form action="http://localhost:8080/webpath/okServlet" method="post">
        回复内容: <textarea cols="50" rows="5"></textarea><br><br>
        <input type="submit" value="回复"/>
    </form>
</body>
</html>

记得配置好自己的tomcat以及导入servlet的jar包，配置web.xml

3. 问题分析=》

对于其中的url每次我们可以发现前面的都是固定的格式，但是又需要每次都要写出来，相对麻烦

二、工程路径解决方案

1 解决方案：相对路径

说明 : 使用相对路径来解决，一个 非常重要的规则 ：页面所有的相对路径，在 默认情

况下 ，都会参考当前浏览器地址栏的路径 http://ip:port/ 工程名 / + 资源 来进行跳转。所以我们可以直接这样写

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

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

2 解决方案：base 标签

2.1 base 基本介绍

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

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

常见的 url 路径形式分别有相对路径与绝对路径，如果 base 标签指定了目标，浏览器将通过这个目标来解析当前文档中的所有相对路径，包括的标签有（a、img、link、form）

也就是说，浏览器解析时会在路径前加上 base 给的目标，而页面中的相对路径也都转换成了绝对路径。使用了 base 标签就应带上 href 属性和 target 属性

2.2 base 应用实例

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

创建 D:\idea_java_projects\hspedu_servlet\web\a.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>a.html</title>
</head>
<body>
<h1>这是 a.html</h1>
<a href="d1/d2/b.html">跳转到/d1/d2/b.html</a>
<br/><br/>
<a href="servlet03">转发到/d1/d2/b.html</a>
</body>
</html>

创建 D:\idea_java_projects\hspedu_servlet\web\d1\d2\b.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>b.html</title>
    <base href="http://localhost:8080/webpath/">
</head>
<body>
<!-- 解读
1. 如果没有<base href="http://localhost:10000/hspedu_servlet/">
2. 当点击 返回 a.html 超链接，将会以当前浏览器的地址为路径来确定 路径
3. 如果增加了<base href="http://localhost:10000/hspedu_servlet/">
4. 将以 base 指定的 href 的地址为路径，来确定 超链接的路径
-->
<!--<base href="http://localhost:10000/hspedu_servlet/">-->
<!--简写形式
<base href="/webpath/"> 浏览器解析第一个/时，会解析成http://localhost:10000/

-->
<!--1. 返回a.html =>使用前面的相对路径 http://localhost:8080/webpath/d1/d2/
    2.../../a.html=>http://localhost:8080/webpath/a.html
    3.相对路径会让这个项目的相互调用关系变得复杂
    4.使用base标签搞定


-->
<h1>这是/d1/d2/b.html</h1>
<a href="a.html">返回 a.html~</a>
</body>
</html>

三、WEB 工程路径注意事项和细节

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

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

3. 在 web 中 / 斜杠如果被浏览器解析，得到的地址是： http://ip[ 域名 ]:port/ 比如 : <a

href="/"> 斜杠 </a>

4. 在 web 中 / 斜杠如果被服务器解析，得到的地址是： http://ip[ 域名 ]:port/ 工程路径 / ，

你也可以理解成 / 工程路径 / 下面的几种情况就是如此 :

5. 在 javaWeb 中路径最后带 / 和不带 / 含义不同 , 一定要小心 , 比如 <a href="/a/servlet03"> 网址 </a> : servlet03 表示资源，<a href="/a/servlet03/"> 网址 </a> : servlet03 表示路径

6. 特别说明：重定向 response.sendRediect("/"); 这条语句虽然是在服务器执行的，但是 ,

服务器是把斜杠 / 发送给浏览器解析。因此得到地址 http://ip[ 域名 ]:port/

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