iOS MVC\MVP\MVVM框架模式与Demo

MVC模式

MVC是Model-View-Controller的缩写，它将应用程序划分为三个部分：
Model: 模型（用于封装与应用程序的业务逻辑相关的数据以及对数据的处理方法）
View: 视图（渲染页面）
Controller: 控制器（M和V之间的连接器，用于控制应用程序的流程，及页面的业务逻辑）

MVC特点：

MVC模式的特点在于实现关注点分离，即应用程序中的数据模型与业务和展示逻辑解耦。在客户端web开发中，就是将模型(M-数据、操作数据)、视图(V-显示数据的HTML元素)之间实现代码分离，松散耦合，使之成为一个更容易开发、维护和测试的客户端应用程序。

View 传送指令到 Controller ；
Controller 完成业务逻辑后，要求 Model 改变状态；
Model 将新的数据发送到 View，用户得到反馈。

MVC流程：

MVC流程一共有两种，在日常开发中都会使用到。
一种是通过 View 接受指令，传递给 Controller，然后对模型进行修改或者查找底层数据，最后把改动渲染在视图上。
另一种是通过controller接受指令，传给Controller：

MVC优点：

耦合性低，视图层和业务层分离，这样就允许更改视图层代码而不用重新编译模型和控制器代码。
重用性高
生命周期成本低
MVC使开发和维护用户接口的技术含量降低
可维护性高，分离视图层和业务逻辑层也使得WEB应用更易于维护和修改
部署快

MVC缺点：

不适合小型，中等规模的应用程序，花费大量时间将MVC应用到规模并不是很大的应用程序通常会得不偿失。
视图与控制器间过于紧密连接，视图与控制器是相互分离，但却是联系紧密的部件，视图没有控制器的存在，其应用是很有限的，反之亦然，这样就妨碍了他们的独立重用。
视图对模型数据的低效率访问，依据模型操作接口的不同，视图可能需要多次调用才能获得足够的显示数据。对未变化数据的不必要的频繁访问，也将损害操作性能。

MVC应用：

在web app 流行之初， MVC 就应用在了java（struts2）和C#（ASP.NET）服务端应用中，后来在客户端应用程序中，基于MVC模式，AngularJS应运而生

View
-DemoAView.h

#import <UIKit/UIKit.h>

NS_ASSUME_NONNULL_BEGIN

@interface DemoAView : UIView

@property(nonatomic ,strong) UILabel *nameLabel;

@end

NS_ASSUME_NONNULL_END

-DemoAView.m

#import "DemoAView.h"

@implementation DemoAView

- (instancetype)initWithFrame:(CGRect)frame {
    self = [super initWithFrame:frame];
    if (self) {
        self.nameLabel = [[UILabel alloc] initWithFrame:self.bounds];
        self.nameLabel.textAlignment = NSTextAlignmentCenter;
        [self addSubview:self.nameLabel];
        
    }
    return self;
}
@end

Model
-DemoAModel.h

#import <Foundation/Foundation.h>

NS_ASSUME_NONNULL_BEGIN

@interface DemoAModel : NSObject

@property (nonatomic ,readonly) NSString *nameString;
@property (nonatomic ,readonly) NSString *ageString;

- (instancetype)initWithNameString:(NSString *)nameString age:(NSString *)ageString;

@end

NS_ASSUME_NONNULL_END

-DemoAModel.m


#import "DemoAModel.h"

@implementation DemoAModel

- (instancetype)initWithNameString:(NSString *)nameString age:(NSString *)ageString{
    self = [super init];
    if (self) {
        _nameString = nameString;
        _ageString = ageString;
    }
    return self;
}
@end

Controller

#import "ViewController.h"
#import "DemoAView.h"
#import "DemoAModel.h"

@interface ViewController ()

@property(nonatomic,strong) DemoAView *demoAView;
@property(nonatomic,strong) DemoAModel *demoAModel;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    [self setupViews];
    self.demoAModel = [[DemoAModel alloc] initWithNameString:@"张三" age:@"20"];

    self.demoAView.nameLabel.text = [NSString stringWithFormat:@"姓名：%@----年龄：%@岁",self.demoAModel.nameString,self.demoAModel.ageString];
    // Do any additional setup after loading the view.
}

