MVVM结合RAC实现一个简单的登录功能

针对MVC和MVVM这两种构建模式,网上随便一百度就是一大堆针对这两种构建模式的解说,总结起来无非以下两点:

  • MVC(Model View Controller)是一种成熟的,苹果推荐的一个用来组织代码的权威范式,日常用的最多的一种构建模式,缺点就是viewController里面代码量厚重,耦合性强;
  • MVVM(Model View View-Mode)是MVC衍生出来一种维护性较强、耦合性低的新的架构,它正式规范了视图和控制器紧耦合的性质,并引入新的组件,分离了视图(View)和模型(Model), 用户输入验证逻辑,视图显示逻辑,发起网络请求等代码的都放在viewModel中处理,从而大大的减少了viewController的代码量。

如果想深入了解他们的区别,就请移步自行Google吧,这里就不赘述了。对于这些东西,只有自己写过了,才能慢慢的从中体会到他们的差别,至于哪个好哪个适合自己,就只能自己从中取舍了。

下面讲述的是一个结合了三方ReactiveObjC,采用MVVM的构建模式结合RAC写了一个登录的小功能,从demo中,能够很清楚的看到,viewController中的代码量大大的减少了,至少达到了V瘦身的效果😀。

首先要pod ReactiveObjC到项目当中

先来看view,里面处理简单的页面布局和一些判断

DCLoginView.h

@property (strong, nonatomic)UITextField *usernameTextField;//用户名
@property (strong, nonatomic)UITextField *passwordTxtField;、、密码

@property (strong, nonatomic)UIButton *signInButton;//登陆按钮
@property (strong, nonatomic)UIButton *signUpButton;//注册按钮

@property(nonatomic,assign)BOOL isValidate;//判断用户名和密码是否为空

DCLoginView.m

-(instancetype)initWithFrame:(CGRect)frame
{
    if (self = [super initWithFrame:frame]) {
        [self setUpLoginView];
    }
    return self;
}
-(void)setUpLoginView
{
    //用户名
    _usernameTextField = [[UITextField alloc]init];
    _usernameTextField.placeholder = @"用户名";
    _usernameTextField.textColor = [UIColor blackColor];
    _usernameTextField.font = [UIFont systemFontOfSize:15];
    _usernameTextField.backgroundColor = [UIColor lightGrayColor];
    _usernameTextField.layer.borderColor = [UIColor lightGrayColor].CGColor;
    _usernameTextField.layer.borderWidth = 0.6;
    _usernameTextField.clearButtonMode = UITextFieldViewModeWhileEditing;
    [self addSubview:_usernameTextField];
    
    //密码
    _passwordTxtField = [[UITextField alloc]init];
    _passwordTxtField.placeholder = @"密码";
    _passwordTxtField.textColor = [UIColor blackColor];
    _passwordTxtField.font = [UIFont systemFontOfSize:15];
    _passwordTxtField.secureTextEntry = YES;
    _passwordTxtField.backgroundColor = [UIColor lightGrayColor];
    _passwordTxtField.layer.borderColor = [UIColor lightGrayColor].CGColor;
    _passwordTxtField.layer.borderWidth = 0.6;
    _passwordTxtField.clearButtonMode = UITextFieldViewModeWhileEditing;
    [self addSubview:_passwordTxtField];
    
    //登陆
    _signInButton = [UIButton buttonWithType:UIButtonTypeCustom];
    _signInButton.layer.cornerRadius = 4;
    _signInButton.layer.masksToBounds = YES;
    [_signInButton setTitle:@"登录" forState:UIControlStateNormal];
    [_signInButton setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];
    _signInButton.backgroundColor = [UIColor redColor];
    [self addSubview:_signInButton];
    
    //登陆
    _signUpButton = [UIButton buttonWithType:UIButtonTypeCustom];
    _signUpButton.layer.cornerRadius = 4;
    _signUpButton.layer.masksToBounds = YES;
    [_signUpButton setTitle:@"注册" forState:UIControlStateNormal];
    [_signUpButton setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];
    _signUpButton.backgroundColor = [UIColor redColor];
    [self addSubview:_signUpButton];
}
-(void)layoutSubviews
{
    [super layoutSubviews];
    
    _usernameTextField.frame = CGRectMake((self.width - 150)/2, 190, 150, 40);
    _passwordTxtField.frame = CGRectMake((self.width - 150)/2, CGRectGetMaxY(_usernameTextField.frame)+10, 150, 40);
    _signInButton.frame = CGRectMake((self.width - 180)/2, CGRectGetMaxY(_passwordTxtField.frame)+30, 80, 40);
    
    _signUpButton.frame = CGRectMake(CGRectGetMaxX(_signInButton.frame)+20, _signInButton.y, _signInButton.width, _signInButton.height);
}
-(BOOL)isValidate
{
    if ([_usernameTextField.text isEqualToString:@""]) {
        return NO;
    }
    if ([_passwordTxtField.text isEqualToString:@""]) {
        return NO;
    }
    return YES;
}
再来看viewModel,拿到view中的用户输入的用户名和密码,利用RAC发射信号,里面处理一些网络请求

