Java Web-Request与Response

news2025/1/29 6:42:37

在 Java Web 开发中，Request 和 Response 是两个非常重要的对象，用于在客户端和服务器之间进行请求和响应的处理，以下是详细介绍：

Request（请求对象）

Request继承体系

在 Java Web 开发中，通常涉及到的 request 对象主要是指 HttpServletRequest继承体系如下：

顶层接口：java.util.EventListener

虽然它不是直接与 HttpServletRequest 功能相关的父类，但从 Java 事件监听体系角度来说，它是很多相关类间接实现的接口。EventListener 是所有事件监听器接口必须实现的标记接口，不过在 HttpServletRequest 的直接继承体系中并不直接体现它的影响。

直接相关继承体系

  1. javax.servlet.ServletRequest 接口
    • 这是一个核心的基础接口，定义了所有 Servlet 请求对象必须实现的基本方法。这些方法提供了获取请求参数、属性、请求输入流等通用功能，使得 Servlet 能够处理客户端的请求数据。例如，getParameter(String name) 方法用于获取请求中的参数值。
  2. javax.servlet.http.HttpServletRequest 接口
    • 继承自 ServletRequest 接口，专门针对 HTTP 请求进行扩展。由于 HTTP 协议是 Web 应用中最常用的协议，HttpServletRequest 接口添加了许多与 HTTP 协议相关的方法。比如，getMethod() 可以获取 HTTP 请求的方法（如 GET、POST 等）；getHeader(String name) 用于获取 HTTP 请求头信息。
  3. 具体实现类
    • 在不同的 Servlet 容器（如 Tomcat、Jetty 等）中，会有具体的 HttpServletRequest 实现类。以 Tomcat 为例，它的实现类是 org.apache.catalina.connector.RequestFacade。这些实现类会实现 HttpServletRequest 接口定义的所有方法，完成具体的请求处理逻辑。当客户端发起请求时，Servlet 容器会创建该实现类的对象，并将其作为参数传递给 Servlet 的处理方法（如 doGet、doPost），让开发者可以通过这个对象来处理请求。

需要注意的是，从 Servlet 4.0 开始，包名从 javax.servlet 变更为 jakarta.servlet，所以对应的接口变为 jakarta.servlet.ServletRequest 和 jakarta.servlet.http.HttpServletRequest，但继承体系的逻辑结构保持不变。

  • 概念：Request 对象封装了客户端发送给服务器的请求信息，包括请求头、请求参数、请求方法等。在 Servlet 开发中，常见的实现类是 HttpServletRequest，它提供了一系列方法来获取请求相关的数据。
  • 主要方法及作用
    • 获取请求参数
      • getParameter(String name)：根据参数名获取单个参数值，如 String username = request.getParameter("username");，常用于获取表单提交的单个数据。
      • getParameterValues(String name)：获取指定参数名的所有值（适用于复选框等会提交多个值的情况），返回一个字符串数组。
      • getParameterMap()：获取所有请求参数，返回一个 Map<String, String[]>，其中键是参数名，值是参数值数组。
    • 获取请求头信息：getHeader(String name) 用于根据头名称获取请求头的值，例如 String userAgent = request.getHeader("User - Agent"); 可获取客户端浏览器信息。
    • 获取请求方法：getMethod() 方法返回客户端发送请求的 HTTP 方法，如 "GET"、"POST" 等。
    • 解决乱码问题：对于 POST 请求，可通过 setCharacterEncoding("UTF - 8"); 设置字符编码来解决参数乱码问题。对于 GET 请求，有时需要额外的编码转换操作。
    • 请求转发：getRequestDispatcher(String path).forward(request, response); 可实现请求转发，将当前请求转发到另一个资源（Servlet、JSP 等），转发过程在服务器端完成，客户端地址栏不变。
    • package com.itheima.web;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.BufferedReader;
import java.io.IOException;

import static javax.servlet.http.HttpUtils.getRequestURL;

@WebServlet("/req1")
public class RequestDemo1 extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //String getMethod()  获取请求方式：GET
        String method = req.getMethod();
        System.out.println("method:" + method);//GET
        //String getContextPath():获取虚拟目录（项目访问路径）：/webDemo
        String contextPath = req.getContextPath();
        System.out.println(contextPath);
        //StringBuffer getRequestURL(): 获取URL（统一资源定位符）：http://localhost:8080/webDemo/req1
        StringBuffer requestURL = req.getRequestURL();
        System.out.println(requestURL.toString());
        //String getReQuestURI():获取URI(统一资源标识符)：/webDemo/req1
        String requestURI = req.getRequestURI();
        System.out.println(requestURI);
        //String getQueryString():获取请求参数（GET方式）：username=zhangsan
        String queryString = req.getQueryString();
        System.out.println(queryString);


        //-----------
        //获取请求头：user-agent:浏览器的版本信息
        String agent = req.getHeader("user-agent");
        System.out.println(agent);
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        
        // 获取Post请求信息用的是IO流，最后打印信息
        BufferedReader reader = req.getReader();
        String line = reader.readLine();
        System.out.println(line);
    }

}

