当前位置: 首页 > news >正文

Javaweb基础之工程路径

大家好,这里是教授.F

引入:

        工程路径有一个知识点需要注意:就是相对路径。所谓相对路径就是依赖当前位置: 相对路径的定位依赖于当前位置或参考位置。

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

        实例讲解:

        假设有一个 Web 应用程序,部署在本地服务器上,地址为 http://localhost:8080/myapp/。在该应用程序中,有一个页面 index.html,位于 http://localhost:8080/myapp/index.html

index.html 页面中,有一个相对路径引用了一个 CSS 文件 styles/main.css,则默认情况下,该相对路径会相对于 index.html 的路径来进行解析。

        所以我们可以在index.html页面中直接写成<form action="styles/main.css" method="post">

浏览器会自动对相对路径进行解析,本质上就是 http://localhost:8080/myapp/style/main.css

这样就是代码简洁很多。

弊端:

        

如上面的图。如果我们访问了a.html文件,想直接跳转到my.css页面中,使用相对路径是不行的,因为此时的相对路径是http://localhost:8080/webpath/d1/d2。如果直接这样写:my.css是跳转到的。这里就需要base标签来指定路径。

base标签:

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

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

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

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

所以对于上面的例子来说,在html文件中就要写上:

        <base herf="http://localhost:8080/web/css/mycss">

补充:

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

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

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

                比如:<a herf="/"></a>这样表示是http://localhost:端口号/

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

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

                ● request.getRequestDispatcher("/");

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

                 比如  <a herf="servlet03"></a>: servlet03 表示资源

                        <a herf="/a/servlet03"></a>: servlet03 表示路径

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

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

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

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

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

        

相关文章:

Javaweb基础之工程路径

大家好&#xff0c;这里是教授.F 引入&#xff1a; 工程路径有一个知识点需要注意&#xff1a;就是相对路径。所谓相对路径就是依赖当前位置&#xff1a; 相对路径的定位依赖于当前位置或参考位置。 使用相对路径来解决&#xff0c; 一个非常重要的规则&#xff1a;页面所有的…...

国际荐酒师(香港)协会受邀出席广州意大利国庆晚宴

2024年5月30日&#xff0c;意大利驻广州总领事馆举办的2024年意大利国庆招待会及晚宴&#xff0c;庆祝意大利共和国成立。此次晚宴旨在促进中意两国之间的文化交流与合作。国际荐酒师&#xff08;香港&#xff09;协会受主办方邀请参与了这一重要活动。 国际荐酒师&#xff08;…...

让驰骋BPM系统插上AI的翅膀

让驰骋BPM系统插上AI的翅膀 在当今日益复杂多变的商业环境中&#xff0c;业务流程管理&#xff08;BPM&#xff09;系统的应用愈发广泛&#xff0c;成为企业提高效率、优化流程、降低成本的重要工具。驰骋BPM系统凭借其出色的性能和丰富的功能&#xff0c;赢得了众多企业的青睐…...

排队论 | 基于排队机制实现智能仓储机器人巡逻及避碰

研究背景: 智能仓储机器人在现代物流行业中扮演着重要的角色,能够提高仓库的运作效率和准确性。然而,仓储机器人在巡逻过程中可能会遇到其他机器人或障碍物,这就需要解决排队和避碰问题,以确保安全和高效的运作。 研究路线: 背景调研:了解智能仓储机器人的发展和应用…...

Node.js和npm常用命令

一、Node.js简介 Node.js是一个免费、开源、跨平台的JavaScript运行时环境&#xff0c;允许开发人员创建服务器、web应用程序、命令行工具和脚本。 点击查看node.js中文官网 点击查看node.js英文官网 二、npm简介 npm(Node Package Manager)是Node.js的软件包管理器&#xff0…...

pytest +allure在测试中的应用

一、allure配置&#xff1a; 1、安装allure库 pip install allure-pytest2、代码中导入 import allure3、常用命令&#xff1a; 1)、 pytest --alluredir报告目录 测试脚本.py比如&#xff1a;pytest --alluredir./allure_report &#xff08;未指定执行所有&#xff09; 2&…...

004 CentOS 7.9 mongodb7.0.11安装及配置

https://www.mongodb.com/try/download/shell https://www.mongodb.com/try/download/community 文章目录 /etc/mongod.conf在 /etc/systemd/system/ 目录下创建一个名为 mongod.service 的文件重新加载 systemd 配置&#xff1a;启用服务&#xff1a;现在&#xff0c;可以手动…...

Docker安装Redis(云服务器)

