2. SpringMVC 请求与响应

news2024/9/25 11:12:34

文章目录

  • 1. 请求映射路径
  • 2. 请求参数
    • 2.1 get 请求发送普通参数
    • 2.2 post 请求发送普通参数
    • 2.3 五种类型的参数传递
      • 2.4.1 普通参数
      • 2.4.2 POJO 数据类型
      • 2.4.3 嵌套 POJO 类型参数
      • 2.4.4 数组类型参数
      • 2.4.5 集合类型参数
  • 3. json 数据传输参数(重点)
    • 3.1 传输 json 普通数组
    • 3.2 传输 json 对象
    • 3.3 传输 json 对象数组
  • 4. 日期类型参数传递
  • 5. 响应 json 数据
    • 5.1 响应 / 跳转页面(了解)
    • 5.2 响应文本数据(了解)
    • 5.3 响应 json 数据
      • 5.3.1 响应 POJO 对象
      • 5.3.2 响应 POJO 对象集合
      • 5.3.3 @ResponseBody 注解

1. 请求映射路径

环境准备:

在这里插入图片描述

(1) pom.xml

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">

  <modelVersion>4.0.0</modelVersion>
  <packaging>war</packaging>

  <name>springmvc03_request_mapping</name>
  <groupId>com.itheima</groupId>
  <artifactId>springmvc03_request_mapping</artifactId>
  <version>1.0-SNAPSHOT</version>

  <properties>
    <maven.compiler.source>8</maven.compiler.source>
    <maven.compiler.target>8</maven.compiler.target>
  </properties>

  <dependencies>
    <!--导入springmvc与servlet的依赖-->
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>javax.servlet-api</artifactId>
      <version>3.1.0</version>
      <scope>provided</scope><!--防止与tomcat插件冲突-->
    </dependency>

    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-webmvc</artifactId>
      <version>5.2.10.RELEASE</version>
    </dependency>
  </dependencies>
  <!--tomcat插件-->
  <build>
    <plugins>
      <plugin>
        <groupId>org.apache.tomcat.maven</groupId>
        <artifactId>tomcat7-maven-plugin</artifactId>
        <version>2.1</version>
        <configuration>
          <port>80</port><!--tomcat端口号-->
          <path>/</path><!--虚拟目录-->
        </configuration>
      </plugin>
    </plugins>
  </build>
</project>

(2) ServletControllerInitConfig

// 定义一个servlet容器启动的配置类
// 要继承AbstractAnnotationConfigDispatcherServletInitializer
public class ServletControllerInitConfig extends AbstractAnnotationConfigDispatcherServletInitializer {
    //加载Spring配置类
    @Override
    protected Class<?>[] getRootConfigClasses() {
        return null;
    }
    //加载SpringMVC配置类
    @Override
    protected Class<?>[] getServletConfigClasses() {
        return new Class[]{SpringMvcConfig.class};
    }

    //设置哪些请求由springMVC处理
    @Override
    protected String[] getServletMappings() {
        //所有请求都由springMVC处理
        return new String[]{"/"};
    }
}

(3) SpringMvcConfig

@Configuration
@ComponentScan("com.itheima.controller")
public class SpringMvcConfig {
}

(4) UserController

//使用Controller定义bean
@Controller
public class UserController {
    // 当前操作的请求映射路径:用户发出哪个请求能调用到这个方法
    @RequestMapping("/user/save")
    // 设置当前操作的返回值类型
    // 把返回的东西整体作为响应的内容给到外面
    @ResponseBody
    // 处理请求的方法
    // 返回值为String:执行完这个方法,要对外返回json数据
    public String save(){
        System.out.println("user save ...");
        return "{'module':'user save'}";
    }
    @RequestMapping("/user/delete")
    @ResponseBody
    public String delete(){
        System.out.println("user delete ...");
        return "{'module':'user delete'}";
    }
}

(5) BookController

@Controller
public class BookController {
    @RequestMapping("/book/save")
    @ResponseBody
    public String save(){
        System.out.println("book save...");
        return "{'module':'book save'}";
    }
}

在 UserController 和 BookController 中,都有 save 方法,若两者的请求映射路径都为 “/save”,则两者的访问路径就都成了 http://localhost/save,会冲突。

