【RxSwift系列】Moya + RXSwift + HandyJSON在UITableView中的使用(二)

1、Moya的使用

1、创建枚举API

enum APIManager {
    case News
}

2、实现TargetType协议

extension APIManager: TargetType {

    //请求地址
    var baseURL: URL {
        return URL(string: "http://api.dantangapp.com")!
    }
    //每个接口的api
    var path: String {
        switch self {
        case .News:
            return "/v2/items"
        }
    }
    //每个接口的请求方式
    var method: Moya.Method {
        switch self {
        case .News:
            return .get
        }
    }
    //每个接口的参数
    var parameters: [String: Any]? {
        switch self {
        case .News:
            return nil
        }
    }
    /// The method used for parameter encoding.
    var parameterEncoding: ParameterEncoding {
        return URLEncoding.default
    }
    /// Provides stub data for use in testing.
    var sampleData: Data {
        return "".data(using: String.Encoding.utf8)!
    }

    /// The type of HTTP task to be performed.
    var task: Task {
        return .request
    }

    var validate: Bool {
        return false
    }
}

3、发送网络请求

let provider = MoyaProvider<APIManager>()
provider.request(.News) { result in
      print(result)
}

2、添加RXSwift

Moya添加了对于RxSwift的接口支持,对于上边的网络请求可以写成这样:

let provider = RxMoyaProvider<APIManager>()
var disposeBag = DisposeBag()

provider.request(.News)
.filterSuccessfulStatusCodes()
.mapJSON()
.subscribe(onNext: { (json) in 
      print(json)
})
.addDisposableTo(disposeBag)

解释一下:
RxMoyaProvider是MoyaProvider的子类,是对RxSwift的扩展
filterSuccessfulStatusCodes()是Moya为RxSwift提供的扩展方法,顾名思义,可以得到成功地网络请求,忽略其他的
mapJSON()也是Moya RxSwift的扩展方法,可以把返回的数据解析成 JSON 格式
subscribe 是一个RxSwift的方法,对经过一层一层处理的 Observable 订阅一个 onNext 的 observer,一旦得到 JSON 格式的数据,就会经行相应的处理
addDisposableTo(disposeBag) 是 RxSwift 的一个自动内存处理机制,跟ARC有点类似,会自动清理不需要的对象。

3、+ Model (HandyJSON

struct ListModel: HandyJSON {
    var data: ListItemModel?
}

struct ListItemModel: HandyJSON {
    
    var items: [FirstModel]?
}

struct FirstModel: HandyJSON {

    var data: DataModel?
}

struct DataModel: HandyJSON {
    
    var cover_image_url: String?
    var description: String?
    var name: String?
}

4、+ MVVM

MVVM(Model-View-ViewModel)可以把数据的处理逻辑放到 ViewModel, 从而大大减轻了 ViewController 的负担,是 RxSwift 中最常用的架构逻辑。

import Moya
import RxSwift
import RxDataSources

class BaseViewModel: NSObject {
    let provider = RxMoyaProvider<APIManager>()
    var disposeBag = DisposeBag()
}

class FirstViewModel: BaseViewModel {
    
    func getNewsData(completed: @escaping (_ model: ListModel) -> ()) {
            
        provider.request(.News)
                .mapModel(ListModel.self)
                .subscribe(onNext: { model in
                    completed(model)
                }, onError: { error in
                
                }, onCompleted: nil, onDisposed: nil)
                .addDisposableTo(disposeBag)
    }
    

这里是为 RxSwift 中的 ObservableType和 Response写一个简单的扩展方法 mapModel,利用我们写好的Model 类,一步就把JSON数据映射成 model

import RxSwift
import Moya
import HandyJSON

extension ObservableType where E == Response {
    public func mapModel<T: HandyJSON>(_ type: T.Type) -> Observable<T> {
        return flatMap { response -> Observable<T> in
            return Observable.just(response.mapModel(T.self))
        }
    }
}

extension Response {
    func mapModel<T: HandyJSON>(_ type: T.Type) -> T {
        let jsonString = String.init(data: data, encoding: .utf8)
        return JSONDeserializer<T>.deserializeFrom(json: jsonString)!
    }
}

5、在UITableView中的使用

import RxCocoa
import RxSwift
import RxDataSources
import Moya

class FirstViewController: UIViewController {
    
    let disposeBag = DisposeBag()
    let dataSource = RxTableViewSectionedReloadDataSource<SectionModel<String,FirstModel>>()
    let dataArray  = Variable([SectionModel<String, FirstModel>]())

    let viewModel = FirstViewModel()
    
    lazy var tableView: UITableView = {
        let tableView = UITableView(frame: CGRect(x: 0, y: 0, width: kScreenW, height: kScreenH), style: .plain)
        tableView.backgroundColor = BaseColor.BackGroundColor
        tableView.separatorStyle = .none
        tableView.register(FirstTableViewCell.self, forCellReuseIdentifier: "cell")
        return tableView
    }()

    override func viewDidLoad() {
        super.viewDidLoad()
        title = "First"
        view.backgroundColor = .white
        view.addSubview(tableView)
        //获取数据
        viewModel.getNewsData { (model) in
            self.dataArray.value = [SectionModel(model: "", items: (model.data?.items)!)]
        }
        //设置cell
        dataSource.configureCell = { _, tableView, indexPath, model in
            let cell = FirstTableViewCell(style: .default, reuseIdentifier: "cell")
            cell.model = model.data
            return cell
        }
        //绑定数据源
        dataArray.asObservable().bind(to: tableView.rx.items(dataSource: dataSource))
            .addDisposableTo(disposeBag)
        //设置delegate
        tableView.rx.setDelegate(self).disposed(by: disposeBag)
        //cell点击事件
        tableView.rx
            .modelSelected(FirstModel.self)
            .subscribe(onNext: { (model) in
                self.navigationController?.pushViewController(SecondViewController(), animated: true)
            })
            .addDisposableTo(disposeBag)
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }

}

extension FirstViewController: UITableViewDelegate {

    func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
        return 100
    }
    
    func tableView(_ tableView: UITableView, heightForFooterInSection section: Int) -> CGFloat {
        return 0.01
    }

}

在UITableViewCell中实现数据

    var model: DataModel? {
        didSet {
            titleLabel.text = model?.description
            icomImageView.kf.setImage(with: URL(string: (model?.cover_image_url)!))
            fromLabel.text = model?.name
        }
    }

6、在UICollectionView中的使用

同上,只用把dataSource改变一下就行了
let dataSource = RxCollectionViewSectionedReloadDataSource<SectionModel<String,FirstModel>>()

【RxSwift系列】RXSwift在UITableView中使用(一)http://www.jianshu.com/p/4d9447d5278a
【RxSwift系列】RxSwift下基于MJRefresh实现下拉刷新,上拉加载(三)http://www.jianshu.com/p/6f14d6a7cb96

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

推荐阅读更多精彩内容