day18-web工程路徑

来源:https://www.cnblogs.com/liyuelian/archive/2022/11/18/16905206.html
-Advertisement-
Play Games

web工程路徑 配置tomcat運行快捷鍵 tomcat啟動的預設快捷鍵時shift+f10,可以自定義配置:file-setting-keymap-搜索run,找到右邊寫有shift+f10的選項,右擊選擇add keyboard shortcut 直接按下自定義快捷鍵,會自動識別 如果自定義快捷 ...


web工程路徑

配置tomcat運行快捷鍵

tomcat啟動的預設快捷鍵時shift+f10,可以自定義配置:file-setting-keymap-搜索run,找到右邊寫有shift+f10的選項,右擊選擇add keyboard shortcut

image-20221118185338594

直接按下自定義快捷鍵,會自動識別

image-20221118185445378

如果自定義快捷鍵已經被映射了,選擇leave,不破壞原有的快捷鍵

image-20221118185203346
  • 工程路徑問題

我們之前寫表單的提交路徑都是寫的完整路徑,比較麻煩,有沒有一種方式,讓我們提交表單或者超鏈接的時候,顯得更加簡單呢?

image-20221118191007703

1.工程路徑的解決方案

1.1方案一:相對路徑

說明:頁面所有的相對路徑,在預設情況下,都會參考當前瀏覽器地址欄的目錄(如:http://ip:port/工程名/)加上請求的資源名來進行跳轉。即頁面內所有使用相對路徑的靜態資源和發出的請求都是以當前頁面的URL目錄為參考基準的。

image-20221118203753926

所以我們可以這樣寫:

image-20221118191348289

相對路徑缺點分析:

有時,我們當前頁面要請求的資源不在當前瀏覽器地址欄的URL目錄下,那麼要定位到該資源就需要使用類似於../../../ 這樣的形式去返回尋找資源。這樣做會使文件之間的關係變得複雜且難以理解。

例如:如果我們的tomcat的web文件夾下有如下目錄和文件:

image-20221118202543067

a.html文件要引入my.css的參考路徑為../../css/mycss/my.css
使用相對路徑時,瀏覽器會在這個參考路徑前面加上當前地址欄的目錄來跳轉。

這樣子就會顯得非常繁瑣,文件之間的關係變得複雜。我們希望有一種方式可以通過自定義指定URL目錄(如ip:port/項目名/xyz/),來定位資源。

解決方案是:如果需要指定頁面相對路徑參考的路徑,可以使用base標簽來指定

base標簽可以設置當前頁面中所有相對路徑工作時,參照哪個路徑來進行跳轉

1.2方案二:base標簽

  • base標簽基本介紹
  1. base標簽是HTML語言中的基準網址標記,它是一個單標簽,位於網頁頭部文件的head標簽內

  2. 一個頁面最多只能使用一個base元素,用來提供一個指定的預設目標,是一種表達路徑和連接網址的標記

  3. 常見的URL路徑形式分別有絕對路徑和相對路徑,如果base標簽指定了目標,瀏覽器將通過這個目標來解析當前文檔中所有的相對路徑,包括的標簽有(a,img,link,form)

    base標簽作用就是自定義參考標準的URL目錄,不再跟當前URL有關,對頁面內所有使用了相對路徑的靜態資源路徑和請求路徑都有效

  4. 也就是說,瀏覽器解析時會在路徑前加上base給的目錄,頁面中的相對路徑加上目錄後就會轉換成絕對路徑

  5. 使用了base標簽應帶上href標簽和target標簽

  • base應用實例

現在有兩個文件,分別是a.html和b.html。a.html文件在web目錄下,b.html在web/d1/d2下

image-20221118212917578

在a.html中引用b.html時,若使用相對路徑,參考路徑應為:d1/d2/b.html。原因是:當前URL地址欄的目錄是http://localhost:8080/webpath/,加上相對路徑之後就可以定位到b.html文件

此時由於沒有使用base標簽,瀏覽器預設會在參考路徑前加上的是當前頁面的URL目錄

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>a.html</title>
</head>
<body>
<h1>這是a.html</h1>
<!--相對路徑
    1.href="d1/d2/b.html" 這個相對路徑 等價於http://localhost:8080/項目名/d1/d2/b.html
    -->
<a href="d1/d2/b.html">跳轉到/d1/d2/b.html</a>
</body>
</html>

在b.html文件中引用a.html,若只是使用相對路徑,參考路徑應為:../../a.html

但是如果我們使用base標簽,瀏覽器在參考路徑前加上的就是指定的URL目錄

這時若在base中指定URL目錄為http://localhost:8080/webpath/,那麼參考路徑應為a.html

ps: base標簽的寫法也可以簡化

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>b.html</title>
    <!--使用base標簽解決
        1.base href="http://localhost:8080/webpath/"
         表示的含義是當前頁面訪問的所有資源都是以這個路徑為參照的
         (即訪問的所有資源寫的路徑前面都會加上這個路徑,再去請求資源)
    -->
    <!--<base href="http://localhost:8080/webpath/">-->
    <!--上面的寫法可以簡化為如下:-->
    <base href="/webpath/">
    <!--說明如下:
        1.base標簽是瀏覽器去解析的
        2.瀏覽器在解析第一個斜杠/的時候,會解析成http://localhost:8080/
        3.base href="/webpath/" =解析=> base href="http://localhost:8080/webpath/"
        4.而瀏覽器在解析 <a href="a.html">返回a.html~</a> 時,會參考base,最後是:
         href="http://localhost:8080/webpath/a.html
     -->
</head>
<body>
<h1>這是/d1/d2/b.html</h1>
<!--
    1.要返回a.html 使用相對路徑,http://localhost:8080/webpath/d1/d2/
    2. ../../a.html  => http://localhost:8080/webpath/a.html
    3.相對路徑會讓這個項目相互調用的關係變得複雜
    4.使用base標簽來解決
-->
<a href="a.html">返回a.html~</a>
</body>
</html>

2.伺服器轉發定位資源

在實際開發中,往往不是直接訪問一個資源,而是在服務端進行轉發或者重定向來訪問資源

例子

使用上面的a.html和b.html文件。在a.html點擊超鏈接時,瀏覽器請求servlet03資源,由伺服器內部進行轉發來訪問b.html。

a.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>a.html</title>
</head>
<body>
<h1>這是a.html</h1>
<!--演示轉發定位b.html
    1. href="servlet03"==瀏覽器解析==>http://localhost:8080/webpath/servlet03
    2.
    -->
<a href="servlet03">由Servlet03 轉發到/d1/d2/b.html</a>
</body>
</html>

servlet03:

請求轉發的過程是發生在伺服器內部的,因此解析轉發的參考路徑的是伺服器。

package com.li.servlet;

import javax.servlet.*;
import javax.servlet.http.*;
import java.io.IOException;

public class Servlet03 extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doPost(request, response);
    }

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //這裡我們希望通過轉發來定位到b.html
        /**
         * 解讀:
         * 1.伺服器端在解析第一個/時,會被解析成http://ip:post/項目名
         * (因為轉發是發生在服務端的,所以也可以理解為斜杠“/” 被解析成 “/項目名(工程路徑)” )
         * 2. /d1/d2/b.html ==解析成=> http://ip:post/項目名/d1/d2/b.html
         */
        System.out.println("Servlet03進行轉發..");
        request.getRequestDispatcher("/d1/d2/b.html").forward(request, response);
        
        //如果沒有帶第一個斜杠 d1/d2/b.html,也可以轉發成功。
        // 因為在伺服器進行轉發的時候,沒有/ 就按照預設的方式參考定位 http://ip:post/項目名/
        //但是建議帶上/
    }
}