解决方法就是如上面代码一样,设置模块名作为请求映射路径的前置。这样,访问路径就分别为:http://localhost/user/save,http://localhost/book/save。

这样在同一个模块中出现命名冲突的情况就比较少了。

问题是解决了,但是每个方法前面都需要进行修改,写起来比较麻烦而且还有很多重复代码,如果 “/user” 后期发生变化,所有的方法都需要改,耦合度太高。

优化方案: 把请求映射路径的前缀写到类上面,这样方法上只写剩余路径即可。

//使用Controller定义bean
@Controller
@RequestMapping("/user")
public class UserController {
    @RequestMapping("/save")
    @ResponseBody
    public String save(){
        System.out.println("user save ...");
        return "{'module':'user save'}";
    }
    @RequestMapping("/delete")
    @ResponseBody
    public String delete(){
        System.out.println("user delete ...");
        return "{'module':'user delete'}";
    }
}
@Controller
@RequestMapping("/book")
public class BookController {
    @RequestMapping("/save")
    @ResponseBody
    public String save(){
        System.out.println("book save...");
        return "{'module':'book save'}";
    }
}

2. 请求参数

2.1 get 请求发送普通参数

//使用Controller定义bean
@Controller
public class UserController {
    @RequestMapping("/commonParam")
    @ResponseBody
    public String save(String name){
        System.out.println("普通参数传递 name="+name+" age="+age);
        return "{'module':'common param'}";
    }
}

用 postman 发送带参数的 get 请求,收到请求结果:

在这里插入图片描述

同时,处理请求的方法也接收到参数,输出:

普通参数传递 name=tom age=8

GET 请求中文乱码

如果请求中传递的参数有中文,那么接收到的参数会出现中文乱码问题。
如发送请求: http://localhost/commonParam?name=张三&age=18,处理请求的方法接收的参数会是:

普通参数传递 name=å¼ ä¸‰ age=8

原因在于:虽然 Tomcat 8.5 以后的版本已经处理了中文乱码的问题,但是 IDEA 中的 Tomcat 插件目前只到 Tomcat7,所以需要修改 pom.xml 来解决 GET 请求中文乱码问题。

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">

  <modelVersion>4.0.0</modelVersion>
  <packaging>war</packaging>

  <name>springmvc04_request_param</name>
  <groupId>com.itheima</groupId>
  <artifactId>springmvc04_request_param</artifactId>
  <version>1.0-SNAPSHOT</version>

  <properties>
    <maven.compiler.source>8</maven.compiler.source>
    <maven.compiler.target>8</maven.compiler.target>
  </properties>

  <dependencies>
    <!--导入springmvc与servlet的依赖-->
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>javax.servlet-api</artifactId>
      <version>3.1.0</version>
      <scope>provided</scope><!--防止与tomcat插件冲突-->
    </dependency>

    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-webmvc</artifactId>
      <version>5.2.10.RELEASE</version>
    </dependency>
  </dependencies>
  <!--tomcat插件-->
  <build>
    <plugins>
      <plugin>
        <groupId>org.apache.tomcat.maven</groupId>
        <artifactId>tomcat7-maven-plugin</artifactId>
        <version>2.1</version>
        <configuration>
          <port>80</port><!--tomcat端口号-->
          <path>/</path><!--虚拟目录-->
          <uriEncoding>UTF-8</uriEncoding><!--访问路径编解码字符集-->
        </configuration>
      </plugin>
    </plugins>
  </build>
</project>

2.2 post 请求发送普通参数

后台代码不区分 get 请求和 post 请求,所以仍用前面的代码来处理 post 请求。

用 postman 发送带参数的 post 请求:

在这里插入图片描述
在这里插入图片描述

收到请求结果:

在这里插入图片描述
同时,处理请求的方法也接收到参数,输出:

普通参数传递 name=tom age=8

post 请求中文乱码

post 请求发送中文参数时,处理请求的方法打印获取的参数也会出现乱码问题。
解决方法:在 ServletContainersInitConfig 中配置过滤器。

