设计模式与架构

何为架构？

架构（Architecture）
软件开发中的设计方案
类与类之间的关系、模块与模块之间的关系、客户端与服务端的关系

经常听到的架构名词
MVC、MVP、MVVM、VIPER、CDD
三层架构、四层架构
......

传统的MVC模式

Traditional MVC

苹果的 MVC

苹果官网地址

[Cocoa MVC]

示例：
Model

@interface ShopModel : NSObject
@property (copy, nonatomic) NSString *title;
@property (copy, nonatomic) NSString *price;
@end

@implementation ShopModel
@end

DataSource

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    static  NSString *ID = @"CellID";
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
    if (!cell) {
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:ID];
    }
    ShopModel *shop = self.shopData[indexPath.row];
***************************************
cell和model之间并没有直接关系
***************************************
    cell.detailTextLabel.text = shop.price;
    cell.textLabel.text = shop.title;
    return cell;
}

优点：View、Model可以重复利用，可以独立使用
缺点：Controller的代码过于臃肿

MVC – 变种


示例：
Model

@interface TestModel : NSObject
@property (copy, nonatomic) NSString *title;
@property (copy, nonatomic) NSString *imageName;
@end

@implementation TestModel
@end

View

@class TestModel;
@interface TestView : UIView
@property (strong, nonatomic) TestModel * model;
@end

@implementation TestView

- (instancetype)initWithFrame:(CGRect)frame
{
    if (self = [super initWithFrame:frame]) {
        .....
    }
    return self;
}

- (void)setModel:(TestModel *)model{
    _model = model;
    self.iconView.image = [UIImage imageNamed:model.imageName];
    self.nameLabel.text = model.title;
}

@end

VC


- (void)viewDidLoad {
    [super viewDidLoad];
    TestModel *model = [[TestModel alloc] init];
    model.title = @"QQ";
    model.imageName = @"QQ";
    TestView *testView = [[TestView alloc] init];
    testView.model = model;
}

优点：对Controller进行瘦身，将View内部的细节封装起来了，外界不知道View内部的具体实现
缺点：View依赖于Model

MVP

Passive View variant of MVP

示例：
View

@interface TestView : UIView
- (void)setTitle:(NSString *)title andImageName:(NSString *)imageName;
@end

@implementation TestView
- (void)setTitle:(NSString *)title andImageName:(NSString *)imageName
{
    _iconView.image = [UIImage imageNamed:image];
    _nameLabel.text = title;
}
@end

VC

@interface ViewController ()
@property (strong, nonatomic) TestPresenter *presenter;
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    self.presenter = [[TestPresenter alloc] initWithController:self];
}

@end

presenter

@interface TestPresenter : NSObject
- (instancetype)initWithController:(UIViewController *)controller;
@end

@implementation TestPresenter

- (instancetype)initWithController:(UIViewController *)controller
{
    if (self = [super init]) {
        self.controller = controller;
        
        // 创建View
        TestView *testView = [[TestView alloc] init];
        testView.frame = CGRectMake(100, 100, 100, 150);
        [controller.view addSubview:testView];
        
         // 加载模型数据
         TestModel *model = [[TestModel alloc] init];
         model.title = @"QQ";
         model.imageName = @"QQ";
        // 赋值数据
        [testView setName:model.title andImage:model.imageName];
    }
    return self;
}
@end

可以看到跟苹果的Apple’s MVC 很相似，多了一个 Presenter 模块，取代了Controller中转粘合剂的位置。Presenter本身与当前的ViewController中的生命周期并无关联,作为业务处理层,个人觉得称MVCP更合适

MVVM

MVVM

示例：
View

@class TestViewModel;
@interface TestView : UIView
@property (weak, nonatomic) TestViewModel *viewModel;
@end

@implementation TestView

- (instancetype)initWithFrame:(CGRect)frame
{
    if (self = [super initWithFrame:frame]) {
        ....
    }
    return self;
}

