我所理解的MVVM

作者: liyc_dev | 来源:发表于2017-05-24 18:24 被阅读285次

不确定,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
    

相关文章

  • 我所理解的MVVM

    不确定,MVVM是不是为了解决MVC中臃肿的C,但是,它的确完美解决掉了MVC中臃肿的C。 MVCC同时拥有M和V...

  • 我所理解MVVM模式

    前言 其实关于MVVM,笔者早就想谈谈自己的想法,跟朋友们交流学习。但是由于这段时间公司任务紧,加班多,而抽不出时...

  • 我理解的MVVM

    用途: M:model V: View+Controller VM:数据请求 数据处理 数据逻辑整理 和Model...

  • 01、初入Vue

    1、什么是MVVM 那么我们怎么理解MVVM呢?上图中,左侧的View相当于我们的DOM内容,就是我们所看到的页面...

  • IOS-我所理解的MVVM与MVC

    官方给出的MVC理解图 斯坦福白魔法师给的MVC理解 MVVM 其实本质都是由Controller将存放在Mode...

  • 基于DataBinding的MVVM

    尽管对于Android的的MVVM的设计模式并不是理解的很透彻,目前我所理解的就是VM就是绑定有数据的布局,与前些...

  • VUE常见面试题

    1、 谈谈你对MVVM开发模式的理解: MVVM可以理解为:model-view-viewModel Model:...

  • 对MVVM的初步理解与使用

    MVVM已经火了很久了,作为萌新,我对mvvm的理解是model + viewmodel + view + con...

  • [iOS][MVVM]理解MVVM

    前言 MMVM这个概念,相信很多人都听过,但很多人估计和我一样,没真正去理解和运用过,对它只是一知半解而已.最近因...

  • 面试必备的13道可以举一反三的Vue面试题

    1、你对MVVM的理解? MVVM是什么? MVVM 模式,顾名思义即 Model-View-ViewModel ...

网友评论

    本文标题:我所理解的MVVM

    本文链接:https://www.haomeiwen.com/subject/clxoxxtx.html