// 定义一个servlet容器启动的配置类
// 要继承AbstractAnnotationConfigDispatcherServletInitializer
public class ServletControllerInitConfig extends AbstractAnnotationConfigDispatcherServletInitializer {
    //加载Spring配置类
    @Override
    protected Class<?>[] getRootConfigClasses() {
        return null;
    }
    //加载SpringMVC配置类
    @Override
    protected Class<?>[] getServletConfigClasses() {
        return new Class[]{SpringMvcConfig.class};
    }

    //设置哪些请求由springMVC处理
    @Override
    protected String[] getServletMappings() {
        //所有请求都由springMVC处理
        return new String[]{"/"};
    }
    //乱码处理
    @Override
    protected Filter[] getServletFilters() {
        CharacterEncodingFilter filter = new CharacterEncodingFilter();
        filter.setEncoding("UTF-8");
        return new Filter[]{filter};
    }
}

2.3 五种类型的参数传递

前面我们已经能够使用 GET 或 POST 来发送请求和数据,但所携带的数据都是比较简单,接下来在这个基础上,我们来研究一些比较复杂的参数传递,常见的参数种类有:

  • 普通参数
  • POJO 类型参数
  • 嵌套 POJO 类型参数
  • 数组类型参数
  • 集合类型参数

这些参数如何发送,后台该如何接收?下面将逐个介绍(都以 get 请求为例,post 请求同理)。

2.4.1 普通参数

普通参数 url 地址传参,请求参数名与形参变量名相同,定义形参即可接收参数。

在这里插入图片描述

请求结果:

在这里插入图片描述
控制台输出:

普通参数传递 name=tom age=8

如果地址参数名与形参不同该如何解决?
如:发出请求 http://localhost/commonParam?userName=tom&age=18

解决方案:使用@RequestParam注解

在这里插入图片描述

2.4.2 POJO 数据类型

简单数据类型一般处理的是参数个数比较少的请求,如果参数比较多,那么后台接收参数的时候就比较复杂,这个时候可以使用 POJO 数据类型(实体类)。

POJO 参数:若请求参数名与形参对象属性名相同,POJO 类型的形参就可接收到参数。

在这里插入图片描述

请求结果:

在这里插入图片描述

控制台输出:

pojo参数传递 user=User{name='tom', age=8}

2.4.3 嵌套 POJO 类型参数

在这里插入图片描述

请求结果:

在这里插入图片描述

控制台输出:

pojo嵌套pojo参数传递 user=User{name='tom', age=8, address=Address{province='beijing', city='beijing'}}

2.4.4 数组类型参数

举个简单的例子,如果前端需要获取用户的爱好,爱好绝大多数情况下都是多个,如何发送请求数据和接收数据呢?

数组参数:请求参数名与形参对象属性名相同,且请求参数为多个同名参数,定义数组类型即可接收参数。

在这里插入图片描述

请求结果:

在这里插入图片描述

控制台输出:

数组参数传递 likes=[travel, game, music]

2.4.5 集合类型参数

数组能接收多个值,那么集合是否也可以实现这个功能呢?

在这里插入图片描述

注:同名请求参数可以使用@RequestParam注解映射到对应名称的集合对象中作为数据。对于简单数据类型使用数组会比集合更简单些。

请求结果:

在这里插入图片描述

控制台输出:

集合参数传递 likes=[travel, game, music]

在这里插入图片描述

3. json 数据传输参数(重点)

现在比较流行的开发方式为异步调用,前后台以异步方式进行交换,传输的数据使用的是 json。所以前端如果发送的是 json 数据,后端该如何接收?

三种常见的 json 数据类型:
json 普通数组 (["value1","value2","value3",...])
json 对象 ({key1:value1,key2:value2,...})
json 对象数组 ([{key1:value1,...},{key2:value2,...}])

对于上述数据,前端如何发送,后端如何接收?

3.1 传输 json 普通数组

(1) pom.xml 添加依赖
SpringMVC 默认使用 jackson 处理 json 的转换,所以需要添加 jackson 依赖。

<dependency>
  <groupId>com.fasterxml.jackson.core</groupId>
  <artifactId>jackson-databind</artifactId>
  <version>2.9.0</version>
</dependency>

(2) 开启自动转换 json 数据的支持
@EnablewebMvc注解功能强大,该注解整合了多个功能。此处仅使用其中一部分功能,即 json 数据进行自动类型转换。

