四种请求各是什么意思

post 约等于插入操作 insert
get 就是查询
put 是修改
delete 。。。

java_5">DemoController.java

java">package com.example.demo.controller;import org.springframework.web.bind.annotation.*;@CrossOrigin
@RequestMapping("/test") // 将公共路径添加到类上
@RestController
public class DemoController {@PostMapping("/post")public String handleJSONRequest(@RequestBody String jsonString) {// 这里可以对接收到的JSON字符串进行处理System.out.println("接收到的JSON字符串：" + jsonString);// 返回一个简单的响应return "成功接收到JSON请求";}@GetMapping("/get/{id}") // 在路径中定义了一个名为"id"的路径参数public String handleGetRequest(@PathVariable("id") String id) {// 根据接收到的路径参数进行条件查询逻辑// 假设这里根据id查询某个结果，这里只是简单示例if ("1".equals(id)) {System.out.println("查询到ID为1的结果");return "查询到ID为1的结果";} else {System.out.println("未查询到符合条件的结果");return "未查询到符合条件的结果";}}@PutMapping("/put")public String handlePutRequest(@RequestBody String data) {// 处理PUT请求逻辑System.out.println("接收到的PUT请求数据：" + data);return "处理PUT请求";}@DeleteMapping("/delete")public String handleDeleteRequest() {System.out.println("接收到DELETE请求");// 处理DELETE请求逻辑return "处理DELETE请求";}
}

java_54">DemoControllerTest.java

java">package com.example.demo.controller;import org.junit.jupiter.api.Test;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
import org.springframework.boot.test.context.SpringBootTest;
import org.springframework.http.MediaType;
import org.springframework.test.web.servlet.MockMvc;
import org.springframework.test.web.servlet.request.MockMvcRequestBuilders;
import org.springframework.test.web.servlet.result.MockMvcResultMatchers;@SpringBootTest
@AutoConfigureMockMvc
public class DemoControllerTest {// 注入MockMvc来模拟HTTP请求@Autowiredprivate MockMvc mockMvc;/*** 测试POST请求是否正常处理。* 发送一个JSON格式的POST请求到"/test/post"路径，并验证返回状态码和内容。*/@Testpublic void testPost() throws Exception {// 发送一个 POST 请求到 "/test/post" 路径mockMvc.perform(MockMvcRequestBuilders.post("/test/post")// 设置请求的 Content-Type 为 JSON 格式.contentType(MediaType.APPLICATION_JSON)// 设置请求体为 JSON 格式的字符串，模拟客户端发送的 JSON 数据.content("{\"key\":\"value\"}"))// 断言返回的状态码为 OK (200).andExpect(MockMvcResultMatchers.status().isOk())// 断言返回的内容为 "成功接收到JSON请求".andExpect(MockMvcResultMatchers.content().string("成功接收到JSON请求"));}/*** 测试GET请求是否正常处理。* 发送一个GET请求到"/test/get"路径，并验证返回状态码和内容。*/@Testpublic void testGet() throws Exception {mockMvc.perform(MockMvcRequestBuilders.get("/test/get/1").contentType(MediaType.APPLICATION_JSON)).andExpect(MockMvcResultMatchers.status().isOk()).andExpect(MockMvcResultMatchers.content().string("查询到ID为1的结果"));}/*** 测试PUT请求是否正常处理。* 发送一个JSON格式的PUT请求到"/test/put"路径，并验证返回状态码和内容。*/@Testpublic void testPut() throws Exception {mockMvc.perform(MockMvcRequestBuilders.put("/test/put").contentType(MediaType.APPLICATION_JSON).content("{\"key\":\"value\"}")).andExpect(MockMvcResultMatchers.status().isOk()).andExpect(MockMvcResultMatchers.content().string("处理PUT请求"));}/*** 测试DELETE请求是否正常处理。* 发送一个DELETE请求到"/test/delete"路径，并验证返回状态码和内容。*/@Testpublic void testDelete() throws Exception {mockMvc.perform(MockMvcRequestBuilders.delete("/test/delete").contentType(MediaType.APPLICATION_JSON)).andExpect(MockMvcResultMatchers.status().isOk()).andExpect(MockMvcResultMatchers.content().string("处理DELETE请求"));}
}

App.vue

<template><div><button @click="testPost">测试POST请求</button><button @click="testGet">测试GET请求</button><button @click="testPut">测试PUT请求</button><button @click="testDelete">测试DELETE请求</button><div v-if="response">{{ response }}</div></div>
</template><script setup>javascript">
import { ref } from 'vue';
import axios from 'axios';const response = ref('');
const templateUrl='http://localhost:8081/test';async function testPost() {try {const jsonData = {key1: 'value1'};const jsonString = JSON.stringify(jsonData);const response = await axios.post(templateUrl + '/post', jsonString, {headers: {'Content-Type': 'application/json',}});handleResponse(response);} catch (error) {console.error('Error:', error);}
}async function testGet() {try {const response = await axios.get(templateUrl + '/get/1');handleResponse(response);} catch (error) {console.error('Error:', error);}
}async function testPut() {try {const jsonData = {key: 'value'};const jsonString = JSON.stringify(jsonData);const response = await axios.put(templateUrl + '/put', jsonString, {headers: {'Content-Type': 'application/json',}});handleResponse(response);} catch (error) {console.error('Error:', error);}
}async function testDelete() {try {const response = await axios.delete(templateUrl + '/delete');handleResponse(response);} catch (error) {console.error('Error:', error);}
}function handleResponse(response) {response.value = response.data;console.log(response);
}
</script>