有了前面两篇的基础,我们通过具体的例子来说明这个架构是怎么布局的,然后我们一步步的实现它们。接下来,我们一大家熟悉的用户登录来做介绍,比如我们有这样的一个登录界面,下图:
需求有,那就让我们动手去实现它的整个流程:
第一步:用xcode打我们的项目,新建一个framework(File->New->Target->Cocoa Touch Framework),命名为Services,导入NetworkAPI的framework以及其他用使用的第三方framework,首先,先定义login接口的Router,如下:
接着,实现登录的service方法,新建一个AccountServices的文件,具体如下:
由于,我们需要把用登录数据本地化,这边使用sugarrecord(具体使用查看GitHub)来简化coredata数据的存储,User(Model,跟建services framework的方式一样)的定义如下:
同时,使用了ObjectMapper把JSON转化为Model(User),具体使用方法这边就不做介绍,请查看GitHub文档。
第二步,从第一步我们实现这个架构的Services层和Model层,接下来我们要实现就是为View层提供可监听的属性(Property)与可执行的动作(Action)的ViewModel层,跟前面类似新建一个ViewModel的framework,具体如下:
主要有两个文件,分别为ViewModelBase.Swift和LoginViewModel.swift,我们整个用户登录逻辑到这边基本都实现了,就差怎么运用View层,由于,整个登录界面是用代码写的,使用到UITableView, 用户输入的值是通过delegate传出来的,所以这边使用Action传入输入参数的方式实现,如果使用storyboard画界面的,可以考虑属性绑定的方式,ViewModel的就应该这么写了,如下:
绑定,其实很简单,类似如下图所示:
最后一步,也就是View层,不管是用代码写的界面,还是storyboard画的界面,上面的两种ViewModel的实现都可以用,主要看那种使用其他比较方便,要做的事情比较就好了。我这边运用的是第一种,是由于比较适合我运用场景,大致的代码如下:
到此,整个架构的布局就完成了,大致可以归为:Model -> Services -> ViewModel -> View,我们这边在Model与ViewModel之间插入一个Services层,主要是为了分离调用API逻辑实现的部分,减少ViewModel的负担,让其看起来比较轻量级。
就到此了!