b.html不變。

後臺輸出:

image-20221118230107509
您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 學會 MongoDB 的增刪改查只能算得上是“初窺門徑”,瞭解、熟練掌握索引才能算得上“融會貫通”。基本可以認為資料庫的索引知識是一個初級開發向中級開發轉變所必備的知識。 ...
  • 前言 frida-trace是一個用於動態跟蹤函數調用的工具。支持android和ios。安裝教程請參考官網。工欲善其事必先利其器。本文將以某App為示範,演示frida-trace的各種方法在iOS中的應用。 一、目標 讓看文章的你在使用frida-trace時更得心應手。 二、工具 mac系統 ...
  • Android開發之應用更新或軟體下載 本文章學習前提:okHttp3或以上,EventBus或其它事件匯流排工具,四大組件的Activity和Service,安卓通知基礎知識 新建項目文件 目錄結構如下: MainActivity.java 獲取許可權 本項目所需許可權 <!-- 網路許可權--> <us ...
  • 該系列已更新文章: 分享一個實用的 vite + vue3 組件庫腳手架工具,提升開發效率 開箱即用 yyg-cli 腳手架:快速創建 vue3 組件庫和vue3 全家桶項目 Vue3 企業級優雅實戰 - 組件庫框架 - 1 搭建 pnpm monorepo Vue3 企業級優雅實戰 - 組件庫框架 ...
  • 我們是袋鼠雲數棧 UED 團隊,致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神,探索前端道路,為社區積累並傳播經驗價值。 本文作者:琉易 https://liuxianyu.cn 本次分享基於『袋鼠雲數棧UED團隊』新發佈的 UED Landing 頁 實踐得來,UED Landing 頁 ...
  • 提到緩存,作為服務端的開發人員並不陌生,無論是本地緩存還是分散式緩存,其目的都是為了提高系統響應速度的同時減輕資料庫的查詢壓力;在緩存開發中有個問題必需要解決,那就是“緩存一致性問題”! 緩存一致性 軟體開發中的緩存一致性是指緩存中的數據要和資料庫(或者數據提供方)的數據保持一致 關於緩存 我們必需 ...
  • 設計模式 設計模式這一概念最早起源於建築領域,是Christopher Alexander在其著作《建築模式語言》中首次提及, 而後經過歲月的洗禮與沉澱,由我們的前輩們引入到軟體設計領域, 其作為一種設計問題的思想,經過眾多軟體開發前輩們經過反覆的實踐和踩坑之後得到的經驗,逐漸趨於成熟和完善。應用這 ...
  • 5.6 介面開發-根據文件id打包下載附件 第2-1-2章 傳統方式安裝FastDFS-附FastDFS常用命令 第2-1-3章 docker-compose安裝FastDFS,實現文件存儲服務 第2-1-5章 docker安裝MinIO實現文件存儲服務-springboot整合minio-mini ...