@Configuration
@ComponentScan("com.itheima.controller")
@EnableWebMvc//开启将json转换成对象的功能
//以后把@EnableWebMvc当做标配配置上去,不要省略
public class SpringMvcConfig {
}

(3) PostMan 编写 json 数据

在这里插入图片描述

(4) 后台处理请求的方法
@RequestBody注解将请求中请求体所包含的数据传递给方法的形参,此注解一个方法只能使用一次。(因为数据在请求体中,不在请求参数中,所以不能用@RequestParam注解)

//使用Controller定义bean
@Controller
public class UserController {
	@RequestMapping("/listParamForJson")
	@ResponseBody
	public String listParamForJson(@RequestBody List<String> likes){
	    System.out.println("list common(json)参数传递 list="+likes);
	    return "{'module':'list common for json param'}";
	}
}

运行程序后,用 postman 发送 json 数据,得到请求结果:

在这里插入图片描述
控制台输出:

list common(json)参数传递 list=[travel, game, music]

3.2 传输 json 对象

要求:json 数据与形参对象属性名相同。

前两步与 3.1 相同。

(3) PostMan 编写 json 数据

在这里插入图片描述

(4) 后台处理请求的方法

//使用Controller定义bean
@Controller
public class UserController {
	@RequestMapping("/pojoParamForJson")
	@ResponseBody
	public String pojoParamForJson(@RequestBody User user){
	    System.out.println("pojo(json)参数传递 user="+user);
	    return "{'module':'pojo for json param'}";
	}
}

运行程序后,用 postman 发送 json 数据,得到请求结果:
在这里插入图片描述
控制台输出:

pojo(json)参数传递 user=User{name='tom', age=8, address=Address{province='beijing', city='beijing'}}

3.3 传输 json 对象数组

要求:json 数组数据与集合泛型属性名相同。

前两步与 3.1 相同。

(3) PostMan 编写 json 数据

在这里插入图片描述

(4) 后台处理请求的方法

//使用Controller定义bean
@Controller
public class UserController {
	@RequestMapping("/listPojoParamForJson")
	@ResponseBody
	public String listPojoParamForJson(@RequestBody List<User> list){
	    System.out.println("list pojo(json)参数传递 list="+list);
	    return "{'module':'list pojo for json param'}";
	}
}

运行程序后,用 postman 发送 json 数据,得到请求结果:

在这里插入图片描述
控制台输出:

list pojo(json)参数传递 list=[User{name='tom', age=8, address=null}, User{name='jerry', age=5, address=null}]

@RequestBody 与 @RequestParam

区别:

@RequestParam 用于接收 url 地址传参,表单传参【application/x-www-formurlencoded】(请求映射参数)

在这里插入图片描述

@RequestBody 用于接收 json 数据【application/json】(请求体)

在这里插入图片描述

应用:
后期开发中,发送 json 格式数据为主,@RequestBody 应用较广。
如果发送非 json 格式数据,选用 @RequestParam 接收请求参数。

4. 日期类型参数传递

前面处理过简单数据类型、POJO 数据类型、数组和集合数据类型以及 json 数据类型,接下来要处理一种开发中比较常见的一种数据类型:日期类型

日期类型比较特殊,因为对于日期的格式有 N 多中输入方式,比如:

  • 2088-08-18
  • 2088/08/18
  • 08/18/2088

针对这么多日期格式,SpringMVC 该如何接收?

(3) PostMan 编写 json 数据

在这里插入图片描述

(4) 后台处理请求的方法

//使用Controller定义bean
@Controller
public class UserController {
	@RequestMapping("/dataParam")
	@ResponseBody
	public String dataParam(Date date,
	        @DateTimeFormat(pattern = "yyyy-MM-dd") Date date1,
	        @DateTimeFormat(pattern = "yyyy/MM/dd HH:mm:ss") Date date2) {
	    System.out.println("参数传递 date=" + date);
	    System.out.println("参数传递 date1=" + date1);
	    System.out.println("参数传递 date2=" + date2);
	    return "{'module':'data param'}";
	}
}

运行程序后,用 postman 发送 json 数据,得到请求结果:

在这里插入图片描述
控制台输出:

参数传递 date=Sun Feb 12 00:00:00 CST 2023
参数传递 date1=Sun Feb 12 00:00:00 CST 2023
参数传递 date2=Sun Feb 12 15:59:33 CST 2023