- (void)setViewModel:(TestViewModel *)viewModel
{
    _viewModel = viewModel;
    __weak typeof(self) waekSelf = self;
    [self.KVOController observe:viewModel keyPath:@"title" options:NSKeyValueObservingOptionNew block:^(id  _Nullable observer, id  _Nonnull object, NSDictionary<NSKeyValueChangeKey,id> * _Nonnull change) {
        waekSelf.nameLabel.text = change[NSKeyValueChangeNewKey];
    }];
    [self.KVOController observe:viewModel keyPath:@"imageName" options:NSKeyValueObservingOptionNew block:^(id  _Nullable observer, id  _Nonnull object, NSDictionary<NSKeyValueChangeKey,id> * _Nonnull change) {
        waekSelf.iconView.image = [UIImage imageNamed:change[NSKeyValueChangeNewKey]];
    }];
}

VC

@interface ViewController ()
@property (strong, nonatomic) TestViewModel *viewModel;
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    self.viewModel = [[TestViewModel alloc] initWithController:self];
}
@end

ViewModel

@interface TestViewModel : NSObject
- (instancetype)initWithController:(UIViewController *)controller;
@end

@interface TestViewModel() <TestViewDelegate>
@property (copy, nonatomic) NSString *title;
@property (copy, nonatomic) NSString *imageName;
@end

@implementation TestViewModel

- (instancetype)initWithController:(UIViewController *)controller
{
    if (self = [super init]) {
        // 创建View
        TestView *testView = [[TestView alloc] init];
        testView.frame = CGRectMake(100, 100, 100, 150);
        testView.viewModel = self;
        [controller.view addSubview:testView];
        // 加载模型数据
        TestModel *model = [[TestModel alloc] init];
         model.title = @"QQ";
         model.imageName = @"QQ";
        
        // 设置数据
        self.title = model.title;
        self.imageName = model.imageName;
    }
    return self;
}

在MVP的基础上，将P改成与V双向绑定的VM就变成了MVVM,个人觉得称为MVCVM更合适 View <-> C <-> ViewModel <-> Model
KVO监听属性是用的Facebook的开源框架 KVOController https://github.com/facebookarchive/KVOController

三层架构、四层架构


示例
Data

@interface HTTPTool : NSObject
+ (void)GET:(NSString *)URL params:(NSDictionary *)params success:(void (^)(id result))success failure:(void (^)(NSError *error))failure;
@end

@implementation HTTPTool
+ (void)GET:(NSString *)URL params:(NSDictionary *)params success:(void (^)(id))success failure:(void (^)(NSError *))failure{
    // 调用AFN
}
@end

@interface DBTool : NSObject
@end
@implementation DBTool
@end

Service
@interface Service : NSObject
+ (void)loadData:(NSDictionary *)params success:(void (^)(NSArray *newsData))success failure:(void (^)(NSError *error))failure;
@end

@implementation Service

+ (void)loadData:(NSDictionary *)params success:(void (^)(NSArray *newsData))success failure:(void (^)(NSError *error))failure;
{
    // 先取出本地数据
//    [DBTool loadLocalData....];
    // 如果没有本地数据，就加载网络数据
//    [HTTPTool GET:@"xxxx" params:nil success:^(id result) {
//        success(array);
//    } failure:failure];
}
@end

设计模式

设计模式（Design Pattern）
是一套被反复使用、代码设计经验的总结
使用设计模式的好处是：可重用代码、让代码更容易被他人理解、保证代码可靠性
一般与编程语言无关，是一套比较成熟的编程思想

设计模式可以分为三大类

  • 创建型模式：对象实例化的模式，用于解耦对象的实例化过程
    单例模式、工厂方法模式，等等

  • 结构型模式：把类或对象结合在一起形成一个更大的结构
    代理模式、适配器模式、组合模式、装饰模式，等等

  • 行为型模式：类或对象之间如何交互，及划分责任和算法
    观察者模式、命令模式、责任链模式，等等

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