lovemo / mvvmframework

(OC版)总结整理下一个快速开发框架，以更优雅的方式写代码，做一个代码艺术家。分离控制器中的代码，已加入cell自适应高度，自动缓存网络请求代码，降低代码耦合，提高开发效率。

MVVMFramework

Swift版本地址：https://github.com/lovemo/MVVMFramework-Swift

本项目交流群：474292335

欢迎有兴趣的有好的想法的参与到项目中来

Tip:SMKStore是在YTKKeyValueStore的基础上直接增加了很多的相关功能函数，(偷懒:smile:)

感谢小学生提供的图标

---

具体实现思路，请参看博客：

博客：浅谈MVVM

地址：点击链接进入

获取更多MVVM推荐文章

总结整理下一个快速开发MVVM框架(抛砖引玉)，主要用于分离控制器中的代码，降低代码耦合程度，可以根据自己使用习惯调整代码。欢迎来喷，提issues。代码加入了cell自适应高度,使用SMKStore缓存数据至sqlite数据库，更加高效的数据库存储库(Tip:存储自定义模型时，为了方便，数据库存储的为其转化为json后的数据，所以当读取时，请在自行转为模型即可，<利用MJExtension一行代码即可>)。

usage:

CocoaPods：

	pod 'SUIMVVMKit'

• 详细用法，请参看demo

---

思维流程图示

现在的工程代码结构

模块构建

• 功能模块中的类集合
  • Controller - 负责ViewManger和ViewModel之间的绑定，另一方面也负责常规的UI逻辑处理。
  • View - 用来呈现用户界面
  • ViewManger - 用来处理View的常规事件
  • Model - 用来呈现数据
  • ViewModel - 存放各种业务逻辑和网络请求

---

结构分析

• MVVM中模块的集合
  • Handler 负责处理实现tableView和collectionView的delegate和dataSource中的一些协议方法
  • Network 实现常用的网络请求代码
  • Base 一些基础模块
  • Extend 扩展系统功能模块
  • Store 实现常用的数据存储方法
  • ViewModel 声明了一些基本的方法,负责处理一些系统业务逻辑
  • Vender 一些依赖库

---

代码示例

部分protocol定义

@protocol SMKViewMangerProtocol <NSObject>

@optional

/**
 *  设置Controller的子视图的管理者为self
 *
 *  @param superView 一般指subView所在控制器的view
 */
- (void)smk_viewMangerWithSuperView:(UIView *)superView;

/**
 *  设置subView的管理者为self
 *
 *  @param subView 管理的subView
 */
- (void)smk_viewMangerWithSubView:(UIView *)subView;

/**
 *  设置添加subView的事件
 *
 *  @param view 管理的subView
 *  @param info 附带信息，用于区分调用
 */
- (void)smk_viewMangerWithHandleOfSubView:(UIView *)subView info:(NSString *)info;

/**
 *  返回viewManger所管理的视图
 *
 *  @return viewManger所管理的视图
 */
- (__kindof UIView *)smk_viewMangerOfSubView;

/**
 *  得到其它viewManger所管理的subView，用于自己内部
 *
 *  @param views 其它的subViews
 */
- (void)smk_viewMangerWithOtherSubViews:(NSDictionary *)viewInfos;

/**
 *  需要重新布局subView时，更改subView的frame或者约束
 *
 *  @param block 更新布局完成的block
 */
- (void)smk_viewMangerWithLayoutSubViews:(void (^)( ))updateBlock;

/**
 *  使子视图更新到最新的布局约束或者frame
 */
- (void)smk_viewMangerWithUpdateLayoutSubViews;

/**
 *  将model数据传递给viewManger
 */
- (void)smk_viewMangerWithModel:(NSDictionary * (^) ( ))dictBlock;

/**
 *  处理viewBlock事件
 */
- (ViewEventsBlock)smk_viewMangerWithViewEventBlockOfInfos:(NSDictionary *)infos;

/**
 *  处理ViewModelInfosBlock
 */
- (ViewModelInfosBlock)smk_viewMangerWithViewModelBlockOfInfos:(NSDictionary *)infos;