在这里插入图片描述

内部实现原理

讲解内部原理之前,需要先思考个问题:
前端传递字符串,后端使用日期 Date 接收
前端传递 json 数据,后端使用对象接收
前端传递字符串,后端使用 Integer 接收

后台需要的数据类型有很多种,在数据的传递过程中存在很多类型的转换,谁来做这个类型转换呢?是SpringMVC。

SpringMVC是如何实现类型转换的?
答:SpringMVC中提供了很多类型转换接口和实现类
在框架中,有一些类型转换接口,其中有 :

(1) Converter 接口:

在这里插入图片描述

Converter 接口的实现类:

在这里插入图片描述
框架中有提供很多对应 Converter 接口的实现类,用来实现不同数据类型之间的转换,如:
请求参数年龄数据(String→Integer)
日期格式转换(String → Date)

(2) HttpMessageConverter 接口
该接口是实现对象与 json 之间的转换工作

5. 响应 json 数据

SpringMVC 接收到请求和数据后,进行一些了的处理,当然这个处理可以是转发给 Service,Service 层再调用 Dao 层。不管怎样,处理完以后,都需要将结果告知给用户。

比如:根据用户 ID 查询用户信息、查询用户列表、新增用户等。

对于响应,主要就包含两部分内容:

  • 响应页面
  • 响应数据
    • 文本数据
    • json数据

之前学 servlet 时主要是响应页面。在学习异步提交之后,还可以响应数据。

因为异步调用是目前的主流方式,所以我们需要更关注的就是如何返回 json 数据,对于其他了解即可。

5.1 响应 / 跳转页面(了解)

在这里插入图片描述

(1) 准备页面 page.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>hello springmvc</title>
</head>
<body>
    <h1>hello springmvc</h1>
</body>
</html>

(2) 在 Controller 中设置返回页面

//使用Controller定义bean
@Controller
public class UserController {
    @RequestMapping("/toJumpPage")
    //注意
    //1.此处不能添加@ResponseBody,如果加了该注入,会直接将page.jsp当字符串返回前端
    //2.方法需要返回String
    public String toJumpPage(){
        return "page.jsp";
    }
}

在浏览器地址栏输入:http://localhost/toJumpPage,得到:

在这里插入图片描述

5.2 响应文本数据(了解)

postman 发出请求:

在这里插入图片描述
响应请求:

@Controller
public class UserController {
	@RequestMapping("/toText")
	//这里的@ResponseBody注解不能省略
	//否则会把“response text”当做页面名称查找,找不到该页面就报404错误
	@ResponseBody
	public String toText(){
	    System.out.println("返回纯文本数据");
	    return "response text";
	}
}

后台响应,发回请求结果:

在这里插入图片描述
控制台输出:

返回纯文本数据

5.3 响应 json 数据

5.3.1 响应 POJO 对象

postman 发出请求:

在这里插入图片描述
响应请求:

//使用Controller定义bean
@Controller
public class UserController {
	@RequestMapping("/toJsonPOJO")
	@ResponseBody
	public User pojoToJson(){
	    System.out.println("返回json对象数据");
	    User user = new User();
	    user.setName("tom");
	    user.setAge(8);
	    return user;
	}
}

后台响应,发回请求结果:

在这里插入图片描述

控制台输出:

返回json对象数据

5.3.2 响应 POJO 对象集合

postman 发出请求:

在这里插入图片描述
响应请求:

@Controller
public class UserController {
	@RequestMapping("/toJsonList")
	@ResponseBody
	public List<User> toJsonList() {
	    System.out.println("返回json对象集合");
	    User user1 = new User();
	    user1.setName("tom");
	    user1.setAge(8);
	    User user2 = new User();
	    user2.setName("jerry");
	    user2.setAge(5);
	    List<User> userList = new ArrayList<User>();
	    userList.add(user1);
	    userList.add(user2);
	    return userList;
	}
}

后台响应,发回请求结果:

在这里插入图片描述

控制台输出:

返回json对象集合