- (void)setupViews{
    self.demoAView = [[DemoAView alloc] initWithFrame:CGRectMake(100, 100, self.view.frame.size.width - 200, 100)];
    self.demoAView.backgroundColor = [UIColor redColor];
    [self.view addSubview:self.demoAView];
    
}

@end

MVP模式

MVP（Model-View-Presenter）是MVC的改良模式，由IBM的子公司Taligent提出。和MVC的相同之处在于：Controller/Presenter负责业务逻辑，Model管理数据，View负责显示只不过是将 Controller 改名为 Presenter，同时改变了通信方向。

MVP特点：
M、V、P之间双向通信。
View 与 Model 不通信，都通过 Presenter 传递。Presenter完全把Model和View进行了分离，主要的程序逻辑在Presenter里实现。
View 非常薄，不部署任何业务逻辑，称为”被动视图”（Passive View），即没有任何主动性，而 Presenter非常厚，所有逻辑都部署在那里。
Presenter与具体的View是没有直接关联的，而是通过定义好的接口进行交互，从而使得在变更View时候可以保持Presenter的不变，这样就可以重用。不仅如此，还可以编写测试用的View，模拟用户的各种操作，从而实现对Presenter的测试–从而不需要使用自动化的测试工具。

与MVC区别：

在MVP中，View并不直接使用Model，它们之间的通信是通过Presenter (MVC中的Controller)来进行的，所有的交互都发生在Presenter内部。
这里写图片描述
在MVC中，View会直接从Model中读取数据而不是通过 Controller。

MVP优点：

模型与视图完全分离，我们可以修改视图而不影响模型；
可以更高效地使用模型，因为所有的交互都发生在一个地方——Presenter内部；
我们可以将一个Presenter用于多个视图，而不需要改变Presenter的逻辑。这个特性非常的有用，因为视图的变化总是比模型的变化频繁；
如果我们把逻辑放在Presenter中，那么我们就可以脱离用户接口来测试这些逻辑（单元测试）。

MVP缺点：

视图和Presenter的交互会过于频繁，使得他们的联系过于紧密。也就是说，一旦视图变更了，presenter也要变更。

MVP应用：

可应用与Android、iOS开发。

MVP的代码示例部分如下：

Model

Model.h

#import <Foundation/Foundation.h>

NS_ASSUME_NONNULL_BEGIN

@interface UsrModel : NSObject

@property (nonatomic ,readonly) NSString *nameString;
@property (nonatomic ,readonly) NSString *ageString;

- (instancetype)initWithNameString:(NSString *)nameString age:(NSString *)ageString;

@end

NS_ASSUME_NONNULL_END

Model.m

#import "UsrModel.h"

@implementation UsrModel

- (instancetype)initWithNameString:(NSString *)nameString age:(NSString *)ageString{
    self = [super init];
    if (self) {
        _nameString = nameString;
        _ageString = ageString;
    }
    return self;
}
@end

View

View.h

#import <UIKit/UIKit.h>

NS_ASSUME_NONNULL_BEGIN

@interface DemoAView : UIView

@property(nonatomic ,strong) UILabel *nameLabel;

@end

NS_ASSUME_NONNULL_END

View.m

#import "DemoAView.h"

@implementation DemoAView

- (instancetype)initWithFrame:(CGRect)frame {
    self = [super initWithFrame:frame];
    if (self) {
        self.nameLabel = [[UILabel alloc] initWithFrame:self.bounds];
        self.nameLabel.textAlignment = NSTextAlignmentCenter;
        [self addSubview:self.nameLabel];
        
    }
    return self;
}
@end

Presenter

Presenter.h

#import <Foundation/Foundation.h>

NS_ASSUME_NONNULL_BEGIN

@protocol UsrViewProtocol <NSObject>

- (void)setNameString:(NSString *)name;

@end

@interface Presenter : NSObject

- (void)bindView:(id <UsrViewProtocol>)view;

- (void)bindData;

@end

NS_ASSUME_NONNULL_END

Presenter.m

#import "Presenter.h"
#import "UsrModel.h"

@interface Presenter()

