web前端的路径和Servlet注解开发

目录

在web前端的两种路径

绝对路径的两种写法

相对路径

相对路径进阶

使用注解开发Servlet

使用注解开发Servlet的注意事项

使用idea创建servlet模板


在web前端的两种路径

绝对路径的两种写法

1.带网络三要素 http://ip地址:端口号/资源路径
2.不带网络三要素

/资源路径 这里/不能省略 ,要求访问的资源必须在同一个服务器上

前端页面

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

  <a href="http://localhost:8080/path1">带网络三要素绝对路径访问Servlet</a>
  <a href="/path1">不带网络三要素绝对路径访问Servlet</a>
</body>
</html>

servlet类

java 复制代码
public class path01Servlet extends HttpServlet {
    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        super.doPost(req, resp);
    }

    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        System.out.println("servlet");
    }
}

web.xml

html 复制代码
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="https://jakarta.ee/xml/ns/jakartaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="https://jakarta.ee/xml/ns/jakartaee https://jakarta.ee/xml/ns/jakartaee/web-app_5_0.xsd"
         version="5.0">

    <servlet>
        <servlet-name>path01Servlet</servlet-name>
        <servlet-class>com.hhh.servlet.path01Servlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>path01Servlet</servlet-name>
        <url-pattern>/path1</url-pattern>
    </servlet-mapping>

</web-app>

浏览器访问

相对路径

相对的不是当前项目,而是相对于URL地址栏

写法

  1. "./path2"

  2. 省略./ "path2"

java 复制代码
public class path2Servlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        System.out.println("servlet2...get");
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        super.doPost(req, resp);
    }
}

前端页面

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <a href="./path2">相对路径</a>
    <br>
    <a href="path">相对路径</a>
</body>
</html>

web.xml文件

html 复制代码
<servlet>
        <servlet-name>path2Servlet</servlet-name>
        <servlet-class>com.hhh.servlet.path2Servlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>path2Servlet</servlet-name>
        <url-pattern>/path2</url-pattern>
    </servlet-mapping>

浏览器页面

点击相对路径后,/demo2.html,会替换成path2

相对路径进阶

可以替换是因为WEB-INF(包含web.xml)和demo2.html在同一个目录下,所以可以使用相对路径进行替换

如果html文件和 WEB-INF不在同一个目录呢

web.xml

html 复制代码
        <servlet-name>path3Servlet</servlet-name>
        <servlet-class>com.hhh.servlet.path3Servlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>path3Servlet</servlet-name>
        <url-pattern>/path3</url-pattern>
    </servlet-mapping>

servlet类

java 复制代码
public class path3Servlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        System.out.println("servlet3...get");
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        super.doPost(req, resp);
    }
}

前端

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--    直接使用绝对路径-->
    <a href="http://localhost:8080/path3">path3绝对路径</a>
    <br>
    <a href="/path3">path3绝对路径</a>
    <br>
<!--    使用相对路径
        访问当前路径的上一级目录下的/path3
-->
    <a href="../path3">path3相对路径</a>
</body>
</html>

浏览器访问,要加上/a才能访问

点击相对路径

路径会变成/path3

使用注解开发Servlet

java 复制代码
@WebServlet("/annDemo1")
public class annDemo1Servlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        System.out.println("anno Servlet");
    }
}

这样一来就不用在web.xml文件中书写映射关系

结果:

anno Servlet

使用注解开发Servlet的注意事项

复制代码
1.注解开发使用的是@webServlet
2.@webServlet注解常见的属性是:
    1)String name() default "";相当于web.xml的 <servlet-name>t</servlet-name>可以不写
    2)String[] urlPatterns() default {};相当于web.xml的 <url-pattern></url-pattern>
    使用注解的时候,如果注解的属性是数组,那么我们使用的时候只给属性一个值,那么可以省略{}

    String\[\] value() default {};该属性等价于urlPatterns属性,好处是可以省略代码
在使用注解的时候关于属性名是value是可以省略的
        1.如果注解的属性只有一个value,可以省略
        2.如果注解有多个属性,并且每个属性都有默认值,此时给value赋值时可以省略value,如果除了给value赋值还有
        其他属性赋值,这样就不可以省略value.
java 复制代码
/*
    1.注解开发使用的是@webServlet
    2.@webServlet注解常见的属性是:
        1)String name() default "";相当于web.xml的 <servlet-name>t</servlet-name>可以不写
        2)String[] urlPatterns() default {};相当于web.xml的 <url-pattern></url-pattern>
        使用注解的时候,如果注解的属性是数组,那么我们使用的时候只给属性一个值,那么可以省略{}

         String[] value() default {};该属性等价于urlPatterns属性,好处是可以省略代码
         在使用注解的时候关于属性名是value是可以省略的
            1.如果注解的属性只有一个value,可以省略
            2.如果注解有多个属性,并且每个属性都有默认值,此时给value赋值时可以省略value,如果除了给value赋值还有
            其他属性赋值,这样就不可以省略value.
 */
//@WebServlet("/annDemo1")
@WebServlet({"/annoDemo1","/annoDemo2"})
public class annDemo1Servlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        System.out.println("anno Servlet");
    }
}

使用idea创建servlet模板

在servlet中书写

java 复制代码
#if (${PACKAGE_NAME} && ${PACKAGE_NAME} != "")package ${PACKAGE_NAME};#end
#parse("File Header.java")

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

@WebServlet("/${Class_Name}")
public class ${Class_Name} extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        
    }

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doGet(request,response);
    }
}
相关推荐
鬼手点金7 小时前
nanoGPT/nanochat 能做出 DeepSeek/Qwen 这样的大模型吗?
服务器·前端·javascript·bug·openclaw
软件技术NINI8 小时前
美妆商城html+Css+js 4页
javascript·css·html
蛋蛋的就会顺顺的8 小时前
hot100 p0——栈,贪心算法,动态规划
java·前端·javascript·算法·leetcode·力扣
程序员Sunday8 小时前
TypeScript 的 any、unknown、never 有什么区别?
前端·面试·typescript
朱涛的自习室8 小时前
70 美金的 Beyond Compare,我让 Gemini 4 和 DeepSeek 造个开源免费版(Day 2)
android·前端·人工智能
码艺-Alimjan9 小时前
Tauri 源码备份 · 打包 & 解压 总结,源码收集之路
前端·javascript·vue.js
小马不起床9 小时前
零基础玩转 FastAPI_11:前端后台管理页面
前端·状态模式·fastapi
死磕音视频9 小时前
让小模型做选择题:限定候选项并读取 logits 概率的入门实践(附 Python 代码)
开发语言·python·大模型·文本分类·transformers
子非鱼a10 小时前
【文件上传】一个普普通通的edu16
前端
美狐美颜SDK开放平台10 小时前
直播APP如何实现美白滤镜功能?视频美颜SDK技术开发方案详解
前端·数据库·人工智能·音视频·美颜sdk·直播美颜sdk·视频美颜sdk