/**
 *  将viewManger中的信息通过代理传递给ViewModel
 *
 *  @param viewManger   viewManger自己
 *  @param infos 描述信息
 */
- (void)smk_viewManger:(id)viewManger withInfos:(NSDictionary *)infos;

@end

Controller中的代码

- (void)viewDidLoad {
    [super viewDidLoad];

       // 将thirdView的事件处理者代理给thirdViewManger (代理方式)
    [self.thirdView smk_viewWithViewManger:self.thirdViewManger];
    
    // self.thirdView.viewEventsBlock （block方式）
    self.thirdView.viewEventsBlock = [self.thirdViewManger smk_viewMangerWithViewEventBlockOfInfos:@{@"view" : self.thirdView}];
    
    // viewManger ----> info <-----  viewModel 之间通过代理方式交互
    self.thirdViewManger.viewMangerDelegate = self.viewModel;
    self.viewModel.viewModelDelegate = self.thirdViewManger;
    
    // viewManger ----> info <-----  viewModel 之间通过block方式交互
    self.thirdViewManger.viewMangerInfosBlock = [self.viewModel smk_viewModelWithViewMangerBlockOfInfos:@{@"info" : @"viewManger"}];
    
    // 中介者传值
    SMKMediator *mediator = [SMKMediator mediatorWithViewModel:self.viewModel viewManger:self.thirdViewManger];
    
    self.thirdViewManger.smk_mediator = mediator;
    self.viewModel.smk_mediator = mediator;
    
    self.thirdViewManger.smk_viewMangerInfos = @{@"xxxxxx" : @"22222222"};
    [self.thirdViewManger smk_notice];
    NSLog(@"viewManger------>viewModel==%@", self.viewModel.smk_viewModelInfos);
    
    self.viewModel.smk_viewModelInfos = @{@"oooooo" : @"888888888"};
    [self.viewModel smk_notice];
    NSLog(@"viewModel=====>viewManger==%@", self.thirdViewManger.smk_viewMangerInfos);
}

- (IBAction)clickBtnAction:(UIButton *)sender {
    
    // thirdView 通过viewModel传递的model来配置view
    [self.thirdView smk_configureViewWithViewModel:self.viewModel];
    
}

配置ViewModel

#pragma mark 加载网络请求
- (NSURLSessionTask *)smk_viewModelWithProgress:(progressBlock)progress success:(successBlock)success failure:(failureBlock)failure {
    return [[SMKAction sharedAction] sendRequestBlock:^id<SMKRequestProtocol>{
        return [[ThirdRequest alloc]init];
    } progress:nil success:^(id responseObject) {
        NSArray *modelArray = [ThirdModel mj_objectArrayWithKeyValuesArray:responseObject[@"books"]];
        if (success) {
            success(modelArray);
        }
        
    } failure:^(NSError *error) {
        
    }];
}

- (id)getRandomData:(NSArray *)array {
    u_int32_t index = arc4random_uniform((u_int32_t)10);
    return array[index];
}

#pragma mark 配置加工模型数据，并通过block传递给view
- (void)smk_viewModelWithModelBlcok:(void (^)(id))modelBlock {
    [self smk_viewModelWithProgress:nil success:^(id responseObject) {
        if (modelBlock) {
            
            if (self.viewModelDelegate && [self.viewModelDelegate respondsToSelector:@selector(smk_viewModel:withInfos:)]) {
                [self.viewModelDelegate smk_viewModel:self withInfos:@{@"info" : @"呵呵， 你好， 我是ViewModel，我加载数据成功了"}];
            }
            
            modelBlock([self getRandomData:responseObject]);
        }
    } failure:nil];

}

#pragma mark ViewManger delegate
- (void)smk_viewManger:(id)viewManger withInfos:(NSDictionary *)infos  {
    NSLog(@"%@",infos);
}

#pragma mark ViewManger Block
- (ViewMangerInfosBlock)smk_viewModelWithViewMangerBlockOfInfos:(NSDictionary *)infos {
    return ^{
      NSLog(@"hello");
    };
}

配置viewManger

