前后端分离

最新推荐文章于 2025-05-08 14:04:56 发布

^吃酒和尚*

最新推荐文章于 2025-05-08 14:04:56 发布

阅读量256

点赞数

CC 4.0 BY-SA版权

文章标签： java mvc

本文链接：https://blog.youkuaiyun.com/weixin_45578889/article/details/123663610

本文介绍了后端的MVC设计模式，探讨了前后端分离的原因及实现方式。在前后端分离中，后端仅提供Controller返回数据，前端通过异步请求获取JSON数据并更新页面。JSON作为一种轻量级的数据交换格式，用于在客户端和服务器之间传输数据， Axios框架在其中起到关键作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

后端的MVC设计模式

实现一个业务功能的顺序是: V页面->C(Controller)->M(Mapper)
排错时也是从这三部分中查找错误的地方

前后端分离
在这里插入图片描述

为什么使用前后端分离技术
前后端分离后,后端程序员只需要提供一套Controller,不管是浏览器还是手机发出的请求Controller都只返回数据, 这样的话浏览器的html页面需要单独先发请求获取一个静态资源页面, 等页面加载完之后再出请求获取数据,然后把数据显示到当前页面中, 这个过程是局部刷新的场景,所以需要用到异步请求, 由于以后开发的所有项目都要使用前后端分离技术,所以以后不再使用同步请求 .

JSON

JSON是一种轻量级的数据交换格式(数据封装格式)
在这里插入图片描述
客户端通过axios框架发出获取所有员工的异步请求, 服务器接收到请求后调用mapper里面的select方法得到List集合里面装着多个Emp员工对象, Controller里面的方法直接将得到的集合通过返回值返回出去, 此时SpringMVC框架发现return的内容为List集合会将List集合里面的数据转成Json格式的字符串, 然后再将Json格式字符串转成二进制数据通过网络传输给客户端, 客户端接收到服务器返回的数据时得到的是Json格式的字符串,此时Axios框架内部会将Json格式的字符串转成数组并且在数据里面添加多个自定义员工对象, 把数组赋值给Vue管理的arr数组, 当arr数组发生改变页面中和数组绑定的元素也会立即发生改变.