我所理解的MVVM

不确定,MVVM是不是为了解决MVC中臃肿的C,
但是,它的确完美解决掉了MVC中臃肿的C。

  1. MVC
    C同时拥有M和V,作为两者之间的桥梁,注定要导致它的臃肿。


    mvc
  2. MVVM
    单向拥有,完全解耦,自然简单、便于维护、容易理解


    mvvm
  3. 参考文献
    巧哥的观点有点老,但是辩证的看,还是能有收获
    我对MVC的理解个人观点,欢迎讨论
    喵神翻译的一本书上面的两张图也出自这里
  4. 介绍两者的文章、博客、书籍很多,这里不多说,直接上代码

介绍一下这个小需求:对,就这么简单

  1. 从服务端返回User数据(包括:id(int)、name(string)、age(int)、university(string)、sex(int))
  2. 在界面上展示User数据(包括:姓名(string)、大学(string)、性别(string))
  3. 要求性别转换(1->男;2->女),大学最长显示三个字符
  • User

    #import <Foundation/Foundation.h>
       
    @interface User : NSObject
       
    @property (nonatomic, assign) NSInteger identifier;
    @property (nonatomic, copy) NSString *name;
    @property (nonatomic, assign) NSInteger age;
    @property (nonatomic, copy) NSString *university;
    @property (nonatomic, assign) NSInteger sex;
       
    @end
    
    #import "User.h"
       
    @implementation User
       
    @end
    
  • Model

    #import <Foundation/Foundation.h>
    #import "User.h"
    
    @interface Model : NSObject
    
    @property (nonatomic, assign, readonly, getter=isLoading) BOOL load;
    @property (nonatomic, strong, readonly) User *user;
    
    - (void)fetchUser;
    
    @end
    
    #import "Model.h"
    
    @interface Model ()
    
    @property (nonatomic, strong) User *user;
    @property (nonatomic, assign, getter=isLoading) BOOL load;
    
    @end
    
    @implementation Model
    
    - (void)fetchUser
    {
        // 模拟网络请求,或者数据库访问
        self.load = YES;
        dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(1 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
            User *user = [[User alloc] init];
            user.identifier = 1;
            user.name = @"李远超";
            user.age = 28;
            user.university = @"山东工商学院";
            user.sex = 1;
            self.load = NO;
            self.user = user;
        });
    }
    
    @end
    
  • ViewModel

    #import <Foundation/Foundation.h>
    
    @interface ViewModel : NSObject
    
    @property (nonatomic, copy, readonly) NSString *name;
    @property (nonatomic, copy, readonly) NSString *university;
    @property (nonatomic, copy, readonly) NSString *sex;
    @property (nonatomic, assign, readonly, getter=isLoading) BOOL load;
    
    - (void)fetchUser;
    
    @end
    
    #import "ViewModel.h"
    #import "Model.h"
    #import <ReactiveObjC.h>
    
    @interface ViewModel ()
    
    @property (nonatomic, copy) NSString *name;
    @property (nonatomic, copy) NSString *university;
    @property (nonatomic, copy) NSString *sex;
    @property (nonatomic, assign, getter=isLoading) BOOL load;
    
    @property (nonatomic, strong) Model *model;
    
    @end
    
    @implementation ViewModel
    
    - (instancetype)init
    {
        self = [super init];
        if (self) {
            _model = [[Model alloc] init];
    
            RAC(self, name) = [[RACObserve(_model, user) skip:1] map:^id _Nullable(User *user) {
                return user.name;
            }];
            RAC(self, university) = [[RACObserve(_model, user) skip:1] map:^id _Nullable(User *user) {
                NSString *university = user.university;
                if (user.university.length > 3) {
                    university = [university substringToIndex:3];
                }
                return university;
            }];
            RAC(self, sex) = [[RACObserve(_model, user) skip:1] map:^id _Nullable(User *user) {
                return user.sex == 1 ? @"男" : @"女";
            }];
            RAC(self, load) = [RACObserve(_model, load) skip:1];
        }
        return self;
    }
    
    - (void)fetchUser
    {
        [self.model fetchUser];
    }
    
    @end
    
  • ViewController

    #import <UIKit/UIKit.h>
    
    @interface ViewController : UIViewController
    
    @end
    
    #import "ViewController.h"
    #import "ViewModel.h"
    #import <ReactiveObjC.h>
    
    @interface ViewController ()
    
    @property (nonatomic, strong) ViewModel *viewModel;
    @property (weak, nonatomic) IBOutlet UILabel *nameLabel;
    @property (weak, nonatomic) IBOutlet UILabel *universityLabel;
    @property (weak, nonatomic) IBOutlet UILabel *sexLabel;
    @property (weak, nonatomic) IBOutlet UILabel *loadLabel;
    
    @end
    
    @implementation ViewController
    
    - (void)viewDidLoad {
        [super viewDidLoad];
        self.viewModel = [[ViewModel alloc] init];
    
        RAC(self.nameLabel, text) = RACObserve(self.viewModel, name);
        RAC(self.universityLabel, text) = RACObserve(self.viewModel, university);
        RAC(self.sexLabel, text) = RACObserve(self.viewModel, sex);
        RAC(self.loadLabel, text) = [RACObserve(self.viewModel, load) map:^id _Nullable(NSNumber *value) {
            return [value boolValue] ? @"loading" : @"normal";
        }];
    }
    
    - (IBAction)fetchDataAction:(UIButton *)sender
    {
        [self.viewModel fetchUser];
    }
    
    @end
    
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 160,881评论 4 368
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 68,052评论 1 301
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 110,598评论 0 250
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,407评论 0 217
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,823评论 3 294
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,872评论 1 224
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 32,037评论 2 317
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,778评论 0 204
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,505评论 1 247
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,745评论 2 253
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,233评论 1 264
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,568评论 3 260
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,231评论 3 241
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,141评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,939评论 0 201
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,954评论 2 283
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,784评论 2 275

推荐阅读更多精彩内容