@property (nonatomic, strong) UsrModel *usrModel;
@property (nonatomic, weak) id<UsrViewProtocol> bindView;

@end

@implementation Presenter


- (void)bindView:(id <UsrViewProtocol>)view{
    self.bindView = view;
}

- (void)bindData{
    self.usrModel = [[UsrModel alloc] initWithNameString:@"李四" age:@"30"];
    [self.bindView setNameString:[NSString stringWithFormat:@"姓名：%@----年龄：%@岁",self.usrModel.nameString,self.usrModel.ageString]];
}

@end

Controller

#import "ViewController.h"
#import "DemoAView.h"
#import "Presenter.h"

@interface ViewController () <UsrViewProtocol>

@property(nonatomic,strong) DemoAView *demoAView;
@property(nonatomic,strong) Presenter *presenter;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    [self setupViews];
    self.presenter = [Presenter new];
    [self.presenter bindView:self];
    [self.presenter bindData];
}

- (void)setupViews{
    self.demoAView = [[DemoAView alloc] initWithFrame:CGRectMake(100, 100, self.view.frame.size.width - 200, 100)];
    self.demoAView.backgroundColor = [UIColor redColor];
    [self.view addSubview:self.demoAView];
}
#pragma -mark ViewProtocol
- (void)setNameString:(NSString *)name{
    self.demoAView.nameLabel.text = name;
}
@end

MVVM模式

MVVM是Model-View-ViewModel的简写。微软的WPF(Windows Presentation Foundation–微软推出的基于Windows 的用户界面框架)带来了新的技术体验, 使得软件UI层更加细节化、可定制化。与此同时，在技术层面，WPF也带来了诸如Binding（绑定）、Dependency Property（依赖属性）、Routed Events（路由事件）、Command（命令）、DataTemplate（数据模板）、ControlTemplate（控制模板）等新特性。MVVM模式其实是MV模式与WPF结合的应用方式时发展演变过来的一种新型架构模式。它立足于原有MVP框架并且把WPF的新特性糅合进去，以应对客户日益复杂的需求变化。

MVVM优点：

MVVM模式和MVC模式类似，主要目的是分离视图（View）和模型（Model），有几大优点：
1.低耦合，视图（View）可以独立于Model变化和修改，一个ViewModel可以绑定到不同的”View”上，当View变化的时候Model可以不变，当Model变化的时候View也可以不变。
2.可重用性，可以把一些视图逻辑放在一个ViewModel里面，让很多view重用这段视图逻辑。
3.独立开发，开发人员可以专注于业务逻辑和数据的开发（ViewModel），设计人员可以专注于页面设计，使用Expression Blend可以很容易设计界面并生成xml代码。
4.可测试，界面向来是比较难于测试的，而现在测试可以针对ViewModel来写。

Model

DemoAView.h

#import <UIKit/UIKit.h>

NS_ASSUME_NONNULL_BEGIN

@interface DemoAView : UIView

@property(nonatomic ,strong) UILabel *nameLabel;

@end

NS_ASSUME_NONNULL_END

DemoAView.m


#import "DemoAView.h"

@implementation DemoAView

- (instancetype)initWithFrame:(CGRect)frame {
    self = [super initWithFrame:frame];
    if (self) {
        self.nameLabel = [[UILabel alloc] initWithFrame:self.bounds];
        self.nameLabel.textAlignment = NSTextAlignmentCenter;
        [self addSubview:self.nameLabel];
        
    }
    return self;
}
@end

Model

UsrModel.h

#import <Foundation/Foundation.h>

NS_ASSUME_NONNULL_BEGIN

@interface UsrModel : NSObject

@property (nonatomic ,readonly) NSString *nameString;
@property (nonatomic ,readonly) NSString *ageString;

- (instancetype)initWithNameString:(NSString *)nameString age:(NSString *)ageString;

@end

NS_ASSUME_NONNULL_END

UsrModel.m

#import "UsrModel.h"

@implementation UsrModel

- (instancetype)initWithNameString:(NSString *)nameString age:(NSString *)ageString{
    self = [super init];
    if (self) {
        _nameString = nameString;
        _ageString = ageString;
    }
    return self;
}
@end

ViewModel