一周排行
    -Advertisement-
    Play Games
  • 前言 在我們開發過程中基本上不可或缺的用到一些敏感機密數據,比如SQL伺服器的連接串或者是OAuth2的Secret等,這些敏感數據在代碼中是不太安全的,我們不應該在源代碼中存儲密碼和其他的敏感數據,一種推薦的方式是通過Asp.Net Core的機密管理器。 機密管理器 在 ASP.NET Core ...
  • 新改進提供的Taurus Rpc 功能,可以簡化微服務間的調用,同時可以不用再手動輸出模塊名稱,或調用路徑,包括負載均衡,這一切,由框架實現並提供了。新的Taurus Rpc 功能,將使得服務間的調用,更加輕鬆、簡約、高效。 ...
  • 順序棧的介面程式 目錄順序棧的介面程式頭文件創建順序棧入棧出棧利用棧將10進位轉16進位數驗證 頭文件 #include <stdio.h> #include <stdbool.h> #include <stdlib.h> 創建順序棧 // 指的是順序棧中的元素的數據類型,用戶可以根據需要進行修改 ...
  • 前言 整理這個官方翻譯的系列,原因是網上大部分的 tomcat 版本比較舊,此版本為 v11 最新的版本。 開源項目 從零手寫實現 tomcat minicat 別稱【嗅虎】心有猛虎,輕嗅薔薇。 系列文章 web server apache tomcat11-01-官方文檔入門介紹 web serv ...
  • C總結與剖析:關鍵字篇 -- <<C語言深度解剖>> 目錄C總結與剖析:關鍵字篇 -- <<C語言深度解剖>>程式的本質:二進位文件變數1.變數:記憶體上的某個位置開闢的空間2.變數的初始化3.為什麼要有變數4.局部變數與全局變數5.變數的大小由類型決定6.任何一個變數,記憶體賦值都是從低地址開始往高地 ...
  • 如果讓你來做一個有狀態流式應用的故障恢復,你會如何來做呢? 單機和多機會遇到什麼不同的問題? Flink Checkpoint 是做什麼用的?原理是什麼? ...
  • C++ 多級繼承 多級繼承是一種面向對象編程(OOP)特性,允許一個類從多個基類繼承屬性和方法。它使代碼更易於組織和維護,並促進代碼重用。 多級繼承的語法 在 C++ 中,使用 : 符號來指定繼承關係。多級繼承的語法如下: class DerivedClass : public BaseClass1 ...
  • 前言 什麼是SpringCloud? Spring Cloud 是一系列框架的有序集合,它利用 Spring Boot 的開發便利性簡化了分散式系統的開發,比如服務註冊、服務發現、網關、路由、鏈路追蹤等。Spring Cloud 並不是重覆造輪子,而是將市面上開發得比較好的模塊集成進去,進行封裝,從 ...
  • class_template 類模板和函數模板的定義和使用類似,我們已經進行了介紹。有時,有兩個或多個類,其功能是相同的,僅僅是數據類型不同。類模板用於實現類所需數據的類型參數化 template<class NameType, class AgeType> class Person { publi ...
  • 目錄system v IPC簡介共用記憶體需要用到的函數介面shmget函數--獲取對象IDshmat函數--獲得映射空間shmctl函數--釋放資源共用記憶體實現思路註意 system v IPC簡介 消息隊列、共用記憶體和信號量統稱為system v IPC(進程間通信機制),V是羅馬數字5,是UNI ...