2023年8月1日发(作者：)

什么是MVC？和前后端分离有何关系？最开始，MVC是后端的⼀种设计模式。绝⼤部分后端服务器，都做⼀件事情：接收⽤户发来的请求，返回⼀段响应内容。根据不同的url，Router调⽤不同的Controller来处理。Router的作⽤就是让每个URL都有⼀段代码来负责响应。

Controller的作⽤包括：1，获取数据（从Model对象获取）2，获取HTML内容3，将数据填⼊HTML（这个就是View）4，返回给⽤户Controller其实就是Model和View的桥梁，Controller拿到Model，然后将Model放到View⾥。

前后端分离⼜是指⼀个页⾯分为两部分，浏览器上⾯的⼯作交给前端做，服务器上⾯的⼯作交给后端做（⼈员分离）。后端MVC时代，服务器返回的都是html页⾯，并且是渲染后返回给⽤户。现在前后端分离的做法是：前端需要处理服务器返回的各种数据格式，还需要掌握⼀系列的数据处理逻辑、MVC思想和各种主流框架。前后端分离的⼯作流程可以使前端只关注前端的事，后台只关⼼后台的活，两者开发可以同时进⾏，在后台还没有时间提供接⼝的时候，前端可以先将数据写死或者调⽤本地的json⽂件即可，页⾯的增加和路由的修改也不必再去⿇烦后台，开发更加灵活。通过前端控制路由调⽤AJAX，后台提供接⼝便可以实现，⽽且这样的⽅式⽤户体验更加友好，⽹页加载更加快速，开发和维护成本也降低了不少，效率明显提升。前端的MVC指：Model——封装数据操作View——视图渲染Controller——控制器（将content塞到页⾯⾥；浏览器事件监听；数据事件监听）⼀个页⾯可以有多个Controller，每个Controller负责⼀个⼤div即可。Controller监听Model变化，Model⼀变，Controller就会去更新View；Controller监听⽤户交互，⽤户点了提交或者修改按钮，Controller就要去更新Model。

2023年8月1日发(作者：)

什么是MVC？和前后端分离有何关系？最开始，MVC是后端的⼀种设计模式。绝⼤部分后端服务器，都做⼀件事情：接收⽤户发来的请求，返回⼀段响应内容。根据不同的url，Router调⽤不同的Controller来处理。Router的作⽤就是让每个URL都有⼀段代码来负责响应。

Controller的作⽤包括：1，获取数据（从Model对象获取）2，获取HTML内容3，将数据填⼊HTML（这个就是View）4，返回给⽤户Controller其实就是Model和View的桥梁，Controller拿到Model，然后将Model放到View⾥。

前后端分离⼜是指⼀个页⾯分为两部分，浏览器上⾯的⼯作交给前端做，服务器上⾯的⼯作交给后端做（⼈员分离）。后端MVC时代，服务器返回的都是html页⾯，并且是渲染后返回给⽤户。现在前后端分离的做法是：前端需要处理服务器返回的各种数据格式，还需要掌握⼀系列的数据处理逻辑、MVC思想和各种主流框架。前后端分离的⼯作流程可以使前端只关注前端的事，后台只关⼼后台的活，两者开发可以同时进⾏，在后台还没有时间提供接⼝的时候，前端可以先将数据写死或者调⽤本地的json⽂件即可，页⾯的增加和路由的修改也不必再去⿇烦后台，开发更加灵活。通过前端控制路由调⽤AJAX，后台提供接⼝便可以实现，⽽且这样的⽅式⽤户体验更加友好，⽹页加载更加快速，开发和维护成本也降低了不少，效率明显提升。前端的MVC指：Model——封装数据操作View——视图渲染Controller——控制器（将content塞到页⾯⾥；浏览器事件监听；数据事件监听）⼀个页⾯可以有多个Controller，每个Controller负责⼀个⼤div即可。Controller监听Model变化，Model⼀变，Controller就会去更新View；Controller监听⽤户交互，⽤户点了提交或者修改按钮，Controller就要去更新Model。