DCLoginViewModel.h

#import <Foundation/Foundation.h>
#import <ReactiveObjC/ReactiveObjC.h>
#import "DCLoginView.h"
@interface DCLoginViewModel : NSObject

@property(nonatomic,strong)RACCommand * loginCommond;

@property (nonatomic,copy)NSString *username;
@property (nonatomic,copy)NSString *password;
@property (nonatomic,strong) DCLoginView *loginView;
@end

DCLoginViewModel.m

-(void)setLoginView:(DCLoginView *)loginView
{
    _loginView = loginView;
    RAC(self, username) = loginView.usernameTextField.rac_textSignal;
    RAC(self, password) = loginView.passwordTxtField.rac_textSignal;
}
- (instancetype) init
{
    if (self = [super init]) {
        
        [self setup];
    }
    return self;
}
- (void) setup {
    __weak typeof(self) weakself = self;
    self.loginCommond = [[RACCommand alloc]initWithSignalBlock:^RACSignal * _Nonnull(id  _Nullable input) {
        
        return [RACSignal createSignal:^RACDisposable * _Nullable(id<RACSubscriber>  _Nonnull subscriber) {
            
            if (!weakself.loginView.isValidate) {
                [[weakself getCurrentVC] showMessage:@"账户名或密码不能为空!" afterDelay:1.0];
                [subscriber sendCompleted];
                return nil;
            }
            
            //处理网络数据请求,请求成功之后跳转
            if ([weakself.loginView.usernameTextField.text isEqualToString:@"123"]&&[weakself.loginView.passwordTxtField.text isEqualToString:@"123"]) {
                
                [[weakself getCurrentVC] showMessage:@"验证成功之后跳转到首页" afterDelay:1.0 completion:^{
                    [[weakself getCurrentVC] presentViewController:[[HomeViewController alloc]init] animated:YES completion:nil];
                }];
            }else
            {
                [[weakself getCurrentVC] showMessage:@"账户名或密码错误!账户名:123 密码:123" afterDelay:2.0];
            }
            [subscriber sendCompleted];
            return nil;
        }];
    }];
}
@end
最后就是viewController了,里面只处理接收viewModel发过来的信号,关联viewModel和View

ViewController.m

#import "ViewController.h"
#import "DCLoginView.h"
#import "DCLoginViewModel.h"
@interface ViewController ()
@property (nonatomic,strong) DCLoginView *loginView;
@property (nonatomic,strong) DCLoginViewModel *loginViewModel;
@end
@implementation ViewController
-(void)loadView
{
    DCLoginView *loginView = [[DCLoginView alloc]init];
    self.loginView = loginView;
    self.view = loginView;
}
-(DCLoginViewModel *)loginViewModel
{
    if (!_loginViewModel) {
        _loginViewModel = [DCLoginViewModel new];
    }
    return _loginViewModel;
}
- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    self.view.backgroundColor = [UIColor whiteColor];
    self.loginViewModel.loginView = self.loginView;
    [self addLoginViewAction];
}
-(void)addLoginViewAction{
#pragma mark - 登陆
    __weak typeof(self) weakself = self;
    [[self.loginView.signInButton rac_signalForControlEvents:UIControlEventTouchUpInside] subscribeNext:^(__kindof UIControl * _Nullable x) {
        [self.loginViewModel.loginCommond execute:nil];
        NSLog(@"signInButtonDidClick");
    }];
#pragma mark - 注册
    [[self.loginView.signUpButton rac_signalForControlEvents:UIControlEventTouchUpInside] subscribeNext:^(__kindof UIControl * _Nullable x) {
        [weakself showMessage:@"点击了注册按钮" afterDelay:1.0];
    }];
}
@end

viewController里面50行代码不到就能搞定了一个登录页。
RACCommandRACSignal这两个类里面还有很多个方法,至于具体怎么用可以直接百度Google。
demo传送门,如果觉得喜欢的话,请给个星支持一下哦😀😀

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 218,386评论 6 506
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,142评论 3 394
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,704评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,702评论 1 294
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,716评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,573评论 1 305
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,314评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,230评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,680评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,873评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,991评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,706评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,329评论 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,910评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,038评论 1 270
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,158评论 3 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,941评论 2 355

推荐阅读更多精彩内容