Response（响应对象）

  • 概念：Response 对象用于封装服务器对客户端请求的响应信息，服务器通过它向客户端发送响应状态码、响应头和响应体等内容。在 Servlet 开发中，常见的实现类是 HttpServletResponse。
  • 主要方法及作用
    • 设置响应状态码：setStatus(int sc) 用于设置 HTTP 响应状态码，如 response.setStatus(200); 表示请求成功，response.setStatus(404); 表示资源未找到。
    • 设置响应头：setHeader(String name, String value) 用于设置响应头字段，如 response.setHeader("Content - Type", "text/html;charset=UTF - 8"); 设置响应内容类型和字符编码；response.setHeader("Location", "new - url"); 配合 302 状态码用于重定向。
    • 重定向：sendRedirect(String location) 方法可实现重定向功能，它会设置状态码为 302，并设置 Location 响应头，让客户端重新请求指定的 URL，客户端地址栏会改变。
    • 获取输出流
      • getWriter()：获取字符输出流 PrintWriter，用于向客户端输出文本数据，如 HTML、JSON 等。
      • getOutputStream()：获取字节输出流 ServletOutputStream，用于输出二进制数据，如图片、文件等。但要注意，getWriter() 和 getOutputStream() 不能同时使用。

 如何使用Request和Response对象

在 Java Web 开发中，HttpServletRequest 和 HttpServletResponse 对象是处理客户端请求和发送服务器响应的核心工具。以下详细介绍它们的常见使用场景和示例代码：

1. 获取请求参数

使用 HttpServletRequest 对象可以方便地获取客户端请求中携带的参数。

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@WebServlet("/paramDemo")
public class ParamDemoServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 获取单个参数
        String username = request.getParameter("username");
        // 获取多个参数（如复选框）
        String[] hobbies = request.getParameterValues("hobby");

        response.setContentType("text/html;charset=UTF-8");
        response.getWriter().println("用户名: " + username);
        if (hobbies != null) {
            response.getWriter().println("爱好: ");
            for (String hobby : hobbies) {
                response.getWriter().println(hobby);
            }
        }
    }

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 解决POST请求中文乱码问题
        request.setCharacterEncoding("UTF-8");
        doGet(request, response);
    }
}

2. 获取请求头信息

可以使用 HttpServletRequest 对象获取客户端请求头中的各种信息。

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@WebServlet("/headerDemo")
public class HeaderDemoServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 获取指定请求头
        String userAgent = request.getHeader("User-Agent");
        response.setContentType("text/html;charset=UTF-8");
        response.getWriter().println("User-Agent: " + userAgent);
    }
}

3. 请求转发

请求转发是服务器内部的一种资源跳转方式，使用 RequestDispatcher 实现。

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@WebServlet("/forwardDemo")
public class ForwardDemoServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 设置请求属性
        request.setAttribute("message", "这是转发传递的消息");
        // 获取RequestDispatcher对象
        request.getRequestDispatcher("/targetServlet").forward(request, response);
    }
}

@WebServlet("/targetServlet")
public class TargetServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 获取请求属性
        String message = (String) request.getAttribute("message");
        response.setContentType("text/html;charset=UTF-8");
        response.getWriter().println("接收到的消息: " + message);
    }
}

4. 重定向

重定向会让客户端重新向新的 URL 发送请求，使用 HttpServletResponse 的 sendRedirect 方法。

package com.itheima.web;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

//本类演示重定向

@WebServlet("/resp1")
public class ResponseDemo1 extends HttpServlet {
    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

    }

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

        // 重定向

//第一种方法
    //1. 设置响应状态码 302
        resp.setStatus (302);
    //2. 设置响应头 Location
        resp.setHeader ("Location","/webDemo/resp2");
//第二种方法
  // 简化方式完成重定向
        resp.sendRedirect ("/webDemo/resp2");
    }
}

5. 设置响应头和响应体

