前后端交互的几种方式
Vue+Springboot 前后端交互的几种方式
前置知识点
用于接收前端参数传递的几个注解
@RequestBody注解
@RequestParam注解
@PathVariable注解
@RequestParam和@PathVariable的区别
@RequestBody的使用
这两篇博客写的非常的详细，看完就会了
什么是Json格式，
前后端交互主要有Json格式、form-data格式等，Json格式为主。
{
"ID": 1001,
"name": "张三",
"age": 24
}
1：数据在花括号中
2：数据以"键：值"对的形式出现（其中键多以字符串形式出现，值可取字符串，数值，甚至其他json对象）
3：每两个"键：值"对以逗号分隔（最后一个"键：值"对省略逗号）
像这种遵守上面3点，便可以形成一个json对象。
JavaWeb中的几个类
说实话，没有学过JavaWeb直接上手前后端，看其他大佬的代码总有出现 HttpServletRequest、HttpServletResponse、HttpSession、Model、ModelAndView这几个类，查来查去看的晕头转向。至少对于我来说
这边作为前置知识点简单讲下个人理解，有大佬有什么资料可以推荐给我。
HttpServletRequest和HttpServletResponse 由来
Web服务器收到一个http请求，会针对每个请求创建一个HttpServletRequest和 HttpServletResponse对象，向客户端发送数据找HttpServletResponse,从客户端取数据找HttpServletRequest.
具体可以看这篇博客
所有的信息包括请求的地址，请求的参数，提交的数据，上传的文件客户端的ip甚至客户端操作系统都包含在HttpServletRequest内
HttpServletResponse对象代表服务器的响应。这个对象中封装了向客户端发送数据、发送响应头，发送响应状态码的方法
所以后端Controller层@RequestMapping 映射函数中的参数经常都是HttpServletRequest，可以从前端获取数据。
HttpServletRequest中有一个getsession()方法，这边就引入了对HttpSession类的介绍
HttpSession类的介绍
服务器会为每一个用户 创建一个独立的HttpSession，我们只要知道我们可以从中获取我们需要的数据。下面是主要常用方法
关于Session
Object getAttribute(String name) 获取session对象中名为参数name所指明的属性的值
void setAttribute(String name,Object value) 向session中存储数据
void removeAttribute(String name ) 从session中删除名为参数name所指明的属性
void invalidate（） 使session失效
Model和ModelAndView 这两个类
前面介绍的几个类用于前端向后端传数据，Model 和ModelAndView 主要用于后端向前端传。方法可以自行百度。下面开始正文。
前后端交互的几种方法
第一种：使用HttpServletRequest 后端接受前端传来的session信息
测试：下面这种方法获得的是登录的用户，登录的User发送了http请求。
数据库原始数据：
使用postman传Json参数，我们用001用户登录。
运行结果：
登录成功，我们再看delete方式测试输出的UserId
@RequestMapping(value = "/User/getAllUser", method = RequestMethod.DELETE)
@ResponseBody
private void deleteUser(, HttpServletRequest request)throws Exception{
String UserId =(String) request.getSession().getAttribute("UserId");
System.out.println(UserId);
// userService.delete(UserId);
}
方法二 用使用@RequestParam注解
原始数据库内容：
使用postman发送PUT请求
运行结果：
方法三Json格式给后端传数据
使用JSONObject类
使用方法很简单，在参数中使用@RequestBody注解传递一个JSONObject参数，关于JSONObject类，需要导入阿里的依赖，具体可以看看其他的博客，感觉越底层的东西越值钱。
之后我们需要什么参数，就可以通过params.get方法获取了。
原始数据库：
使用postman发送DELETE请求：
运行结果：
还有几种封装过的方法，比较复杂，有机会学习了再更新。