5.3.3 @ResponseBody 注解

  • @ResponseBody 注解可以写在类或方法上
  • 写在类上就是该类的所有方法都有 @ReponseBody 功能
  • 当方法上有 @ReponseBody 注解后
    • 方法的返回值为字符串,会将其作为文本内容直接响应给前端。
    • 方法的返回值为对象,会将对象转换成 json 响应给前端。

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

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

相关文章

C语言(C预编译指令)

目录 1.undef 2.条件编译#ifdef,#else和#endif 3.#ifndef 4.#if和#elif 5.预定义宏 6.#line和#error 7.#pragma 1.undef #undef指令用于取消已定义的#define指令 #define LIMIT 400 #undef LIMIT 如果想使用一个名称但又不确定之前是否已经用过&#xff0c;为了安全起…

Python中的进程线程

文章目录前言多进程与多线程基本概念多进程multiprocessing 类对象进程池subprocess模块进程间通信多线程threading实现线程操作线程共享所有变量线程锁参考资料前言 又花了点时间学习了一下Python中的多线程与多进程的知识点&#xff0c;梳理一下供复习参考 多进程与多线程 …

JUC并发编程与源码分析

一、本课程前置知识及要求说明 二、线程基础知识复习 三、CompletableFuture 四、说说Java"锁"事 8锁案例原理解释: 五、LockSupport与线程中断 六、 Java内存模型之JMM 七、volatile与JMM 八、CAS 九、原子操作类之18罗汉增强 十、聊聊ThreadLocal 十一、Java对…

离线数据仓库

1 数据仓库建模 1.1 建模工具 PowerDesigner/SQLYog/EZDML… 1.2 ODS层 &#xff08;1&#xff09;保持数据原貌不做任何修改&#xff0c;起到备份数据的作用。 &#xff08;2&#xff09;数据采用压缩&#xff0c;减少磁盘存储空间&#xff08;例如&#xff1a;压缩采用LZO&…

seata源码-全局事务回滚服务端源码

这篇博客来记录在发起全局事务回滚时&#xff0c;服务端接收到netty请求是如何处理的 1. 发起全局事务回滚请求 在前面的博客中&#xff0c;有说到过&#xff0c;事务发起者在发现分支事务执行异常之后&#xff0c;会提交全局事务回滚的请求到netty服务端&#xff0c;这里是发…

Python 解决dilb和face_recognition第三方包安装失败

目录 dilb和face_recognition第三方包安装失败 亲测有效的解决方法&#xff1a;whl安装方式 dilb和face_recognition第三方包安装失败 场景复现&#xff1a;因为需要用到dlibface_recognition&#xff0c;基于OpenCV做一些人脸识别的项目&#xff0c;在Pycharm中进行pip清华…

图解LeetCode——剑指 Offer 24. 反转链表

一、题目 定义一个函数&#xff0c;输入一个链表的头节点&#xff0c;反转该链表并输出反转后链表的头节点。 二、示例 示例: 【输入】 1->2->3->4->5->NULL 【输出】 5->4->3->2->1->NULL 限制&#xff1a; 0 < 节点个数 < 5000 三、…

Linux | Linux卸载和安装MySQL(Ubuntu版)

最近又来到了Linux学习了&#xff0c;原因是要接触云服务器相关知识&#xff0c; 所以博主整理了一些关于Linux的知识&#xff0c; 欢迎各位朋友点赞收藏&#xff0c;天天开心丫&#xff0c;快乐写代码&#xff01; Linux系列文章请戳 Linux教程专栏 目录 一、卸载MySQL 1…

Angular4 中 ckeditor5 插件的使用

Angular4 中 ckeditor5 插件的使用 0 环境、新建项目 环境&#xff1a; Windows10Angular/cli1.4.10&#xff08;安装 Angular 的过程略过&#xff0c;Angular4 版本比较古老&#xff0c;这也导致项目安装插件及其他操作比较麻烦&#xff09; 1. ckeditor5 官方用法 基础用…

邂逅TypeScript基础语法

文章目录p26认识TypeScriptTypeScript的编译环境ts初体验ts环境搭建变量的定义p27number类型booleanArrayObjectSymbolanyunknownvoidnevertuple联合ts中文文档学习-非官方网站 p26 认识TypeScript TypeScript的编译环境 ts初体验 ts环境搭建 第二种方式 webpack.config…

论文阅读_图像生成文本_CLIP

