理解MVC 框架

前言：很多前端开发者面临着这样的问题，在项目开发中承担的工作越来越多，后端要做的越来越少，需要的技术棧越来越多，经常有人问你个技术是你完全不会的，对自己的职业生涯越来越怀疑。从前认为HTML+CSS+js+jQuery能解决的问题，突然间变LOW了，要用新技术解决。

前端面临的新技术到底是什么？也许看了这篇文章你能找到一点答案。

很多人误解前端的工作是切图，指将UI提供的设计稿制作成html+css布局的静态页面，有利于交互，形成良好的视觉感。其实这是一种误解，当然也许这是前端甩开膀子干的第一步，也是前端必须会的技能之一。如果说你面对的工作只是参与企业站的制作，那么可能你的工作只有切图。

但是，在实际的工作中，我们可能会面临更复杂的web应用，我们面对一个棘手的问题是怎么跟后端协同工作，如果我们的html文件中有一个表格，里面需要请求某数据表中的数据，需要怎么做呢？传统的做法把页面交给后端，前端的工作就此结束。这样的结果是html，js,后端程序混在一起，后期代码维护非常困难。

MVC就是用来解决这个问题的，要重新编写业务逻辑。在我看来MVC不是一种技术，而是一种思想，一种套路。我们在编写代码的时候，一定要注意将我们的代码分成三部分：专门处理数据的分为一部分，专门处理页面视图的分为一部分，处理数据和页面交接的一部分。

Model（模型）是应用程序中用于处理应用程序数据逻辑的部分。通常模型对象负责在数据库中存取数据。

View（视图）是应用程序中处理数据显示的部分。通常视图是依据模型数据创建的。

Controller（控制器）是应用程序中处理用户交互的部分。通常控制器负责从视图读取数据，控制用户输入，并向模型发送数据

MVC框架有很多，后端框架我接触过php的thinkphp，java的spring0 mvc,这里不做介绍,前端基于MVC及其衍生的MVVM思想的框架有angular，VUE,React(一般认为是MVC中的视图)