使用 HttpServletResponse 对象可以设置响应头信息和向客户端输出响应体内容。

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@WebServlet("/responseDemo")
public class ResponseDemoServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 设置响应头
        response.setContentType("text/html;charset=UTF-8");
        response.setHeader("Cache-Control", "no-cache");

        // 获取字符输出流，输出响应体
        response.getWriter().println("<html><body>");
        response.getWriter().println("<h1>这是一个响应示例</h1>");
        response.getWriter().println("</body></html>");
    }
}

Response响应字节数据

发送字节数据

当需要发送二进制数据，如图片、音频、视频等时，使用 ServletOutputStream 来发送字节数据。以下是一个简单的示例，展示如何从服务器读取图片文件并将其作为字节数据发送给客户端：

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.FileInputStream;
import java.io.IOException;
import java.io.InputStream;
import java.io.OutputStream;

@WebServlet("/sendByteData")
public class SendByteDataServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 设置响应内容类型为图片类型
        response.setContentType("image/jpeg");

        // 获取要发送的图片文件的输入流
        InputStream inputStream = new FileInputStream("path/to/your/image.jpg");

        // 获取响应的输出流
        OutputStream outputStream = response.getOutputStream();

        // 定义缓冲区
        byte[] buffer = new byte[1024];
        int bytesRead;
        // 从输入流读取数据并写入输出流
        while ((bytesRead = inputStream.read(buffer)) != -1) {
            outputStream.write(buffer, 0, bytesRead);
        }

        // 关闭输入流
        inputStream.close();
    }
}

代码解释：

  1. 设置响应内容类型：通过 response.setContentType("image/jpeg") 设置响应内容类型为 JPEG 图片类型，让客户端知道接收到的是图片数据。
  2. 获取输入流和输出流：使用 FileInputStream 打开要发送的图片文件，获取文件的输入流；通过 response.getOutputStream() 获取响应的输出流，用于将数据发送给客户端。
  3. 数据传输：使用一个缓冲区 byte[] buffer 从输入流读取数据，并将其写入输出流，直到文件读取完毕。
  4. 关闭输入流：操作完成后，关闭输入流以释放资源。

Response响应字符数据

发送字符数据

当需要发送文本数据，如 HTML、JSON、纯文本等时，使用 PrintWriter 来发送字符数据。以下是一个示例，展示如何向客户端发送一段 HTML 内容：

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;

@WebServlet("/sendCharData")
public class SendCharDataServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 设置响应内容类型和字符编码
        response.setContentType("text/html;charset=UTF-8");

        // 获取响应的字符输出流
        PrintWriter writer = response.getWriter();

        // 向输出流写入 HTML 内容
        writer.println("<html>");
        writer.println("<head><title>字符数据响应示例</title></head>");
        writer.println("<body>");
        writer.println("<h1>这是一段 HTML 内容</h1>");
        writer.println("</body>");
        writer.println("</html>");

        // 刷新输出流
        writer.flush();

        // 关闭输出流
        writer.close();
    }
}

代码解释：

  1. 设置响应内容类型和字符编码：通过 response.setContentType("text/html;charset=UTF-8") 设置响应内容类型为 HTML 文本，并指定字符编码为 UTF - 8，确保中文等字符能正确显示。
  2. 获取字符输出流：使用 response.getWriter() 获取响应的字符输出流 PrintWriter。
  3. 写入数据：使用 writer.println() 方法向输出流写入 HTML 内容。
  4. 刷新和关闭输出流：调用 writer.flush() 方法将缓冲区的数据刷新到客户端，最后关闭输出流以释放资源。

需要注意的是，getOutputStream() 和 getWriter() 方法不能同时使用，否则会抛出 IllegalStateException 异常。

通过以上示例，你可以了解到 HttpServletRequest 和 HttpServletResponse 在不同场景下的基本使用方法，它们是 Java Web 开发中处理请求和响应的基础。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/2283694.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

Spring AOP通知类型全解析：掌握方法执行前后的艺术

Spring AOP通知类型全解析：掌握方法执行前后的艺术

Spring的通知&#xff08;Advice&#xff09;类型主要有以下几种&#xff0c;它们都是在方法执行的不同阶段进行拦截和处理的一种机制&#xff1a; 1. 前置通知&#xff08;Before Advice&#xff09;&#xff1a;在目标方法执行之前执行的通知。就像你吃饭前要先洗手一样&…
阅读更多...
（一）HTTP协议 ：请求与响应

（一）HTTP协议 ：请求与响应

前言 爬虫需要基础知识&#xff0c;HTTP协议只是个开始&#xff0c;除此之外还有很多&#xff0c;我们慢慢来记录。 今天的HTTP协议&#xff0c;会有助于我们更好的了解网络。 一、什么是HTTP协议 &#xff08;1&#xff09;定义 HTTP&#xff08;超文本传输协议&#xff…
阅读更多...
未初始化数据恢复全攻略

