浅谈MVC和MVVM架构模式(二)

首先我们来建立一个项目,以MVC模式和MVVM模式分别展示一个简单tableview.

Paste_Image.png

1.AppGeneral:通用类

a.Base:基类(整个框架的基类,使用需要继承)

b.Categories : 公共扩展类（就是一些常用的类别）

c.Macro:宏定义类（就是整个应用会用到的宏定义）
1):AppMacro.h -- app项目的相关宏定义
2):NotificationMacro.h -- 通知相关的宏定义
2):ApiMacro.h -- 项目中测试环境和生产环境所有接口路径的宏定义

d.Models: 公共Model （公用的一些数据模型）

e.Utils:项目的相关工具类（比如类似数据请求等工具类）

f.Views:公共View （封装的一些常用的View）

2.Main:项目中主要的东西(如AppDelegate,main.m)

3.Modules:模块 (如首页模块,发现模块,我的模块等)

4.Resource:这里放置的是工程所需的一些资源(Fonts 字体,Images 图片,Sounds 声音,Videos 视频)

5.Vendors : 第三方的类库/SDK，(UMeng、baiduMapSDK等等)。

接下来进入正题

1.MVC模式

Paste_Image.png

@interface ProductModel : NSObject

 @property (copy, nonatomic) NSString *desc;  //描述

@end

@interface ProductCell : UITableViewCell

 @property (strong, nonatomic) ProductModel *productModel;

 + (instancetype)cellForTableView:(UITableView *)tableView;

@end

@interface ProductCell ()

 @property (strong, nonatomic) UILabel *descLbl;

@end

@implementation ProductCell

+ (instancetype)cellForTableView:(UITableView *)tableView
{
    NSString *identify = @"ProductCell";
    ProductCell *cell = [tableView dequeueReusableCellWithIdentifier:identify];
    if (nil == cell) {
        cell = [[ProductCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:identify];
    }
    return cell;
}

- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
{
    if (self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]) {
        
        self.selectionStyle = UITableViewCellSelectionStyleNone;
        
        self.descLbl = [[UILabel alloc] init];
    
        [self.contentView addSubview:self.descLbl];
        
    }
    return self;
}

-(void)layoutSubviews
{
    [super layoutSubviews];
    
    [self.descLbl mas_makeConstraints:^(MASConstraintMaker *make) {
       
        make.edges.equalTo(self.contentView).with.insets(UIEdgeInsetsMake(10, 10, 10, 10));
    }];
}

-(void)setProductModel:(ProductModel *)productModel
{
    self.descLbl.text = productModel.desc;
}

@end

@interface ProductsVC ()<UITableViewDelegate,UITableViewDataSource>

 @property (strong, nonatomic) UITableView *productListTableView;

 @property (strong, nonatomic) NSMutableArray *productsArray;

@end

@implementation ProductsVC

- (void)viewDidLoad {
   
    [super viewDidLoad];
    
    [self setupUI];
    
    [self setupUILayout];
    
    [self requestData];
    
}

-(void)setupUI
{
    self.productListTableView = [[UITableView alloc] init];
    self.productListTableView.delegate = self;
    self.productListTableView.dataSource = self;
    [self.view addSubview:self.productListTableView];
}

-(void)setupUILayout
{
     [self.productListTableView mas_makeConstraints:^(MASConstraintMaker *make) {
        
         make.left.equalTo(self.view);
         make.top.equalTo(self.view);
         make.right.equalTo(self.view);
         make.bottom.equalTo(self.view);
     }];
}

-(void)requestData
{
    [NetWorkManager requestWithType:HttpRequestTypeGet withUrlString:@"/test" withParaments:@{@"page":@"1"} withSuccessBlock:^(NSDictionary *object) {
        
        if ([[object valueForKey:@"success"] boolValue]) {
            
            self.productsArray = [ProductModel mj_objectArrayWithKeyValuesArray:[object valueForKey:@"data"]];
            
            [self.productListTableView reloadData];
            
        }else{
            
            NSLog(@"%@",[object valueForKey:@"errorMsg"]);
        }

        
    } withFailureBlock:^(NSError *error) {
        
        NSLog(@"系统忙,请稍后再试");
        
    } progress:^(float progress) {
        
    }];
}

