从MVC一步一步爬向MVVM(RxSwift)

前言

 从几年前做Android(2.x版本的年代),到现在做iOS开发,一直以来崇尚的开发原则就是功能第一,代码第二,架构第三。一个需求布置下来,首先想到的就是怎么快速的去完成,而不是怎么样写出优雅的代码,更不会考虑用什么先进的架构。当然,这跟项目本身也有一定的关系,一些大型项目是接前人的班,我能做就是在原来的结构上砌砖修墙,还有一些项目虽然需要重头开始,但是功能单一时间紧凑,所以一直以来基本都是用了入门简单、结构清晰、官方推荐的MVC架构或其变种来进行项目开发。一段时间后对MVVM有了一些认识,便想尝试着做一些开发,但是苦于找不到入门的法宝,直到有一天遇到了RxSwift。

    本文将通过一个Demo来讲解,分别用MVC和MVVM来实现几个简单的功能,通过对比,可以清晰的展现出两类架构的区别。


需求:

在页面中输入用户名和密码,实时显示验证后的用户名和密码的合并内容,点击登录按钮,验证用户名和密码的合法性,然后弹出提示框告知用户登录结果。

功能点:

1.用户名和密码验证:验证用户名的过程简化为返回大写后的用户名,验证密码的过程简化为返回小写后的密码;

2.实时显示合并内容:合并内容的过程简化为用户名和密码的字符串合并;

3.登录验证合法性验证:验证过程简化为用户名和密码字符数量的判定,返回结果用枚举表示。

准备工作:

1.新建一个基于Swift语言的iOS工程(RxSwiftDemo),用CocoaPods引入RxSwift库(RxSwift,RxCocoa)。

2.在ViewController中添加四个控件,用户名输入框(nameTextField),密码输入框(passwordTextField),输出结果文本标签(resultLabel),登录按钮(loginButton)。

功能点代码分析:

View:

    在MVC中,ViewController担任View和Controller双重角色,而在MVVM中,ViewController只担任View的角色,所以两个架构可以共享View。


View

Model:

    Model本应是结构和业务的结合,但是在MVC架构中经常只实现了结构的方面,业务逻辑的实现会放在Controller中实现。举个例子,在ViewController进行网络请求,返回的数据封装成一个Model,然后将Model的实例传递给View去刷新页面,在ViewController中可以一气呵成,但是假如要把网络请求放在Model,那么必然会增加很多额外的代码,所以,也就不管什么架构了。

    其实Model可以完全独立于Controller和View而存在,对于MVC和MVVM来说也可以共享。为了更通用一些,这里采用了协议的方法,在Controller声明一个协议变量,只需要将Model的实例赋值给这个变量即可。


Model

Controller和ViewModel:

MVC和MVVM的差别体现在这里,Controller存在于MVC架构中,Controller可以可以直接访问Model和View,View只能通过Target-Action告知Controller出现用户操作,通过delegate告知Controller如何展示内容,Model只能通过Notification告知Controller数据有变化,这些都是标准的MVC。

想要实现显示验证后的用户名和密码的合并内容,就必须要监听UITextFiled的输入。

在MVC中通过UITextField的delegate方法来实现:


UITextField delegate

登录流程也是通过函数调用来实现:


function

所有的方法都写在ViewController,虽然封装了Model,但是业务逻辑代码仍然存在于ViewController,使得移植性大大降低。加入将来要将用户名和密码的合并替换为其他方式,那么必然要在UITextField的delegate方法中大动干戈。

    普通的MVVM之所以难入门,是在于View和Model的绑定。RxSwift作为一种响应式编程语言,能够完美的解决这一问题。

在ViewModel中实现View和Model的绑定:


ViewModel

ViewController只承担View的任务,即只负责用户名和密码合并后的内容展示,以及登录结果的展示:


ViewController(View)

ViewModel中,用户名和密码的验证方式,合并内容,登录流程可以任意更改,都不会影响ViewController中View的展示,同时ViewModel也不关心Model的数据是什么结构,数据如何获取,它只是View和Model之间的一座桥梁,也可以很快捷的替换View或者Model,方便代码重用。


总结

    MVC架构(Model-View-Controller)的优缺点已经有很多优秀的文章详细的阐述,这里不再赘述。在iOS项目中,ViewController既扮演了View的角色,又扮演了Controller的角色,Model在ViewController中与View直接交互。对于开发者来说,这样的MVC架构的确“逻辑清晰,层次分明,开发快捷”。但是一遇到View层需要复用的时候,一切就变得不那么美好了。明明一模一样的界面,只是改动了数据获取方式,却要花很多时间和精力,不是重新创建个VC把99%的代码复制过去,就是修改原VC的内部逻辑,使之能适配多类数据的获取。一不小心就给自己挖了坑!

    上述这样伤筋动骨的方式笔者遇到过数次。秉承处女座追求完美的精神,在不影响项目进度的前提下,会尽可能的重构,以便在“不久的将来”能用别的项目中。但也只是逻辑层面的重构,比如用Swift重写,用协议代替类或结构体,多写些delelgate或者block等等。但是心中始终有一个疙瘩,就是代码写的太丑了,Swift这么优雅的语言,不应如此狼狈。本着破釜沉舟的决心,笔者翻开了RxSwift的Git,因为江湖上传闻RxSwift可以让Swift变得很优雅,让MVVM变得很简洁。

    学习RxSwift和MVVM是个痛并快乐着的过程,对于数学功底一般且写惯了MVC的笔者来说,这些内容太过深奥难懂,但是一旦摸着一些门道,回头再来看自己写出来的代码,跟用MVC写的一对比,深深地体会到,不虚此行。

    期望本文能对想学习RxSwift和MVVM的开发者有所帮助,笔者只是一块砖,如有错误,还望指出,谢谢!

附上Demo地址:https://github.com/MrSuperJJ/RxSwiftDemo

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

推荐阅读更多精彩内容