用户界面编程模式 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
用户界面编程模式 MVC MVP MVVM的更多相关文章
- 浅析前端开发中的 MVC/MVP/MVVM 模式
MVC,MVP和MVVM都是常见的软件架构设计模式(Architectural Pattern),它通过分离关注点来改进代码的组织方式.不同于设计模式(Design Pattern),只是为了解决一类 ...
- Android App的设计架构:MVC,MVP,MVVM与架构经验谈
相关:http://www.cnblogs.com/wytiger/p/5996876.html 和MVC框架模式一样,Model模型处理数据代码不变在Android的App开发中,很多人经常会头疼于 ...
- MVC, MVP, MVVM比较以及区别(上)
MVC, MVP和MVVM都是用来解决界面呈现和逻辑代码分离而出现的模式.以前只是对它们有部分的了解,没有深入的研究过,对于一些里面的概念和区别也是一知半解.现在一边查资料,并结合自己的理解,来谈一下 ...
- android MVC && MVP && MVVM分析和对比
相关:http://www.cnblogs.com/wytiger/p/5305087.html 出处http://blog.csdn.net/self_study,对技术感兴趣的同鞋加群544645 ...
- MVC, MVP, MVVM比较以及区别
MVC, MVP和MVVM都是用来解决界面呈现和逻辑代码分离而出现的模式.以前只是对它们有部分的了解,没有深入的研究过,对于一些里面的概念和区别也是一知半解.现在一边查资料,并结合自己的理解,来谈一下 ...
- 前端mvc mvp mvvm 架构介绍(vue重构项目一)
首先 我们为什么重构这个项目 1:我们现有的技术是前后台不分离,页面上采用esayUI+jq构成的单页面,每个所谓的单页面都是从后台胜场的唯一Id 与前端绑定,即使你找到了那个页面元素,也找不到所在的 ...
- Android App的设计架构:MVC,MVP,MVVM与架构AAAAA
1. 架构设计的目的1.1 通过设计使程序模块化,做到模块内部的高聚合和模块之间的低耦合.1.2 这样做的好处是使得程序在开发的过程中,开发人员只需要专注于一点,提高程序开发的效率,并且更容易进行后续 ...
- [转]MVVM架构~mvc,mvp,mvvm大话开篇
MVP 是从经典的模式MVC演变而来,它们的基本思想有相通的地方:Controller/Presenter负责逻辑的处理,Model提供数据,View负 责显示.作为一种新的模式,MVP与MVC有着一 ...
- [1] MVC & MVP &MVVM
开发架构之MVC & MVP & MVVM
随机推荐
- cnblogs今天挂了
刚打算搬进来常驻cnblogs,好死不死,它今天11点40分左右挂了.真是不让人省心: 今天把这后面这几个月的随笔放过来,希望能不会被清掉:
- javascript中new操作符的原理
javascript中的new是一个语法糖,对于学过c++,java 和c#等面向对象语言的人来说,以为js里面是有类和对象的区别的,实现上js并没有类,一切皆对象,比java还来的彻底 new的过程 ...
- https://www.jianshu.com/p/fc78dab5736f
在学习Swift 3的过程中整理了一些笔记,如果想看其他相关文章可前往<Swift 3必看>系列目录 swift 3中对C层级的GCD的API进行了彻头彻尾的改变.本文将从实际使用场景来了 ...
- Codeforces 433C #248_div1_A 中位数的应用
擦..今天这套题好尼玛难啊,做了一个小时,连一题都没做出来,而且还没什么头绪 查了下出题人,师大附中的 14年毕业 13年拿到的国家集训队资格 保送清华 题意是 给一串序列,计算一个值,这个值是 相邻 ...
- 201903-1 小中大 Java
思路: 中位数就是排序后中间的那个数.如果有偶数个数,就是中间两个数的平均值. 注意,这个平均值可能是整数,可能是小数,如果都是一样的处理,如果输出整数是3.0,而不是3,就有问题.所以需要分开处理. ...
- maven学习(三)-使用maven来创建项目
转自https://www.cnblogs.com/xdp-gacl/p/4240930.html maven作为一个高度自动化构建工具,本身提供了构建项目的功能,下面就来体验一下使用maven构建项 ...
- python复习——字符串
1.字符串:用双引号括起的内容 2.title()——首字母大写:print(变量名.title()) upper()——全部大写:print(变量名.upper()) lower()——全部小写:p ...
- Day 6:Vector类和实现Hashset以及登录窗口的模拟
LinkedList作业:生成扑克牌并且洗牌? import java.util.*; class Poker{ String color; String number; public Poker(S ...
- Day 5 :ArrayList原理、LinkedList原理和方法和迭代器注意事项
迭代器在变量元素的时候要注意事项: 在迭代器迭代元素 的过程中,不允许使用集合对象改变集合中的元素个数,如果需要添加或者删除只能使用迭代器的方法进行操作. 如果使用过了集合对象改变集合中元素个数那 ...
- POJ - 3279 Fliptile(反转---开关问题)
题意:有一个M*N的网格,有黑有白,反转使全部变为白色,求最小反转步数情况下的每个格子的反转次数,若最小步数有多个,则输出字典序最小的情况.解不存在,输出IMPOSSIBLE. 分析: 1.枚举第一行 ...