用户界面编程模式 MVC MVP MVVM

 

用户界面编程模式 MVC MVP MVVM

程序 = 数据 + 算法
数据：就是待处理的东西
算法：就是代码

涉及到人机交互的程序，不可避免涉及到界面和界面上显示的数据
原始方式是界面代码和逻辑代码糅合在一起，没有分而治之，导致处理难度很大，我们需要要把界面代码和逻辑代码分开。
首先出现了MVC模式，后续又出现MVP模式及MVVM模式
这三种模式，都是由view来驱动的，就是一个业务由用户来触发，再到control(或者P或者VM), 再到model,本质是分离view和model

view <----> control <----> model

1.MVC(model-view-control)

   1.用户通过view触发请求
   2.control收到请求，找到合适的model，调用model
   3.model处理请求，返回数据
   4.control调用view，并把model传递给view
   5.view获取model中的数据，更新view

   这种模式view和model没有彻底分开，view单向依赖model

2.MVP(model-view-presenter)
   1.用户通过view触发请求
   2.P收到请求，找到合适的model，调用model
   3.model处理请求，返回数据
   4.P根据model，更新view

   这种模式view model彻底分开了，不过P中要写大量的代码来更新view

3.MVVM(model-view-viewModel)
   1.用户通过view触发请求
   2.VM收到请求，找到合适的model，调用model
   3.model处理请求，返回数据
   4.VM透传model数据到view
   5.view自动更新界面

   这种模式view model彻底分开了，通过透传(数据绑定机制)，VM中不用写那些大量的更新view代码

三种模式的区别：
   1.MVC中 view model未彻底分离，其他两种都彻底分离
   2.MVP中 P中需要写大量的数据绑定代码来更新view,其他两种无这种缺点
   3.MVVM中 view model中的数据是双向绑定的，修改数据都会影响对方的相应数据

MVVM模型既分离了view model，对控制器的压力也不太大，是一中比较好的分离方案

这三种模式的应用
    1.web方面
       a.服务器端
         struts2,springMVC
         都是MVC方案，JSP、各种模板等等都是view
       b.前端
         前端MVC, 前端MVVM
         这些控制都在前端(浏览器端，JS代码实现)，后端之负责为前端提供业务数据(业务逻辑也在后端做，返回最终结果给前端即可)


   2.移动设备
      ANDROID 支持这三种模式的开发
      IOS 也支持这三种模式的开发

   3.桌面
      windows
       VC VS 都支持MVC