准备&#xff1a; 在云服务器中开启6370端口号 docker run -d --name redis -p 6379:6379 redis 这条命令使用docker运行一个名为"redis"的容器&#xff0c;映射容器的6379端口到主机的6379端口&#xff0c;并且使用redis镜像来运行容器。REDIS是一个开源的内存数据…...

springboot中抽象类无法注入到ioc容器

1、背景 在写代码时&#xff0c;发现service接口有两个实现类&#xff0c;并且两个实现类中没有对类名重命名&#xff0c;属性注入的时候也没有使用byName或Qualifier&#xff0c;正确情况下会发生多实现报错的问题&#xff0c;以前对这个问题进行解析过。 2、调试过程 我想…...

Java关键字大冒险:深入浅出地理解Java的精髓

Java编程语言中的关键字就像是魔法咒语&#xff0c;每一个都有自己独特的作用。在这篇博客中&#xff0c;我们将探讨Java中最常见的关键字&#xff0c;并通过有趣的例子和形象的比喻&#xff0c;让你轻松掌握它们的用法。 1. public: 万能钥匙 public关键字是Java中的“万能钥…...

Android Kotlin 打开相册选择图片(多选)

1. 核心代码 打开系统相册功能&#xff0c;本代码使用两种方式打开本地相册&#xff0c;startActivityForResult 已经废弃&#xff0c;可以使用新的方式。 package com.example.facedetectordemoimport android.content.pm.PackageManager import androidx.appcompat.app.App…...

java学习路径

ProcessOn Mindmap...

[线程与网络] 网络编程与通信原理(四):深入理解传输层UDP与TCP协议

&#x1f338;个人主页:https://blog.csdn.net/2301_80050796?spm1000.2115.3001.5343 &#x1f3f5;️热门专栏:&#x1f355; Collection与数据结构 (92平均质量分)https://blog.csdn.net/2301_80050796/category_12621348.html?spm1001.2014.3001.5482 &#x1f9c0;Java …...

IEEE编程语言排行榜:深度解析编程语言的四大维度、五大趋势、六大热门与七大挑战

IEEE编程语言排行榜&#xff1a;深度解析编程语言的四大维度、五大趋势、六大热门与七大挑战 在信息技术领域&#xff0c;编程语言排行榜一直是衡量各种编程语言流行度和影响力的重要指标。IEEE&#xff08;电气电子工程师协会&#xff09;作为全球最具影响力的科技专业组织之…...

【C++面试50题】

以下是针对C程序员面试可能遇到的一些问题&#xff0c;涵盖了从基础语法、面向对象、STL、内存管理、模板、异常处理、并发编程等多个方面。 ### 基础概念与语法 1. C与C的主要区别是什么&#xff1f; 2. 什么是构造函数和析构函数&#xff1f;它们何时被调用&#xff1f; 3. 什…...

外汇天眼:ESMA发布针对在投资服务中使用人工智能的公司的指导意见

欧洲证券和市场管理局&#xff08;ESMA&#xff09;&#xff0c;欧盟的金融市场监管机构和监督机构&#xff0c;发布了一份声明&#xff0c;为在向零售客户提供投资服务时使用人工智能技术&#xff08;AI&#xff09;的公司提供初步指导。 尽管人工智能的普及仍处于初期阶段&am…...

【前缀和 记忆化搜索】LeetCode1444. 切披萨的方案数

本文涉及的基础知识点 C算法&#xff1a;前缀和、前缀乘积、前缀异或的原理、源码及测试用例 包括课程视频 动态规划 记忆化搜索 LeetCode1444. 切披萨的方案数 给你一个 rows x cols 大小的矩形披萨和一个整数 k &#xff0c;矩形包含两种字符&#xff1a; ‘A’ &#xff…...

异常处理1--5.31

try--catch--finally格式&#xff1a; try{ }catch(错误类型){ }finally{ } 执行情况&#xff1a; package javatest5;public class test {public static void main(String[] args) {int num115;int num20;try{System.out.println("商等于&#xff1a;"num1/num…...

AI免费插件 批量条码大师,支持100多种条码类型

没想到在网上看到一款和之前 悟空条码 类似的条码插件&#xff0c;叫批量条码大师&#xff0c;他做的比 悟空条码 功能更强&#xff0c;界面更美观&#xff0c;特分享出来给大家。 本插件采用了BWIPJS条码库&#xff0c;支持110种条码、二维码的生成; 支持批量生成&#xff0c;…...

使用 Django 连接 MySQL 数据库

文章目录 步骤一&#xff1a;安装必要的库和驱动步骤二&#xff1a;配置数据库连接步骤三&#xff1a;执行数据库迁移步骤四&#xff1a;开始使用 MySQL 数据库创建一个模型迁移模型到数据库使用模型进行数据操作创建新记录&#xff1a;查询记录&#xff1a;更新记录&#xff1…...