#pragma mark UIView的delegate方法
- (void)smk_view:(__kindof UIView *)view withEvents:(NSDictionary *)events {

    NSLog(@"----------%@", events);
    if ([[events allKeys] containsObject:@"jump"]) {
        FirstVC *firstVC = [UIViewController sui_viewControllerWithStoryboard:nil identifier:@"FirstVCID"];
        [view.sui_currentVC.navigationController pushViewController:firstVC animated:YES];
    }
    
}

#pragma mark ViewEvents Block
- (ViewEventsBlock)smk_viewMangerWithViewEventBlockOfInfos:(NSDictionary *)infos {
    
    return ^(NSString *info){
        
        if (self.viewMangerInfosBlock) {
            self.viewMangerInfosBlock();
        }
        
        if (self.viewMangerDelegate && [self.viewMangerDelegate respondsToSelector:@selector(smk_viewManger:withInfos:)]) {
            [self.viewMangerDelegate smk_viewManger:self withInfos: @{@"info" : @"哈哈，你好ViewModel，我是viewManger，我被点击了"}];
        }
        
    //    NSLog(@"%@",info);
     //   [view smk_configureViewWithModel:self.dict[@"model"]];
    };
}

#pragma mark ViewModel delegate
- (void)smk_viewModel:(id)viewModel withInfos:(NSDictionary *)infos {
    NSLog(@"%@",infos);
}

配置Request模型

- (void)smk_requestConfigures {

    self.smk_scheme = @"https";
    self.smk_host = @"api.douban.com";
    self.smk_path = @"/v2/book/search";
    self.smk_method = SMKRequestMethodGET;

}

- (id)smk_requestParameters {
    return @{@"q": @"基础"};
}

SMKAction发送网络请求

- (NSURLSessionTask *)smk_viewModelWithProgress:(progressBlock)progress success:(successBlock)success failure:(failureBlock)failure {
    return [[SMKAction sharedAction] sendRequestBlock:^id<SMKRequestProtocol>{
        return [[FirstRequest alloc]init];
    } progress:nil success:^(id responseObject) {
        if (responseObject) {
            NSArray *modelArray = [FirstModel mj_objectArrayWithKeyValuesArray:responseObject[@"books"]];
            success(modelArray);
        }
    } failure:^(NSError *error) {
        
    }];

}
    

demo效果

• 只需实现加载请求以及配置自定义cell和上述代码，就能轻松实现以下效果，最重要的是代码解耦。

期待

• 如果在使用过程中遇到BUG，希望你能Issues我，谢谢（或者尝试下载最新的代码看看BUG修复没有）
• 如果在使用过程中发现功能不够用，希望你能Issues我，我非常想为这个框架增加更多好用的功能，谢谢

推荐(欢迎补充)

应用架构文章

部分来自原创微信公众平台-移动开发前线

• Service Oriented 的 iOS 应用架构
• 新浪微博iOS客户端架构与优化之路
• 糯米移动组件架构演进之路
• 文化碰撞：函数式、面向协议、面向对象编程的最佳实践
• 探索 Swift 中的 MVC-N 模式
• Code-T 沙龙资料
• 高速公路换轮胎——为遗留系统替换数据库
• 围观神仙打架，***工程师《iOS应用架构谈 组件化方案》和蘑菇街Limboy的《蘑菇街 App 的组件化之路》的阅读指导
• iOS 组件化方案探索
• iOS应用架构谈 组件化方案
• 解耦神器 —— 统跳协议和Rewrite引擎
• 携程移动App架构优化之旅
• 蘑菇街App的组件化之路
  • 蘑菇街App的组件化之路(微信文章)
  • 蘑菇街App的组件化之路(博客文章)
• 蘑菇街 App 的组件化之路·续
• 猿题库 iOS 客户端架构设计
• 豆瓣混合开发实践
• 滴滴出行iOS客户端架构演进之路
• 不要写死！天猫App的动态化配置中心实践
• 为移动应用提供离线支持
• 携程App的网络性能优化实践
• QCon旧金山演讲总结：阿里无线技术架构演进

MVVM学习文章

