用户界面编程模式 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

用户界面编程模式 MVC MVP MVVM的更多相关文章

  1. 浅析前端开发中的 MVC/MVP/MVVM 模式

    MVC,MVP和MVVM都是常见的软件架构设计模式(Architectural Pattern),它通过分离关注点来改进代码的组织方式.不同于设计模式(Design Pattern),只是为了解决一类 ...

  2. Android App的设计架构:MVC,MVP,MVVM与架构经验谈

    相关:http://www.cnblogs.com/wytiger/p/5996876.html 和MVC框架模式一样,Model模型处理数据代码不变在Android的App开发中,很多人经常会头疼于 ...

  3. MVC, MVP, MVVM比较以及区别(上)

    MVC, MVP和MVVM都是用来解决界面呈现和逻辑代码分离而出现的模式.以前只是对它们有部分的了解,没有深入的研究过,对于一些里面的概念和区别也是一知半解.现在一边查资料,并结合自己的理解,来谈一下 ...

  4. android MVC && MVP && MVVM分析和对比

    相关:http://www.cnblogs.com/wytiger/p/5305087.html 出处http://blog.csdn.net/self_study,对技术感兴趣的同鞋加群544645 ...

  5. MVC, MVP, MVVM比较以及区别

    MVC, MVP和MVVM都是用来解决界面呈现和逻辑代码分离而出现的模式.以前只是对它们有部分的了解,没有深入的研究过,对于一些里面的概念和区别也是一知半解.现在一边查资料,并结合自己的理解,来谈一下 ...

  6. 前端mvc mvp mvvm 架构介绍(vue重构项目一)

    首先 我们为什么重构这个项目 1:我们现有的技术是前后台不分离,页面上采用esayUI+jq构成的单页面,每个所谓的单页面都是从后台胜场的唯一Id 与前端绑定,即使你找到了那个页面元素,也找不到所在的 ...

  7. Android App的设计架构:MVC,MVP,MVVM与架构AAAAA

    1. 架构设计的目的1.1 通过设计使程序模块化,做到模块内部的高聚合和模块之间的低耦合.1.2 这样做的好处是使得程序在开发的过程中,开发人员只需要专注于一点,提高程序开发的效率,并且更容易进行后续 ...

  8. [转]MVVM架构~mvc,mvp,mvvm大话开篇

    MVP 是从经典的模式MVC演变而来,它们的基本思想有相通的地方:Controller/Presenter负责逻辑的处理,Model提供数据,View负 责显示.作为一种新的模式,MVP与MVC有着一 ...

  9. [1] MVC & MVP &MVVM

    开发架构之MVC & MVP & MVVM  

随机推荐

  1. 63.Python中contains和icontains

    1. contains: 进行大小写敏感的判断,某个字符串是否包含在指定的字段中,这个判断条件使用大小写敏感进行判断,因此在被翻译成"SQL"语句的时候,会使用"like ...

  2. python利用百度云接口实现车牌识别

    一个小需求---实现车牌识别. 目前有两个想法 调云在线的接口或者使用SDK做开发(配置环境和编译第三方库很麻烦,当然使用python可以避免这些问题) 自己实现车牌识别算法(复杂) ! 一开始准备使 ...

  3. PAT Advanced 1030 Travel Plan (30) [Dijkstra算法 + DFS,最短路径,边权]

    题目 A traveler's map gives the distances between cities along the highways, together with the cost of ...

  4. ArchLinux安装(BIOS)

    ArchLinux安装(BIOS) 说在前头:在经历过无数次的失败尝试过后总结出的可用的安装过程(比官方的简单一点) 官方安装指导 一.连接网络 1.连接 # wifi-menu 2.检查是否联通 ( ...

  5. Ubuntu 16.04 上安装 CUDA 9.0 详细教程

    https://blog.csdn.net/QLULIBIN/article/details/78714596 前言: 本篇文章是基于安装CUDA 9.0的经验写,CUDA9.0目前支持Ubuntu1 ...

  6. bash cheat

    ############################################################################### BASH CHEATSHEET (中文速 ...

  7. VC++ DLL 2 静态链接库

    这一篇以VS2013为例子介绍怎样编写一个静态链接库和调用. 1.打开VS2013,新建Visual C++ 的win32项目: 新建后工程分支如下: 添加头文件和源文件: 编写头文件和源文件内容: ...

  8. one_day_one_linuxCmd---tar命令

    <坚持每天学习一个 linux 命令,今天我们来学习 tar 命令> 摘要:tar 命令是一个 Linux 下的打包程序,通常在 Linux 下,打包和压缩是不同的程序,打包通过 tar ...

  9. Python语言基础与应用 (P16)上机练习:基本数据类型

    本文是笔者在学习MOOC课程<Python语言基础与应用> (北京大学-陈斌)中根据上机课时的要求写下在代码 课程总链接: 中国大学MOOC B站 本节课链接 数值基本运算: 33和7+, ...

  10. Android 消息推送流程机制

    1.引言 所谓的消息推送就是从服务器端向移动终端发送连接,传输一定的信息.比如一些新闻客户端,每隔一段时间收到一条或者多条通知,这就是从服务器端传来的推送消息:还比如常用的一些IM软件如微信.GTal ...