WarcraftHelper终极指南:魔兽争霸3优化工具完整教程

WarcraftHelper终极指南&#xff1a;魔兽争霸3优化工具完整教程 【免费下载链接】WarcraftHelper Warcraft III Helper , support 1.20e, 1.24e, 1.26a, 1.27a, 1.27b 项目地址: https://gitcode.com/gh_mirrors/wa/WarcraftHelper 还在为《魔兽争霸III》的陈旧限制而烦…...

从EGO-Planner到集群协同:分布式轨迹优化在无人机编队中的应用

1. 项目概述&#xff1a;从单机到集群的自主飞行进化如果你玩过无人机&#xff0c;或者关注过机器人领域&#xff0c;大概会知道让一台机器在空中自主规划路径、避开障碍物已经是个不小的挑战。那么&#xff0c;想象一下&#xff0c;让一群无人机像鸟群一样&#xff0c;在复杂、…...

微软UFO项目:统一AI模型调用的抽象层设计与工程实践

1. 项目概述&#xff1a;当“统一”成为AI开发的新范式最近在折腾大模型应用开发的朋友&#xff0c;可能都绕不开一个痛点&#xff1a;模型太多&#xff0c;工具链太杂。想用闭源的GPT-4处理文本&#xff0c;用开源的Llama搞本地推理&#xff0c;再用DALL-E 3生成图片&#xff…...

AI智能体长期记忆架构:构建Agent Shadow Brain解决上下文限制

1. 项目概述&#xff1a;当AI智能体拥有一个“影子大脑”最近在AI智能体开发领域&#xff0c;一个名为“Agent Shadow Brain”的项目引起了我的注意。这个项目由开发者theihtisham发起&#xff0c;其核心思想是为大型语言模型驱动的智能体配备一个独立的、持续运行的“影子大脑…...

EFM8 I2C Slave外设深度解析:从SMBus思维转换到实战应用

1. 项目概述&#xff1a;从SMBus到I2C Slave的思维转换如果你之前主要接触的是SMBus&#xff08;系统管理总线&#xff09;设备&#xff0c;现在要上手Silicon Labs的EFM8LB1或EFM8BB3这类8位MCU的I2C Slave&#xff08;从机&#xff09;功能&#xff0c;可能会觉得有点“水土不…...

手把手教你用TI TICS Pro配置LMX2594时钟芯片(附寄存器导出与SPI写入指南)

手把手教你用TI TICS Pro配置LMX2594时钟芯片&#xff08;附寄存器导出与SPI写入指南&#xff09; 在高速数字系统设计中&#xff0c;时钟信号的稳定性和精确度往往决定着整个系统的性能上限。作为射频与通信领域的工程师&#xff0c;我深刻体会过时钟配置失误带来的调试噩梦—…...

从源码到集群:OpenMPI在Linux环境下的定制化编译与部署实践

1. 为什么需要从源码编译OpenMPI&#xff1f; 很多刚接触高性能计算的朋友可能会有疑问&#xff1a;直接用包管理器安装OpenMPI不是更方便吗&#xff1f;确实&#xff0c;像apt-get install openmpi或yum install openmpi这样的命令一键就能搞定。但实际工作中&#xff0c;我遇…...

书成紫微动,律定凤凰驯:你以为的巧合,是海棠山铁哥命格自带的文脉伏笔

书成紫微动 律定凤凰驯 ——海棠山铁哥文脉天命长卷南北朝庾信《周宗庙歌皇夏》 “书成紫微动&#xff0c;律定凤凰驯。”千年古句&#xff0c;庙堂雅颂&#xff0c;定格文德盛世之至高格局。 世人皆叹海棠山铁哥与这句谶语的严丝合缝&#xff0c;却鲜有人知&#xff1a; 所有…...

Cursor AI 规则引擎:自动化编码规范与项目约束实践指南

1. 项目概述&#xff1a;一个为 Cursor 编辑器量身定制的规则引擎如果你和我一样&#xff0c;深度依赖 Cursor 这款 AI 驱动的代码编辑器&#xff0c;那你一定经历过这样的时刻&#xff1a;面对 AI 生成的代码&#xff0c;既惊叹于它的效率&#xff0c;又时常为它不遵守团队规范…...

AI Agent工作流引擎:从DAG编排到生产级应用实践

1. 项目概述&#xff1a;AI Agent工作流引擎的诞生与价值最近在GitHub上看到一个挺有意思的项目&#xff0c;叫“ai-agent-workflow”。光看名字&#xff0c;你可能觉得这又是一个关于AI智能体的框架&#xff0c;但仔细研究它的代码和设计理念&#xff0c;你会发现它瞄准的是一…...