• MVVM奇葩说
• 面向协议的 MVVM 架构介绍
• MVVM With ReactiveCocoa
• #1 更轻量的 View Controllers
• ReactiveCocoa 和 MVVM 入门
• MVVM 介绍
• 写给iOS小白的MVVM教程(序)
• 多方位全面解析：如何正确地写好一个界面
• iOS应用架构谈 view层的组织和调用方案
• 用Model-View-ViewModel构建iOS App
• 浅谈iOS中MVVM的架构设计与团队协作
• 一次简单的 ViewModel 实践
• 不要把ViewController变成处理tableView的"垃圾桶"
• 实践干货！猿题库 iOS 客户端架构设计

mvvmframework's Issues

关于tableview存在多种cell的问题

请问你写的框架在单个tableview中有多种cell的时候，应该如何写

网络请求缓存机制

希望网络请求缓存机制应该像sdwebimage一样可以设置缓存时间

小小的疑问

既然MVVM是解耦View和Model之间的关系的，就是独立View和Model ，这样如果要复用这个View的时候就很方便 ，比如我把这个View拖进另外一个工程，就能使用，但是你这个工程并没有独立View和model ，在View里面直接引入Model ，你觉得这个是真正意义上的MVVM？我要复用这个View 我还要有一个一样的Model，这不是耦合吗？

MVVM就是一种垃圾框架。

MVC的本质是模型，视图，控制器，其中的模型是指业务模型而不是数据模型。因此MVC本身就能解决现有的各种应用场景。何必要新使用一套MVVM框架，那你置C的地位何在。

你好 请问

这个SMKAction是你自己封装的 还是 第三方的呢？
[[SMKAction sharedAction] sendRequestBlock:^(NSObject *request) {

// // 方式2
// return [[FirstRequest alloc]init];

    // 方式3
    //smk_url (如果设置了url，则不需要在设置scheme，host，path 属性)
    request.smk_scheme = @"https";
    request.smk_host = @"api.douban.com";
    request.smk_path = @"/v2/book/search";
    request.smk_method = SMKRequestMethodGET;     // default
    request.smk_params = @{@"q": @"基础"};

    return request;

} progress:nil success:^(id responseObject) {
    if (responseObject) {
        NSArray *modelArray = [FirstModel mj_objectArrayWithKeyValuesArray:responseObject[@"books"]];
        success(modelArray);
    }
} failure:nil]

cell的自动高度那里，我加到自己的工程里面，为什么高度只有0.5

感觉没写错什么啊

如果View里面按钮点击 让 另一个按钮移动，怎么处理

问下，如果View里面按钮点击 让 另一个按钮移动，怎么处理呢？因为你的按钮点击事件在ViewManager里面，要想让另一个按钮移动，那么你的ViewManager得持有View里面按钮了。

"点我带你去看看"板块好卡……

这个页面你缓存行高了么，为何滑动这么卡呢。另外，我貌似看到了forking dog的小狗^-^

循环引用问题

ThirdVC.m的viewDidLoad方法里：

SMKMediator *mediator = [SMKMediator mediatorWithViewModel:self.viewModel viewManger:self.thirdViewManger];
self.thirdViewManger.smk_mediator = mediator;
self.viewModel.smk_mediator = mediator;

这段会有循环引用问题？

这里好像有点小问题

已经加了 NS_ASSUME_NONNULL_BEGIN 为什么还要加 _Nonnull

感觉更像mvp呢

大致看了下，让view和model耦合，感觉不好吧，view的复用呢，还有我感觉mvvm中要有双向绑定，不然和mvp有何区别呢

为什么下载下来的demo和你演示的差别这么大？

首页不一样，点进去看看也不一样？

如果一个页面有多个网络请求, 一个ViewModel怎么区分

如果一个页面有多个网络请求, 一个ViewModel怎么区分

    [self.viewModel smk_viewModelWithProgress:nil success:^(id responseObject) {
        [self.tableViewModel getDataWithModelArray:^NSArray * _Nonnull{
            return responseObject;
        } completion:^{
            [self.tableView reloadData];
        }];
    } failure:^(NSError *error) {
        
    }];```