ViewModel.h

#import <Foundation/Foundation.h>
#import "UsrModel.h"

NS_ASSUME_NONNULL_BEGIN

@interface UsrViewModel : NSObject

@property (nonatomic, readonly) UsrModel *usr;
@property (nonatomic, readonly) NSString *name;

- (instancetype)initWithModel:(UsrModel *)usr;

@end

NS_ASSUME_NONNULL_END

ViewModel.m

#import "UsrViewModel.h"

@implementation UsrViewModel

- (instancetype)initWithModel:(UsrModel *)usr{
    self = [super init];
    if (self) {
        _usr = usr;
        _name = [NSString stringWithFormat:@"姓名：%@----年龄：%@",_usr.nameString,_usr.ageString];
    }
    
    return self;
}
@end

Controller

#import "ViewController.h"
#import "DemoAView.h"
#import "UsrViewModel.h"
#import "UsrModel.h"

@interface ViewController ()

@property(nonatomic,strong) DemoAView *demoAView;
@property (nonatomic, strong) UsrViewModel *viewModel;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    [self setupViews];
    UsrModel *usr = [[UsrModel alloc] initWithNameString:@"王五" age:@"35"];
    self.viewModel = [[UsrViewModel alloc] initWithModel:usr];
    self.demoAView.nameLabel.text = self.viewModel.name;
}

- (void)setupViews{
    self.demoAView = [[DemoAView alloc] initWithFrame:CGRectMake(100, 100, self.view.frame.size.width - 200, 100)];
    self.demoAView.backgroundColor = [UIColor redColor];
    [self.view addSubview:self.demoAView];
}
@end

最终效果如下图

1615883370896.jpg

最后编辑于：2021.03.16 16:30:09

人面猴
序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
沈念sama阅读 202,723评论 5赞 476
死咒
序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
沈念sama阅读 85,080评论 2赞 379
救了他两次的神仙让他今天三更去死
文/潘晓璐我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
开封第一讲书人阅读 149,604评论 0赞 335
道士缉凶录：失踪的卖姜人
文/不坏的土叔我叫张陵，是天一观的道长。经常有香客问我，道长，这世上最难降的妖魔是什么？我笑而不...
开封第一讲书人阅读 54,440评论 1赞 273
港岛之恋（遗憾婚礼）
正文为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
茶点故事阅读 63,431评论 5赞 364
恶毒庶女顶嫁案：这布局不是一般人想出来的
文/花漫我一把揭开白布。她就那样静静地躺着，像睡着了一般。火红的嫁衣衬着肌肤如雪。梳的纹丝不乱的头发上，一...
开封第一讲书人阅读 48,499评论 1赞 281
城市分裂传说
那天，我揣着相机与录音，去河边找鬼。笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。我是一名探鬼主播，决...
沈念sama阅读 37,893评论 3赞 395
双鸳鸯连环套：你想象不到人心有多黑
文/苍兰香墨我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
开封第一讲书人阅读 36,541评论 0赞 256
万荣杀人案实录
序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
沈念sama阅读 40,751评论 1赞 296
护林员之死
正文独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋以下内容为张勋视角年9月15日...
茶点故事阅读 35,547评论 2赞 319
白月光启示录
正文我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
茶点故事阅读 37,619评论 1赞 329
活死人
序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
沈念sama阅读 33,320评论 4赞 318
日本核电站爆炸内幕
正文年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
茶点故事阅读 38,890评论 3赞 307
男人毒药：我在死后第九天来索命
文/蒙蒙一、第九天我趴在偏房一处隐蔽的房顶上张望。院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
开封第一讲书人阅读 29,896评论 0赞 19
一桩弑父案，背后竟有这般阴谋
文/苍兰香墨我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。一阵脚步声响...
开封第一讲书人阅读 31,137评论 1赞 259
情欲美人皮
我被黑心中介骗来泰国打工，没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。一个月前我还...
沈念sama阅读 42,796评论 2赞 349
代替公主和亲
正文我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
茶点故事阅读 42,335评论 2赞 342

iOS MVC\MVP\MVVM框架模式与Demo

MVC模式

MVP模式

MVVM模式

推荐阅读更多精彩内容