SpringMVC 实战指南：打造高效 Web 应用的秘籍

news2025/2/27 12:06:09

第一章：三层架构和MVC

  1. 三层架构：
    1. 开发服务器端，一般基于两种形式，一种 C/S 架构程序，一种 B/S 架构程序
    2. 使用 Java 语言基本上都是开发 B/S 架构的程序，B/S 架构又分成了三层架构
    3. 三层架构：
      1. 表现层：WEB 层，用来和客户端进行数据交互的。表现层一般会采用 MVC的设计模型
      2. 业务层：处理公司具体的业务逻辑
      3. 持久层：用来操作数据库
  2. MVC 模型：
    1. MVC 全名是 Model View Controller 模型事务控制器，每个部分各司其职
    2. Model：数据模型，JavaBean 的类，用来进行数据封装
    3. View：指 JSP、HTML 用来展示数据给用户
    4. Controller：用来接收用户的请求，整个流程的控制器。用来进行数据校验等

第二章：SpringMVC 的入门案例

  1. SpringMVC 的概述：
    1. SpringMVC 是一种基于 Java 实现的 MVC 设计模型的请求驱动类型的轻量级 WEB 框架
    2. SpringMVC 属于 SpringFrameWork 的后续产品，已经融合在 Spring Web Flow 里面。Spring 框架提供了构建 WEB 应用程序的全功能 MVC 模块
    3. 使用 Spring 可插入的 MVC 框架，从而在使用 Spring 进行 WEB 开发时，可以选择使用 Spring 的 SpringMVC 框架或集成其它 MVC 开发框架，如 Struts1(现在一般不用)，Struts2 等。
  2. SpringMVC 的入门程序：
    1.  创建 WEB 工程，引入 maven 依赖： 
       <!-- 版本锁定 -->
    <properties>
        <spring.version>5.0.2.RELEASE</spring.version>
    </properties>
    
    <dependencies>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-context</artifactId>
            <version>${spring.version}</version>
        </dependency>
​
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-web</artifactId>
            <version>${spring.version}</version>
        </dependency>
​
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-webmvc</artifactId>
            <version>${spring.version}</version>
        </dependency>
​
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>servlet-api</artifactId>
            <version>2.5</version>
            <scope>provided</scope>
        </dependency>
​
        <dependency>
            <groupId>javax.servlet.jsp</groupId>
            <artifactId>jsp-api</artifactId>
            <version>2.0</version>
            <scope>provided</scope>
        </dependency>
    </dependencies>
    2. 编写 index.jsp 页面： 
      <%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>入门程序</title>
</head>
<body>
    <%-- 超链接 --%>
    <h3>入门案例</h3>
    <a href="hello">入门程序</a>
</body>
</html>
    3. 编写 suc.jsp 页面，路径为：/WEB-INF/pages/suc.jsp 
      <%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>

    <title>成功</title>

</head>
<body>
    <h3>成功跳转</h3>

</body>
</html>
    4. 编写 Controller 类和方法： 
      @Controller
public class HelloController {

    @RequestMapping("/hello")
    public String sayHello(){
        System.out.println("入门方法已执行");
        return "suc";
    }

}
    5. 在 web.xml 配置文件中核心控制器(DisPatcherServlet)： 
      <!DOCTYPE web-app PUBLIC
 "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
 "http://java.sun.com/dtd/web-app_2_3.dtd" >