未初始化数据恢复全攻略

没有初始化概述 在日常使用电脑、硬盘、U盘等存储设备时&#xff0c;我们可能会遇到“没有初始化”的提示。这一情况通常发生在存储设备突然无法被系统正常识别或访问时&#xff0c;系统往往要求我们先进行初始化操作。然而&#xff0c;初始化操作意味着对存储设备进行格式化&…
阅读更多...
学习数据结构（1）算法复杂度

学习数据结构（1）算法复杂度

1.数据结构和算法 &#xff08;1&#xff09;数据结构是计算机存储、组织数据的方式&#xff0c;指相互之间存在⼀种或多种特定关系的数据元素的集合 &#xff08;2&#xff09;算法就是定义良好的计算过程&#xff0c;取一个或一组的值为输入&#xff0c;并产生出一个或一组…
阅读更多...
Github 2025-01-25Rust开源项目日报Top10

Github 2025-01-25Rust开源项目日报Top10

根据Github Trendings的统计，今日(2025-01-25统计)共有10个项目上榜。根据开发语言中项目的数量，汇总情况如下： 开发语言项目数量Rust项目10Python项目1Vue项目1JavaScript项目1Deno: 现代JavaScript和TypeScript运行时 创建周期：2118 天开发语言：Rust, JavaScript协议类型…
阅读更多...
免费GPU算力，不花钱部署DeepSeek-R1

免费GPU算力，不花钱部署DeepSeek-R1

在人工智能和大模型技术飞速发展的今天&#xff0c;越来越多的开发者和研究者希望能够亲自体验和微调大模型&#xff0c;以便更好地理解和应用这些先进的技术。然而&#xff0c;高昂的GPU算力成本往往成为了阻碍大家探索的瓶颈。幸运的是&#xff0c;腾讯云Cloud Studio提供了免…
阅读更多...
積分方程與簡單的泛函分析7.希爾伯特-施密特定理

積分方程與簡單的泛函分析7.希爾伯特-施密特定理

1)def函數叫作"由核生成的（有源的）" 定义： 设 是定义在区域上的核函数。 对于函数，若存在函数使得， 则称函数是“由核生成的（有源的）”。 这里的直观理解是： 函数的“来源”可以通过核函数 与另一个函数的积分运算得到。 在积分方程理论中，这种表述常…
阅读更多...
2025年PHP面试宝典，技术总结。

2025年PHP面试宝典，技术总结。

面试是进入职场的第一道坎&#xff0c;因为我本身学校太一般的问题在面试中遇到了各种不爽&#xff0c;和那些高学历的相比自己真是信心大跌。我面试的方向是php开发工程师&#xff0c;主要做网站后台、APP接口等。下面是我这段时间总结的面试方面的常考常问的知识点&#xff0…
阅读更多...
追剧记单词之：国色芳华与单词速记

追剧记单词之：国色芳华与单词速记

●wretched adj. 恶劣的&#xff1b;悲惨的&#xff1b;不幸的&#xff1b;难过的 &#xff08;不幸的&#xff09;胜意出生于一个&#xff08;恶劣的&#xff09;家庭环境&#xff0c;嫁给王擎后依然过着&#xff08;悲惨的&#xff09;生活&#xff0c;她死后&#xff0c;牡丹…
阅读更多...
【科研建模】Pycaret自动机器学习框架使用流程及多分类项目实战案例详解

【科研建模】Pycaret自动机器学习框架使用流程及多分类项目实战案例详解

Pycaret自动机器学习框架使用流程及项目实战案例详解 1 Pycaret介绍2 安装及版本需求3 Pycaret自动机器学习框架使用流程3.1 Setup3.2 Compare Models3.3 Analyze Model3.4 Prediction3.5 Save Model4 多分类项目实战案例详解4.1 ✅ Setup4.2 ✅ Compare Models4.3 ✅ Experime…
阅读更多...
ICSE‘25 LLM Assistance for Memory Safety

ICSE‘25 LLM Assistance for Memory Safety

不知道从什么时候开始&#xff0c;各大技术社区&#xff0c;技术群聊流行着 “用Rust重写!” &#xff0c;放一张图(笑死… 这不, 随着大模型技术的流行&#xff0c;大家都在探索如何让大模型自动完成仓库级别(全程序)的代码重构&#xff0c;代码变换&#xff08;Refactor&…
阅读更多...
基于SpringBoot+WebSocket的前后端连接，并接入文心一言大模型API