#pragma mark-- tableDelegate,tableDataSource

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return self.productsArray.count;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    ProductCell *cell = [ProductCell cellForTableView:tableView];
    
    ProductModel *productModel = self.productsArray[indexPath.row];
    
    cell.productModel = productModel;
    
    return cell;
}

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    return 50;
}


#pragma mark--  懒加载
-(NSMutableArray *)productsArray
{
    if (_productsArray==nil) {
        
        _productsArray = [NSMutableArray array];
        
    }
    return _productsArray;
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    
}

@end

这就完成了一个非常简单列表的MVC模式,当然,随着页面的复杂程度,你会发现控制器会越来越臃肿,这就是MVC模式非常大的一个弊端.

最后我们来看看MVVM+RAC模式是怎样完成这么一个简单的列表页面(这里就不细讲RAC的使用了) cell和model代码不变,变的是控制器里面的代码和新增的一个vm

@interface ProductViewModel : NSObject<UITableViewDataSource>

 //请求命令
 @property (strong, nonatomic) RACCommand *reuqesCommand;

 //模型数组
 @property (strong, nonatomic) NSArray *modelArray;

@end

@implementation ProductViewModel

- (instancetype)init
{
    if (self = [super init]) {
        
        [self initialBind];
    }
    return self;
}


-(void)initialBind
{
    _reuqesCommand = [[RACCommand alloc] initWithSignalBlock:^RACSignal *(id input) {
        
        return [RACSignal createSignal:^RACDisposable *(id<RACSubscriber> subscriber) {
            
            [NetWorkManager requestWithType:HttpRequestTypePost withUrlString:@"/test" withParaments:@{@"page":@"1"} withSuccessBlock:^(NSDictionary *object) {
                
                if ([[object valueForKey:@"success"] boolValue]) {
                    
                    // 请求成功调用
                    // 把数据用信号传递出去
                    [subscriber sendNext:[ProductModel mj_objectArrayWithKeyValuesArray:[object valueForKey:@"data"]]];
                    
                    [subscriber sendCompleted];
                    
                }else{
                    
                    NSLog(@"%@",[object valueForKey:@"errorMsg"]);
                }

                
            } withFailureBlock:^(NSError *error) {
                
            } progress:^(float progress) {
                
            }];
            
            return nil;
            
        }];
        
    }];
}

#pragma mark - UITableViewDataSource

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return self.modelArray.count;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    ProductCell *cell = [ProductCell cellForTableView:tableView];
    
    ProductModel *productModel = self.modelArray[indexPath.row];
    
    cell.productModel = productModel;
    
    return cell;
}

@end

@interface ProductListVC ()

 @property (strong, nonatomic) UITableView *productListTableView;

 @property (strong, nonatomic) ProductViewModel *productViewModel;

@end

@implementation ProductListVC

- (void)viewDidLoad {
    
    [super viewDidLoad];
    
    [self setupUI];
    
    [self setupUILayout];
    
    [self bindViewModel];
}

-(void)setupUI
{
    self.productListTableView = [[UITableView alloc] init];
    self.productListTableView.dataSource = self.productViewModel;
    [self.view addSubview:self.productListTableView];
}

-(void)setupUILayout
{
    [self.productListTableView mas_makeConstraints:^(MASConstraintMaker *make) {
        
        make.left.equalTo(self.view);
        make.top.equalTo(self.view);
        make.right.equalTo(self.view);
        make.bottom.equalTo(self.view);
    }];
}

-(void)bindViewModel
{
    //执行请求
    RACSignal *requesSiganl = [self.productViewModel.reuqesCommand execute:nil];
    
    //获取请求数据
    [requesSiganl subscribeNext:^(NSArray *x) {
        
        self.productViewModel.modelArray = x;
        
        [self.productListTableView reloadData];
        
    }];
}


#pragma mark -- 懒加载
-(ProductViewModel *)productViewModel
{
    if (_productViewModel==nil) {
        
        _productViewModel = [[ProductViewModel alloc] init];
        
    }
    
    return _productViewModel;
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

@end

浅谈MVC和MVVM架构模式(二)

推荐阅读更多精彩内容