iOS 基于 MVC 的项目重构总结

nfzv6428 8年前
   <p><img src="https://simg.open-open.com/show/afaf02fbdad76365d27069f42cc9dfc6.jpg"></p>    <h2>关于MVC的争论</h2>    <p>关于MVC的争论已经有很多,对此我的观点是:对于iOS开发中的绝大部分场景来说,MVC本身是没有问题的,你认为的MVC的问题,一定是你自己理解的问题( <strong> <em>资深架构师请自动忽略本文</em> </strong> ).</p>    <p>行文过程中查阅了互联网上的大量文档,其中水平良莠不齐(最常见的就是MVC改个名就当MVVM的),当然也有许多非常有价值的参考资料,在文末会逐一列举,以供参考.</p>    <h2>iOS中的MVC和MVP</h2>    <h2>Cocoa版本的MVC</h2>    <p>根据官网上的描述, Cocoa中的MVC是这样的:</p>    <p><img src="https://simg.open-open.com/show/e4ab112c06bb0c0d3d56bb5199aa6889.png"></p>    <ul>     <li> <p>Model Objects Encapsulate Data and Basic Behaviors</p> </li>     <li> <p>View Objects Present Information to the User</p> </li>     <li> <p>Controller Objects Tie the Model to the View</p> </li>    </ul>    <h2>C和P的差别</h2>    <p>通过搜索引擎,发现其实MVP其实两种的:</p>    <ol>     <li> <p>Passive View</p> </li>     <li> <p>Supervising Controller</p> </li>    </ol>    <p>网上绝对部分谈论MVP的文章谈论的其实都是Passive View,这里放上一张Passive View的示意图:</p>    <p><img src="https://simg.open-open.com/show/02bba49a17aa5a927dec664f6ce51d42.png"></p>    <p>乍一看上去是不是和MVC一样?我也一直一头雾水,直到在 <a href="/misc/goto?guid=4959670548164816075" rel="nofollow,noindex">stackoverflow</a> 看到这个答案:</p>    <p>MVP: the view is in charge. The view, in most cases, creates its presenter. The presenter will interact with the model and manipulate the view through an interface. The view will sometimes interact with the presenter, usually through some interface. This comes down to implementation; do you want the view to call methods on the presenter or do you want the view to have events the presenter listens to? It boils down to this: The view knows about the presenter. The view delegates to the presenter.</p>    <p>MVC: the controller is in charge. The controller is created or accessed based on some event/request. The controller then creates the appropriate view and interacts with the model to further configure the view. It boils down to: the controller creates and manages the view; the view is slave to the controller. The view does not know about the controller.</p>    <p>简而言之,MVP是View驱动的,View层持有一个对应Presenter的引用,View上的交互事件首先会调用Presenter提供的接口,然后Presenter调用Model提供的方法取得数据,最后Presenter将取得的数据传递到View上展示.</p>    <p>MVC则是由Controller驱动的,Controller持有View,并响应View上的交互事件,根据交互调用不同的Model方法取得反馈数据,再将数据传递给View展示.</p>    <p>我的理解是,MVP是用户视角:所见即View.MVC则是程序员视角:I control everyone.</p>    <p>理解MVC和MVP的差别困惑的地方在于, <strong>UIViewController</strong> 到底是属于C(P)层还是V层呢?下面将分别具体分析一下这两种观点.</p>    <h3>观点一:UIViewController的归属--->View</h3>    <p>如果把UIViewController视为V层,即上面MVP示意图中的Passive View,那么UIViewController将只负责View布局相关逻辑,不涉及任何与Model层的交互!!</p>    <p>不涉及任何与Model层的交互!!</p>    <p>不涉及任何与Model层的交互!!</p>    <p>所有的业务逻辑交互通过UIViewController持有的Presenter与Model间的调用来完成.</p>    <h3>观点二:UIViewController的归属--->Controller</h3>    <p>那如果把UIViewController视为C层,从MVC设计理念上来说,C层不会负责具体View的布局及展示逻辑,但是由于iOS中UIViewController的特殊设计,导致很多开发者直接就在UIViewController包含了很多具体布局相关的代码,更可怕的情况是不止是View的初始化,包括网络请求及具体业务处理也被包含到UIViewController中,这也许就是有人戏称MVC为:MassiveViewController的原因.</p>    <h2>Model,DataInfo以及对胖瘦Model的争议</h2>    <h3>Model和DataInfo的差异</h3>    <p>MVC架构思想中更倾向于Model是一个Layer,而不是一个Object(Java或Android中的bean).</p>    <p>所以这里的DataInfo我将其定义为一个DTO(Data Transfer Objec),更简单的来说,就是一个数据结构,跟我们在学校学习C语言时写的一个student结构体基本是一个意思.</p>    <p>我的理解是,Model是用来处理业务逻辑的,可视为传统开发三层架构中的BLL(Bussiness Logic Layer)和DAL(Data Access Layer)的合体,负责所有的具体业务.比如,对一个包含安全认证的App,你可能需要一个AuthModel来负责所有的认证逻辑以及认证信息的本地持久化.这样,Controller中只需要调用AuthModel提供的接口便能完成相应安全认证功能,职责分明.</p>    <p>Model中的一些方法的产出DTO,用来更新View.例如UserModel会去查询用户信息,然后将服务器返回的用户信息转换成一个本地的UserInfo,将这个UserInfo传递给View进行展示.</p>    <p>因此业界关于胖瘦Model的争议,我更多的理解是对于DataInfo是否需要提供涉及到业务的扩展功能的争议.</p>    <h3>业务场景举例</h3>    <p>举例一个业务场景,一个用户信息View上需要展示用户性别,一般来说服务器只会在返回的用户信息中包含一个sex字段(这里用0代表女性,1代表男性),需要使用的时候可能需要使用if语句进行判断然后输出不同的性别文字或图片.</p>    <p>从个人习惯上来说,很多开发者会将服务器返回的用户信息转换成一个本地的UserInfo DTO,然后将这个DTO传递给要对应需要展示的View,然后在View中进行输出判断.</p>    <p>当然,开发者可能会使用现在很流行的一些字典转模型框架(YYModel,MJextension等),也可以使用这些框架提供的配置接口在转换时就实现这种输出逻辑的转换,或者直接在UerInfo sex属性的getter方法中进行转换后输出.</p>    <p>不管怎样,只要在DataInfo这个层级上做了类似的这些转换,那么业务逻辑就已经侵入了DTO的定义.</p>    <h3>一种解决思路</h3>    <p>但是,这种场景几乎又是不可避免的,如何解决呢? <a href="/misc/goto?guid=4959670548251200446" rel="nofollow,noindex">被误解的 MVC 和被神化的 MVVM</a> 提出了一种借鉴MVVM的解决思路,具体做法就是将 ViewController 给 View 传递数据这个过程,抽象成构造 ViewModel 的过程.这样抽象之后,View 只接受 ViewModel,而 Controller 只需要传递 ViewModel 这么一行代码。而另外构造 ViewModel 的过程,我们就可以移动到另外的类中了.</p>    <p>在我看来,这样ViewModel层其实只是把上文中对DataInfo的扩展单独提炼了出来.这样就将View层完全与业务逻辑完全隔离开.</p>    <h2>本次基于MVC的项目重构步骤</h2>    <h2>思考要解决的问题</h2>    <p>回到项目重构的问题上来,我认为项目重构首先要想清楚的问题:</p>    <ol>     <li> <p>项目层级如何划分?</p> </li>     <li> <p>大的业务场景有哪些?</p> </li>     <li> <p>将UIViewController归类为View还是Controller?</p> </li>     <li> <p>谁来负责网络请求,Model还是Controller?</p> </li>     <li> <p>从Model中取得数据后Controller怎么把数据传递给View去展示?按照View层级逐级传递?是否需要使用ViewModel?</p> </li>     <li> <p>Model的生命周期怎么控制?(全局Model和私有Model的划分)</p> </li>     <li> <p>View层级结构越来越深时,怎么传递用户的交互操作?(毫无疑问NSNotification)</p> </li>    </ol>    <h2>UIViewController的划分</h2>    <p>本次重构中还是将UIViewController归类为C层,但是为了将UIViewController彻底和UIView分离开,命名上我们直接使用XXXController,我们对每一个XXXController设计了一个对应的名为的XXXContainerView的UIView对象,所有的view布局都会在这个XXXContainerView中完成.</p>    <h2>项目目录结构</h2>    <p>重构后的项目目录结构如下:</p>    <table>     <thead>      <tr>       <th>一级目录</th>       <th>子目录</th>       <th>目录说明</th>      </tr>     </thead>     <tbody>      <tr>       <td>Macro</td>       <td>存放开发过程中所需的一些宏定义</td>      </tr>      <tr>       <td>Category</td>       <td>存放不涉及业务,用来辅助开发的分类</td>      </tr>      <tr>       <td>Tools</td>       <td>不同的业务工具类</td>       <td>存放涉及轻量级业务的处理类,比如根据不同业务格式化输出不同的字符串</td>      </tr>      <tr>       <td>Views</td>       <td>不同的业务模块页面名</td>       <td>存放不同业务模块页面下的V</td>      </tr>      <tr>       <td>Controllers</td>       <td>不同的业务模块页面名</td>       <td>存放不同业务模块页面下的C</td>      </tr>      <tr>       <td>ViewModels</td>       <td>不同数据模块名</td>       <td>数据翻译层,将DataInfo数据翻译为View可直接展示的数据,但本次重构中由于时间因素不强制使用</td>      </tr>      <tr>       <td>Model</td>       <td>PublicModel</td>       <td>公用的全局Model,比如用户信息UserModel</td>      </tr>      <tr>       <td>MoudleModel</td>       <td>单独某个模块使用的私有Model,只负责私有业务</td>      </tr>      <tr>       <td>Services</td>       <td>不同的Service</td>       <td>提供底层服务,例如HttpService,SecurityService</td>      </tr>     </tbody>    </table>    <h2>业务场景划分</h2>    <p>由于之前赶进度开发,没有做具体的功能拆分.本次重构之前使用了 <a href="/misc/goto?guid=4959670548328068671" rel="nofollow,noindex">StartUML</a> 绘制了主要场景下的UML图,包括类图,时序图,流程图.</p>    <p>强烈推荐新项目正式编码之前就完成这一步,并由前后端技术负责人主持进行UML评审.所有涉及到的业务Model的property以及public方法,所有DataInfo类的属性,甚至所有的Controller都会在绘制UML的过程中产出.当然,要想绘制所有场景下的UML图可能耗时比较久,一般来说只要绘制出主要交互场景即可.</p>    <h2>网络请求</h2>    <p>在手机端基本上所有的网络请求都是跟业务挂钩的,显然放在Model里更合适.至于请求完成后的回调就看个人习惯了,delegate或者block都是可行的.</p>    <h2>后续</h2>    <p>由于时间原因,并没有写出具体的示例代码,之后会针对一个示例场景,写出我理解中的各个MV(X)模式的参考代码,期待成文后与同行探讨.</p>    <h2>MVVM扩展</h2>    <p>放一张MVVM的示意图:</p>    <p><img src="https://simg.open-open.com/show/c69d1e6af77a92eb100c494fa266bc24.png"></p>    <p>看上去是不是很像MVP?只是多了View和ViewModel的双向绑定,这里强调一点,RAC不一定登陆MVVM,MVVM也不一定要使用RAC.</p>    <h2>参考资料</h2>    <ul>     <li> <p><a href="/misc/goto?guid=4959670548251200446" rel="nofollow,noindex">被误解的 MVC 和被神化的 MVVM</a></p> </li>     <li> <p><a href="/misc/goto?guid=4959670548423550378" rel="nofollow,noindex">objc中国-MVVM 介绍</a></p> </li>     <li> <p><a href="/misc/goto?guid=4958873478469277361" rel="nofollow,noindex">iOS应用架构谈系列</a></p> </li>     <li> <p><a href="/misc/goto?guid=4959653006871963447" rel="nofollow,noindex">iOS 架构模式--解密 MVC,MVP,MVVM以及VIPER架构</a></p> </li>     <li> <p><a href="/misc/goto?guid=4959670548567566208" rel="nofollow,noindex">Model-View-Controller</a></p> </li>    </ul>    <p>来自: <a href="/misc/goto?guid=4959670548640679516" rel="nofollow">http://www.cocoachina.com/ios/20160413/15911.html</a> </p>