<web-app>
  <!--配置解决中文乱码问题的过滤器-->
  <!-- 过滤器的位置应放在最前面 -->
  <filter>
    <filter-name>characterEncodingFilter</filter-name>
    <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
    <!--指定使用编码集-->
    <init-param>
      <param-name>encoding</param-name>
      <param-value>UTF-8</param-value>
    </init-param>
  </filter>
  <filter-mapping>
    <filter-name>characterEncodingFilter</filter-name>
    <url-pattern>/*</url-pattern><!--该位置和 dispatcherServlet 的配置有区别,这里多加了一个 * -->
  </filter-mapping>
  <!--配置前端控制器-->
  <servlet>
    <servlet-name>dispatcherServlet</servlet-name>
    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    <!--加载springmvc.xml配置文件，配置的是Spring配置-->
    <init-param>
      <param-name>contextConfigLocation</param-name>
      <param-value>classpath:springmvc.xml</param-value>
    </init-param>
    <!--配置启动加载-->
    <load-on-startup>1</load-on-startup>
  </servlet>
  <servlet-mapping>
    <servlet-name>dispatcherServlet</servlet-name>
    <url-pattern>/</url-pattern>
  </servlet-mapping>
  
</web-app>
    6. 编写 Springmvc.xml 的配置文件： 
      <?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xmlns:context="http://www.springframework.org/schema/context"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xsi:schemaLocation="
        http://www.springframework.org/schema/beans
        http://www.springframework.org/schema/beans/spring-beans.xsd
        http://www.springframework.org/schema/mvc
        http://www.springframework.org/schema/mvc/spring-mvc.xsd
        http://www.springframework.org/schema/context
        http://www.springframework.org/schema/context/spring-context.xsd">
        
    <!-- 配置spring 创建容器时要扫描的包 -->
    <context:component-scan base-package="com.qcby.mybatis"></context:component-scan>

    <!-- 配置视图解析器 -->
    <bean id="viewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/pages/"/>
        <property name="suffix" value=".jsp"/>
    </bean>

    <!-- 配置 Spring 开启注解 mvc 的支持 -->
    <mvc:annotation-driven></mvc:annotation-driven>

</beans>
    7. 启动服务进行测试
  3. 入门案例的执行过程分析：
    1. 当启动 Tomcat 服务器的时候，因为配置了 load-on-startup 标签，所以会创建 DispatcherServlet 对象，就会加载 springmvc.xml 配置文件
    2. 开启了注解扫描，那么 HelloController 对象就会被创建
    3. 从 index.jsp 发送请求，请求会先达到 DispatcherServlet 核心控制器，根据配置 @RequestMapping 注解找到的具体方法
    4. 根据执行的方法的返回值，再根据配置的解析器，去指定的目录下查找指定名称的 JSP 文件
    5. Tomcat 服务器渲染页面，做出响应
  4. 组件分析：
    1. 前端控制器：DispatcherServlet
    2. 处理器映射器：HandlerMapping
    3. 处理器：Handler
    4. 处理器适配器：HandlerAdapter
    5. 视图解析器：View Resolver
    6. 视图：View
  5. @RequestMapping 注解：
    1. 作用：
      1. 是建立请求 URL 和处理方法之间的对应关系
      2. 该注解可以作用在方法和类上
    2. 属性值：
      1. path：指定请求路径的 url
      2. value：value 属性和 path 属性是一样的
      3. method：指定该方法的请求方式
      4. params：指定限制请求参数的条件 
        @Controller
public class HelloController {

    @RequestMapping("/hello")
    public String sayHello(){
        System.out.println("入门方法已执行");
        return "suc";
    }
    @RequestMapping(path = "/save",method = {RequestMethod.GET},params = "username")
    public String save(){
        System.out.println("保存角色");
        return "suc";
    }

}

第三章：请求参数的绑定

  1. 绑定机制：
    1. 表单提交的数据都是 K-V 格式的： username=haha&password=123
    2. SpringMVC 的参数绑定过程是把表单提交的请求参数，作为控制器中方法的参数进行绑定的
    3. 要求：提交表单的 name 和参数的名称是相同的
  2. 支持的数据类型：
    1. 基本数据类型和字符串类型
    2. 实体类型(JavaBean)
    3. 集合数据类型(List、map集合等)
  3. 基本数据类型和字符串类型：
    1. 提交表单的 name 和参数的名称是相同的
    2. 区分大小
  4. 实体类型(JavaBean)：
    1. 提交表单的 name 和 JavaBean 中的属性名称需要一致
    2. 如果一个 JavaBean 类中包含其它的引用类型，那么表单的 name 属性需要编写成：对象.属性
      1. 例如：address.name
  5. 给集合属性数据封装：
    1. JSP 页面编写方式：list[0].属性值
  6. 案例：
    1. JSP 代码： 
      <%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>请求参数绑定</title>
</head>
<body>

    <h3>请求参数绑定入门</h3>
    <form action="/user/save1" method="post">
        名称:<input type="text" name="username"/><br/>
        年龄:<input type="text" name="age"/><br/>
        <input type="submit" value="提交"/>
    </form>


    <h3>请求参数绑定-实体类</h3>
    <form action="/user/save2" method="post">
        姓名:<input type="text" name="username"/><br/>
        年龄:<input type="text" name="age"/><br/>
        金额:<input type="text" name="address.money"/><br/>
        <input type="submit" value="提交">
    </form>

    <h3>请求参数绑定-集合</h3>
    <form action="/user/save3" method="post">
        姓名:<input type="text" name="username"/><br/>
        年龄:<input type="text" name="age"/><br/>
        金额:<input type="text" name="address.money"/><br/>
        集合:<input type="text" name="list[0].money"/><br/>
        集合:<input type="text" name="list[1].money"/><br/>
        <input type="submit" value="提交">
    </form>
</body>
</html>
    2. JavaBean代码： 
      package com.qcby.mybatis.pojo;


import java.io.Serializable;
import java.util.List;

public class User implements Serializable {
    private String username;
    private Integer age;

    //引用对象
    private Address address;

    //list 集合
    private List<Address> list;

    public String getUsername() {
        return username;
    }

    public void setUsername(String username) {
        this.username = username;
    }

    public Integer getAge() {
        return age;
    }

    public void setAge(Integer age) {
        this.age = age;
    }

    public Address getAddress() {
        return address;
    }

    public void setAddress(Address address) {
        this.address = address;
    }

    public List<Address> getList() {
        return list;
    }

    public void setList(List<Address> list) {
        this.list = list;
    }

    @Override
    public String toString() {
        return "User{" +
                "username='" + username + '\'' +
                ", age=" + age +
                ", address=" + address +
                ", list=" + list +
                '}';
    }
}


//Address 实体类
import java.io.Serializable;

public class Address implements Serializable {
    private Double money;

    public Double getMoney() {
        return money;
    }

    public void setMoney(Double money) {
        this.money = money;
    }

    @Override
    public String toString() {
        return "Address{" +
                "money=" + money +
                '}';
    }
}
    3. controller代码： 
      @Controller
@RequestMapping(("/user"))
public class UserController {

    @RequestMapping(value = "/save1")
    public String save1(String username,Integer age){
        System.out.println("姓名:" + username);
        System.out.println("年龄:" + age);
        return "suc";
    }

    @RequestMapping("/save2")
    public String save2(User user){
        System.out.println("user对象:" + user);
        return "suc";
    }

    @RequestMapping("/save3")
    public String save3(User user){
        System.out.println("user对象:" + user);
        return "suc";
    }
}
    4. 在请求参数中文乱码的解决： 
           <!-- 配置过滤器，解决中文乱码的问题 -->
    <filter>
        <filter-name>characterEncodingFilter</filter-name>
        <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
        <!-- 指定字符集 -->
        <init-param>
            <param-name>encoding</param-name>
            <param-value>UTF-8</param-value>
        </init-param>
    </filter>
    <filter-mapping>
        <filter-name>characterEncodingFilter</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>
  7. 自定义类型转换器：
    1. 第一种方式使用 DataTimeFormat 注解的方式： 
      import org.springframework.format.annotation.DateTimeFormat;

import java.io.Serializable;
import java.util.Date;
import java.util.List;

public class User implements Serializable {
    private String username;
    private Integer age;

    //生日
    //2000-11-11 格式的日期不能进行转化了，开发时使用是比较多且比较简单
    @DateTimeFormat(pattern = "yyyy-MM-dd")
    private Date birthday;

    //引用对象
    private Address address;

    //list 集合
    private List<Address> list;

    public String getUsername() {
        return username;
    }

    public void setUsername(String username) {
        this.username = username;
    }

    public Integer getAge() {
        return age;
    }

    public void setAge(Integer age) {
        this.age = age;
    }

    public Date getBirthday() {
        return birthday;
    }

    public void setBirthday(Date birthday) {
        this.birthday = birthday;
    }

    public Address getAddress() {
        return address;
    }

    public void setAddress(Address address) {
        this.address = address;
    }

    public List<Address> getList() {
        return list;
    }

    public void setList(List<Address> list) {
        this.list = list;
    }

    @Override
    public String toString() {
        return "User{" +
                "username='" + username + '\'' +
                ", age=" + age +
                ", birthday=" + birthday +
                ", address=" + address +
                ", list=" + list +
                '}';
    }
}
    2. 第二种方式：自定义类型转换器。如果想自定义数据类型转换，可以实现 Converter 的接口
      1. 自定义类型转换器： 
        import org.springframework.core.convert.converter.Converter;

import java.text.ParseException;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.SimpleTimeZone;

public class StringToDate implements Converter<String, Date> {
    @Override
    public Date convert(String s) {
        if(s == null){
            throw new RuntimeException("请输入内容");
        }

        //将数据进行转换
        SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
        try{
            return sdf.parse(s);
        }catch (ParseException e){
            throw new RuntimeException(e);
        }
    }
}
      2. 注册自定义类型转换器，在 spirngmvc.xml 配置文件中编写配置 
        <?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xmlns:context="http://www.springframework.org/schema/context"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xsi:schemaLocation="
        http://www.springframework.org/schema/beans
        http://www.springframework.org/schema/beans/spring-beans.xsd
        http://www.springframework.org/schema/mvc
        http://www.springframework.org/schema/mvc/spring-mvc.xsd
        http://www.springframework.org/schema/context
        http://www.springframework.org/schema/context/spring-context.xsd">
        
    <!-- 配置spring 创建容器时要扫描的包 -->
    <context:component-scan base-package="com.qcby.mybatis"></context:component-scan>

    <!-- 配置视图解析器 -->
    <bean id="viewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/pages/"/>
        <property name="suffix" value=".jsp"/>
    </bean>
    <!-- 配置日期类型转换器,类型转换器的组件,把日期类型转换注入到组件对象中 -->
    <bean id="conversionService" class="org.springframework.context.support.ConversionServiceFactoryBean">
        <property name="converters">
            <set>
                <bean class="com.qcby.mybatis.pojo.StringToDate"/>
            </set>
        </property>
    </bean>
    <!--让映射器、适配器和处理器生效(默认不配置也是可以的)-->
    <mvc:annotation-driven conversion-service="conversionService"/>
</beans>
  8. 在控制器中使用原生的 ServletAPI 对象：
    1. 只需要在控制器的方法参数定义 HttpServletRequest 和 HttpServletResponse 对象 
      @RequestMapping("/save4")
public String save4(HttpServletRequest request, HttpServletResponse response){
    System.out.println(request);

    //获取到 HttpSession 对象
    HttpSession session = request.getSession();
    System.out.println(session);
    System.out.println(response);
    return "suc";
}

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

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

相关文章

通过idea创建的springmvc工程需要的配置

通过idea创建的springmvc工程需要的配置

在创建的spring mvc工程中&#xff0c;使用idea开发之前需要配置文件包括porm.xml、web.xml、springmvc.xml 1、porm.xml 工程以来的spring库&#xff0c;主要包括spring-aop、spring-web、spring-webmvc&#xff0c;示例配置如下&#xff1a; <project xmlns"http:/…
阅读更多...
二、点灯基础实验

二、点灯基础实验

嵌入式基础实验第一个就是点灯&#xff0c;地位相当于编程界的hello world。 如下为LED原理图&#xff0c;要让相应LED发光&#xff0c;需要给I/O口设置输出引脚&#xff0c;低电平&#xff0c;二极管才会导通 2.1 打开初始工程&#xff0c;编写代码 以下会实现BLINKY常亮&…
阅读更多...
搭建一个基于Spring Boot的数码分享网站

搭建一个基于Spring Boot的数码分享网站

搭建一个基于Spring Boot的数码分享网站可以涵盖多个功能模块&#xff0c;例如用户管理、数码产品分享、评论、点赞、收藏、搜索等。以下是一个简化的步骤指南&#xff0c;帮助你快速搭建一个基础的数码分享平台。 — 1. 项目初始化 使用 Spring Initializr 生成一个Spring …
阅读更多...
迅为RK3576开发板Android 多屏显示

迅为RK3576开发板Android 多屏显示

迅为iTOP-3576开发板采用瑞芯微RK3576高性能、低功耗的应用处理芯片&#xff0c;集成了4个Cortex-A72和4个Cortex-A53核心&#xff0c;以及独立的NEON协处理器。它适用于ARM PC、边缘计算、个人移动互联网设备及其他多媒体产品。 1.1 Android 多屏同显 iTOP-RK3576 开发板支持…
阅读更多...
gather算子的CUDA编程和算子测试

gather算子的CUDA编程和算子测试

知乎介绍参考添加链接描述 完整测试框架参考本人仓库 添加链接描述 gather算子的onnx定义参考添加链接描述，该算子的主要变换参考下图： 这里我们不妨以input = [A, dimsize, D]， indices = [B,C], axis = 1举例子，此时对应的output形状是[A,B,C,D]，并且根据gather算子定…
阅读更多...
深度学习 Pytorch 张量的线性代数运算

深度学习 Pytorch 张量的线性代数运算

pytorch中并未设置单独的矩阵对象类型&#xff0c;因此pytorch中&#xff0c;二维张量就相当于矩阵对象&#xff0c;并且拥有一系列线性代数相关函数和方法。 在实际机器学习和深度学习建模过程中&#xff0c;矩阵或者高维张量都是基本对象类型&#xff0c;而矩阵所涉及到的线…
阅读更多...
Linux下构建OpenEuler22.03+Nginx的Docker镜像

Linux下构建OpenEuler22.03+Nginx的Docker镜像

1. 制作OpenEuler22.03的Docker镜像 首先&#xff0c;下载OpenEuler20.03的镜像压缩包&#xff1a; 下载链接为&#xff1a; https://mirrors.aliyun.com/openeuler/openEuler-22.03-LTS/docker_img/x86_64/openEuler-docker.x86_64.tar.xz 这里我们可以顺便下载一下对应的…
阅读更多...
Coder星球-测试用例设计

Coder星球-测试用例设计

项目介绍 Coder星球是一个前后端分离的开源技术交流平台&#xff0c;包括管理后台和web前端&#xff0c;旨在打造一个互相交流技术并共同进步的平台。 项目功能结构图 测试用例 1.登录 2.注册 3.文章发布 4.点赞 5.评论
阅读更多...
wow-agent---task2使用llama-index创建Agent

wow-agent---task2使用llama-index创建Agent

一&#xff1a;创造俩个函数&#xff0c;multiply和add作为fuction calling被LLM当做工具来使用&#xff0c;实现计算一个简单的计算题&#xff1a; from llama_index.llms.ollama import Ollama from llama_index.core.agent import ReActAgent from llama_index.core.tools …
阅读更多...
React的应用级框架推荐——Next、Modern、Blitz等，快速搭建React项目

React的应用级框架推荐——Next、Modern、Blitz等，快速搭建React项目

在 React 企业级应用开发中&#xff0c;Next.js、Modern.js 和 Blitz 是三个常见的框架&#xff0c;它们提供了不同的特性和功能&#xff0c;旨在简化开发流程并提高应用的性能和扩展性。以下是它们的详解与比较&#xff1a; Next、Modern、Blitz 1. Next.js Next.js 是由 Ve…
阅读更多...
Git - 将指定文件夹或文件忽略（无论添加缓存区或提交都不会显示）

Git - 将指定文件夹或文件忽略（无论添加缓存区或提交都不会显示）

前言 有些时候&#xff0c;我们 不希望 项目有些文件夹被 Git “监控” 起来&#xff0c;而是与 Git 毫无关系。 第一步 注意&#xff1a;touch 与 . 之间有空格。 在 Gitbash 命令窗口中&#xff0c;输入以下命令&#xff1a; touch .gitignore此时&#xff0c;你的项目文件…
阅读更多...
HTML5+Canvas实现的鼠标跟随自定义发光线条源码

HTML5+Canvas实现的鼠标跟随自定义发光线条源码

源码介绍 HTML5Canvas实现的鼠标跟随自定义发光线条特效源码非常炫酷&#xff0c;在黑色的背景中&#xff0c;鼠标滑过即产生彩色变换的发光线条效果&#xff0c;且线条周围散发出火花飞射四溅的粒子光点特效。 效果预览 源码如下 <!DOCTYPE html PUBLIC "-//W3C//D…
阅读更多...
C++：bfs解决多源最短路与拓扑排序问题习题

C++：bfs解决多源最短路与拓扑排序问题习题

1. 多源最短路 其实就是将所有源头都加入队列&#xff0c; 01矩阵 LCR 107. 01 矩阵 - 力扣&#xff08;LeetCode&#xff09; 思路 求每个元素到离其最近0的距离如果我们将1当做源头加入队列的话&#xff0c;无法处理多个连续1的距离存储&#xff0c;我们反其道而行之&…
阅读更多...
Java基础--类和对象

Java基础--类和对象

目录 什么是类&#xff1f; 什么是对象 为什么java会设计对象 Java对象该怎么用 程序执行流程 类的加载顺序 什么是类&#xff1f; 类是构建对象的模板&#xff0c;一个类可以创建多个对象&#xff0c;每个对象的数据的最初来源来自对象 public class Student{public in…
阅读更多...
学习ASP.NET Core的身份认证（基于JwtBearer的身份认证6）

学习ASP.NET Core的身份认证（基于JwtBearer的身份认证6）

重新创建WebApi项目&#xff0c;安装Microsoft.AspNetCore.Authentication.JwtBearer包&#xff0c;将之前JwtBearer测试项目中的初始化函数&#xff0c;jwt配置类、token生成类全部挪到项目中。   重新编写login函数&#xff0c;之前测试Cookie和Session认证时用的函数适合m…
阅读更多...
Electron实践继续

Electron实践继续

文章目录 前言一、知识储备前提二、开发工具集&#xff08;一&#xff09;代码编辑器之选&#xff08;二&#xff09;命令行工具运用&#xff08;三&#xff09;Git 与 GitHub 协作利器&#xff08;四&#xff09;Node.js 与 npm 核心环境 你的第一个Electron应用程序 前言 上…
阅读更多...
《自动驾驶与机器人中的SLAM技术》ch8：基于预积分和图优化的紧耦合 LIO 系统

《自动驾驶与机器人中的SLAM技术》ch8：基于预积分和图优化的紧耦合 LIO 系统

和组合导航一样&#xff0c;也可以通过预积分 IMU 因子加上雷达残差来实现基于预积分和图优化的紧耦合 LIO 系统。一些现代的 Lidar SLAM 系统也采用了这种方式。相比滤波器方法来说&#xff0c;预积分因子可以更方便地整合到现有的优化框架中&#xff0c;从开发到实现都更为便…
阅读更多...
【CSS】---- CSS 实现超过固定高度后出现展开折叠按钮

【CSS】---- CSS 实现超过固定高度后出现展开折叠按钮

1. 实现效果 2. 实现方法 使用 JS 获取盒子的高度&#xff0c;来添加对应的按钮和样式&#xff1b;使用 CSS 的浮动效果&#xff0c;参考CSS 实现超过固定高度后出现展开折叠按钮&#xff1b;使用容器查询 – container 语法&#xff1b;使用 clamp 函数进行样式判断。 3. 优…
阅读更多...
【C语言】_字符串拷贝函数strcpy

【C语言】_字符串拷贝函数strcpy

目录 1. 函数声明及功能 2. 使用示例 3. 注意事项 4. 模拟实现 4.1 第一版&#xff1a;基本功能判空const修饰 4.2 第二版&#xff1a;优化对于\0的单独拷贝 4.3 第三版&#xff1a;仿strcpy的char*返回值 1. 函数声明及功能 char * strcpy ( char * destination, cons…
阅读更多...
大文件上传服务-后端V1V2

大文件上传服务-后端V1V2

文章目录 大文件上传概述:minio分布式文件存储使用的一些技术校验MD5的逻辑 uploadV1 版本 1uploadv2 版本 2 大文件上传概述: 之前项目做了一个文件上传的功能,最近看到有面试会具体的问这个上传功能的细节&#xff0c;把之前做的项目拿过来总结一下&#xff0c;自己写的一个…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023