基于SpringBoot+WebSocket的前后端连接，并接入文心一言大模型API

前言&#xff1a; 本片博客只讲述了操作的大致流程&#xff0c;具体实现步骤并不标准&#xff0c;请以参考为准。 本文前提&#xff1a;熟悉使用webSocket 如果大家还不了解什么是WebSocket&#xff0c;可以参考我的这篇博客&#xff1a; rWebSocket 详解&#xff1a;全双工…
阅读更多...
大数运算之C语言实现

大数运算之C语言实现

一、 前言 在我们代码编程过程中&#xff0c;我们经常需要处理各种规模的数值。从日常工作中的一些简单算术在到科学研究中的复杂计算&#xff0c;数字无处不在。然而&#xff0c;当数值变的异常庞大时&#xff0c;就需要用到大数运算来进行实现。本文我们将介绍大数运算的基本…
阅读更多...
Java导出通过Word模板导出docx文件并通过QQ邮箱发送

Java导出通过Word模板导出docx文件并通过QQ邮箱发送

一、创建Word模板 {{company}}{{Date}}服务器运行情况报告一、服务器&#xff1a;总告警次数&#xff1a;{{ServerTotal}} 服务器IP:{{IPA}}&#xff0c;总共告警次数:{{ServerATotal}} 服务器IP:{{IPB}}&#xff0c;总共告警次数:{{ServerBTotal}} 服务器IP:{{IPC}}&#x…
阅读更多...
Linux系统编程:进程状态和进程优先级/nice

Linux系统编程:进程状态和进程优先级/nice

目录 一,相对于OS的进程状态 1.1运行状态 1.2阻塞状态 1.3挂起状态 二,并发执行与进程切换 2.1,CPU并发执行 2.2进程切换 三,Linux内核管理进程状态的方法 3.1查看进程状态 3.2R状态 3.3S状态 3.4D状态 3.5T状态 3.6X状态 3.7Z状态 3.8孤儿进程 四,进程优先级 …
阅读更多...
0 基础学运维：解锁 K8s 云计算运维工程师成长密码

0 基础学运维：解锁 K8s 云计算运维工程师成长密码

前言&#xff1a;作为一个过来人&#xff0c;我曾站在技术的门槛之外&#xff0c;连电脑运行内存和内存空间都傻傻分不清&#xff0c;完完全全的零基础。但如今&#xff0c;我已成长为一名资深的k8s云计算运维工程师。回顾这段历程&#xff0c;我深知踏上这条技术之路的艰辛与不…
阅读更多...
在 vscode + cmake + GNU 工具链的基础上配置 JLINK

在 vscode + cmake + GNU 工具链的基础上配置 JLINK

安装 JLINK JLINK 官网链接 下载安装后找到安装路径下的可执行文件 将此路径添加到环境变量的 Path 中。 创建 JFlash 项目 打开 JFlash&#xff0c;选择新建项目 选择单片机型号 在弹出的窗口中搜索单片机 其他参数根据实际情况填写 新建完成&#xff1a; 接下来设置…
阅读更多...
【全栈】SprintBoot+vue3迷你商城（9）

【全栈】SprintBoot+vue3迷你商城（9）

【全栈】SprintBootvue3迷你商城&#xff08;9&#xff09; 往期的文章都在这里啦&#xff0c;大家有兴趣可以看一下 后端部分&#xff1a; 【全栈】SprintBootvue3迷你商城&#xff08;1&#xff09; 【全栈】SprintBootvue3迷你商城&#xff08;2&#xff09; 【全栈】Spr…
阅读更多...
省市区三级联动

省市区三级联动

引言 在网页中&#xff0c;经常会遇到需要用户选择地区的场景&#xff0c;如注册表单、地址填写等。为了提供更好的用户体验&#xff0c;我们可以实现一个三级联动的地区选择器&#xff0c;让用户依次选择省份、城市和地区。 效果展示&#xff1a; 只有先选择省份后才可以选择…
阅读更多...
Fullcalendar @fullcalendar/react 样式错乱丢失问题和导致页面卡顿崩溃问题

Fullcalendar @fullcalendar/react 样式错乱丢失问题和导致页面卡顿崩溃问题

问题描述&#xff1a; 我使用 fullcalendar的react版本时&#xff0c;出现了一个诡异的问题&#xff0c;当我切换到 一个iframe页面时&#xff08;整个页面是一个iframe嵌入的&#xff09;&#xff0c;再切换回来日历的样式丢失了&#xff01;不仅丢失了样式还导致页面崩溃了&…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023