name_en: Learning Transferable Visual Models From Natural Language Supervision name_ch: 从自然语言监督中学习可迁移的视觉模型 paper_addr: http://arxiv.org/abs/2103.00020 doi: 10.48550/arXiv.2103.00020 date_read: 2023-02-09 date_publish: 2021-02-26 tags: [‘…

【1138. 字母板上的路径】

来源&#xff1a;力扣&#xff08;LeetCode&#xff09; 描述&#xff1a; 我们从一块字母板上的位置 (0, 0) 出发&#xff0c;该坐标对应的字符为 board[0][0]。 在本题里&#xff0c;字母板为 board ["abcde", "fghij", "klmno", "pq…

文本比对工具【UltraCompare附安装包】Mac和Windows下载使用

UltraCompare 强大的文件&#xff0c;文件夹&#xff0c;PDF, Word和Excel比较。文件夹同步&#xff0c;二进制/十六进制比较。下载一个免费的全功能试用版&#xff0c;看看为什么。适用于Windows、Mac和Linux。 文章目录软件功能1、文本比较2、快速二进制比较3、智慧二进制比较…

Python快速上手系列--类--详解篇

本章是自动化测试的真正开始&#xff0c;因为在后续的过程中&#xff0c;你会接触到unittest框架&#xff0c;pytest框架&#xff0c;而不仅仅只是写一个函数selenium脚本这么简单了。1、创建类1.1、了解类我们首先了解一下&#xff0c;为什么要使用类&#xff0c;类可以拿来干…

2023同等学力申请硕士计算机综合国考

同等学力国考报名要开始了 2023年2月15日&#xff0c;中国教育考试网和“全国同等学力人员申请硕士学位管理工作信息平台”&#xff08;https://tdxl.chsi.com.cn&#xff0c;联系服务电话&#xff1a;010-67410388&#xff09;公布报名工作通知。考生须按照通知要求进行注册或…

Win11下Linux子系统迁移方法及报错解决

Win11 将Linux子系统从C盘迁移到其他盘Win11下Linux子系统迁移方法及报错解决1、下载LxRunOffline2、ERROR&#xff1a;directory is not empty 报错解决参考链接Win11下Linux子系统迁移方法及报错解决 C盘满了&#xff0c;Ubuntu子系统占了100多G怎么办&#xff1f;直接将子系…

相机出图画面一半清晰,一半模糊的原因是什么?

1、问题背景&#xff1a;在做项目的过程中&#xff0c;有遇到过几次&#xff0c;出图后画面是一半清晰&#xff0c;一半模糊的现象&#xff0c;再重新对焦也是一样。但换了个镜头后就好了&#xff0c;这应该是镜头的质量问题&#xff0c;但导致镜头出现这种问题的具体原因是什么…

【2023unity游戏制作-mango的冒险】-3.基础动作和动画API实现

&#x1f468;‍&#x1f4bb;个人主页&#xff1a;元宇宙-秩沅 hallo 欢迎 点赞&#x1f44d; 收藏⭐ 留言&#x1f4dd; 加关注✅! 本文由 秩沅 原创 收录于专栏&#xff1a;unity游戏制作 ⭐mango的基础动作动画的添加⭐ 文章目录⭐mango的基础动作动画的添加⭐&#x1f…

本周大新闻|传微软解散工业元宇宙团队,MIT研发垂直堆叠全彩Micro LED

本周大新闻&#xff0c;AR方面&#xff0c;消息称微软解散工业元宇宙团队&#xff1b;德国AR公司Gixel GmbH亮相&#xff1b;Brilliant推出单片式附加形态AR眼镜&#xff1b;MIT研发垂直堆叠全彩Micro LED&#xff1b;谷歌XR串流正式上线。VR方面&#xff0c;索尼发布了PS VR2的…

【手写 Vuex 源码】第八篇 - Vuex 的 State 状态安装

一&#xff0c;前言 上一篇&#xff0c;主要介绍了 Vuex 模块安装的实现&#xff0c;针对 action、mutation、getter 的收集与处理&#xff0c;主要涉及以下几个点&#xff1a; Vuex 模块安装的逻辑&#xff1b;Vuex 代码优化&#xff1b;Vuex 模块安装的实现&#xff1b;Vue…