博客地址：http://riversunny.top
具體詳見demo
簡單來說MVVM (Model–view–viewmodel) 是為了解決 MVC模式中C（controller）部分隨著業(yè)務(wù)的復(fù)雜過于臃腫霎箍，代碼的可維護(hù)性差、復(fù)用性低這些問題澡为。
- M：Model層用于數(shù)據(jù)模型化存儲(chǔ)
- V：view層視圖層GUI用來展示并和用戶交互
- VM：viewModel層漂坏，負(fù)責(zé)業(yè)務(wù)處理和數(shù)據(jù)轉(zhuǎn)化
架構(gòu)模式圖：
RxSwift簡單介紹
RxSwift 函數(shù)響應(yīng)式編程框架和Rxjava一樣都是Github的ReactiveX組織開發(fā)、維護(hù)的.RxSwift實(shí)際上是把我們程序的每個(gè)操作都看做一個(gè)事件媒至，比如網(wǎng)絡(luò)請求事件顶别、按鈕點(diǎn)擊事件，發(fā)出這些事件的地方我們叫做事件源而我們的程序運(yùn)行就是不斷處理這些源發(fā)出的事件的過程拒啰。
Observable和Observer
RxSwift 進(jìn)一步抽象事件發(fā)出-處理這個(gè)過程即抽象出觀察者模式驯绎， Observable為事件的發(fā)出方事件源、Observer事件的觀察者事件的處理方而這兩者之間通過訂閱(subscribe)被觀察者Observable谋旦，Observer才能收到Observable發(fā)出的消息剩失。
Observable里有三種事件——next, completed, error
- next事件主要是當(dāng)Observable里出現(xiàn)新的數(shù)據(jù)時(shí)會(huì)發(fā)出的事件屈尼，同時(shí)該事件會(huì)攜帶新的數(shù)據(jù)對象。
- completed事件是當(dāng)Observable不再有新的數(shù)據(jù)出現(xiàn)拴孤，Observable被標(biāo)記完成脾歧，并且將數(shù)據(jù)流終結(jié)(terminate)。
- error事件是指當(dāng)數(shù)據(jù)流遇到了錯(cuò)誤會(huì)發(fā)出的事件乞巧，該事件也會(huì)導(dǎo)致Observable被終結(jié)涨椒。
Observable常用的創(chuàng)建方法just, of, from
參見http://www.reibang.com/p/992f8687fefd創(chuàng)建后就可以通過實(shí)例發(fā)送相應(yīng)的事件了
subscribe訂閱的實(shí)現(xiàn)
subscribe(on:(Event) -> void)：訂閱所有消息(Next, Error, and Completed)
subscribeNext((Element) -> void)：只訂閱Next
subscribeError((ErrorType) -> void)：只訂閱Error
subscribeCompleted(() -> Void)：只訂閱Completed
subscribe(onNext:(Element) -> void, onError:(ErrorType) -> void, onCompleted:() -> Void, onDisposed:() -> Void)訂閱多個(gè)消息
更加詳細(xì)的內(nèi)容參見RxSwift使用教程
Moya簡單介紹
Moya是一個(gè)基于Alamofire開發(fā)的摊鸡，輕量級的Swift網(wǎng)絡(luò)封裝層绽媒，同時(shí)Moya的可擴(kuò)展性特別強(qiáng)，可以方便的RXSwift免猾，ObjectMapper結(jié)合使用是辕。
- Moya結(jié)合Alamofire 使用
1.首先創(chuàng)建枚舉類，將你的每個(gè)請求定義成枚舉
enum NetAPI{
case Login(username:String,password:String)
}
2.枚舉類型要遵守TargetType的協(xié)議
extension NetAPI:TargetType{
/// The method used for parameter encoding.
var parameterEncoding: ParameterEncoding {
return URLEncoding.default
}
var baseURL: URL {
return URL(string: BaseUrl)!
}
var path: String {
switch self {
case .Login(_,_):
return "/topics/hot.json"
}
}
var method: Moya.Method {
switch self {
case .Login(_,_):
return .get
}
}
var parameters: [String: Any]? {
switch self {
/*
* 正常請求需要參數(shù)時(shí)猎提，可寫成
* case .Login(let username,let password):
* return ["username": username, "password": password]
*/
case .Login(_,_):
return nil
}
}
var sampleData: Data {
switch self {
case .Login(_,_):
return "Login successfully".data(using: String.Encoding.utf8)!
}
}
var task: Task {
return .request
}
var validate: Bool {
return false
}
}
3.通過TargetType協(xié)議定義好每個(gè)target之后,使用RxMoyaProvider<NetAPI>()對象來發(fā)送網(wǎng)絡(luò)請求
let netApi = RxMoyaProvider<NetAPI>()
netApi.request(.Login(username: username, password: password){ result in
// do something with result
}
ObjectMapper介紹和使用
ObjectMapper 是一個(gè)基于 Swift 語言開發(fā)的能夠讓 JSON 與 Object 之間輕易轉(zhuǎn)換的類庫获三。通過 ObjectMapper 我們可以將 JSON 數(shù)據(jù)轉(zhuǎn)換成 Model 對象或?qū)?Model 對象轉(zhuǎn)換成 JSON 數(shù)據(jù)。我們demo中請求的網(wǎng)絡(luò)數(shù)據(jù)格式如下：
[
{
"id" : 391539,
"title" : "一朋友公司,詢問同事工資被舉報(bào)了 被罰了 2000 她工資 5500 這個(gè)月工資下來她就收到了 2200 多...",
"url" : "http://www.v2ex.com/t/391539",
"content" : "她房租 1300 整下來一個(gè)月就剩 900 了 現(xiàn)在跟我混吃混喝 問下 v 友 問工資被罰這么多錢正常嗎锨苏？",
"content_rendered" : "她房租 1300 整下來一個(gè)月就剩 900 了 現(xiàn)在跟我混吃混喝 問下 v 友 問工資被罰這么多錢正常嗎疙教？",
"replies" : 138,
"member" : {
"id" : 235778,
"username" : "yasumoto",
"tagline" : "",
"avatar_mini" : "http://v2ex.assets.uxengine.net/avatar/c3de/86d4/235778_mini.png?m=1497585507",
"avatar_normal" : "http://v2ex.assets.uxengine.net/avatar/c3de/86d4/235778_normal.png?m=1497585507",
"avatar_large" : "http://v2ex.assets.uxengine.net/avatar/c3de/86d4/235778_large.png?m=1497585507"
},
"node" : {
"id" : 300,
"name" : "programmer",
"title" : "程序員",
"title_alternative" : "Programmer",
"url" : "http://www.v2ex.com/go/programmer",
"topics" : 16902,
"avatar_mini" : "http://v2ex.assets.uxengine.net/navatar/94f6/d7e0/300_mini.png?m=1505536818",
"avatar_normal" : "http://v2ex.assets.uxengine.net/navatar/94f6/d7e0/300_normal.png?m=1505536818",
"avatar_large" : "http://v2ex.assets.uxengine.net/navatar/94f6/d7e0/300_large.png?m=1505536818"
},
"created" : 1505701687,
"last_modified" : 1505701687,
"last_touched" : 1505730173
},
{
"id" : 391497,
"title" : "除了肚子痛，還有什么理由可以很合理的請一天假",
"url" : "http://www.v2ex.com/t/391497",
"content" : "每次都肚子痛伞租，很不合適啊",
"content_rendered" : "\u003Cp\u003E每次都肚子痛贞谓，很不合適啊\u003C/p\u003E\u000A",
"replies" : 73,
"member" : {
"id" : 209700,
"username" : "wwsww",
"tagline" : "",
"avatar_mini" : "http://v2ex.assets.uxengine.net/gravatar/7cf52b16f74d575111470944910c030e?s=24&d=retro",
"avatar_normal" : "http://v2ex.assets.uxengine.net/gravatar/7cf52b16f74d575111470944910c030e?s=48&d=retro",
"avatar_large" : "http://v2ex.assets.uxengine.net/gravatar/7cf52b16f74d575111470944910c030e?s=73&d=retro"
},
"node" : {
"id" : 12,
"name" : "qna",
"title" : "問與答",
"title_alternative" : "Questions and Answers",
"url" : "http://www.v2ex.com/go/qna",
"topics" : 91929,
"avatar_mini" : "http://v2ex.assets.uxengine.net/navatar/c20a/d4d7/12_mini.png?m=1505712246",
"avatar_normal" : "http://v2ex.assets.uxengine.net/navatar/c20a/d4d7/12_normal.png?m=1505712246",
"avatar_large" : "http://v2ex.assets.uxengine.net/navatar/c20a/d4d7/12_large.png?m=1505712246"
},
"created" : 1505694388,
"last_modified" : 1505694388,
"last_touched" : 1505731238
}
]
對應(yīng)的數(shù)據(jù)模型定義：
class UserModel: Mappable {
var id: Int?
var username: String?
var tagline: String?
var avatar: String?
var website: String?
var github: String?
var twitter: String?
var location: String?
required init?(map: Map) {
}
func mapping(map: Map) {
id <- map["id"]
username <- map["username"]
tagline <- map["tagline"]
avatar <- map["avatar"]
website <- map["website"]
github <- map["github"]
twitter <- map["twitter"]
location <- map["location"]
}
}
class NoteModel: Mappable {
var id:Int?
var name:String?
var title:String?
var titleAlternative:String?
var url:String?
var topics:Int?
var header:String?
var footer:String?
var isCollected:Bool?
required init?(map: Map) {
}
func mapping(map: Map) {
id <- map["id"]
name <- map["name"]
title <- map["title"]
titleAlternative <- map["titleAlternative"]
url <- map["url"]
topics <- map["topics"]
header <- map["header"]
footer <- map["footer"]
isCollected <- map["isCollected"]
}
}
class TopicModel: Mappable {
var id:Int?
var title:String?
var url:String?
var content:String?
var contentRendered:String?
var replies:Int?
var member:UserModel?
var node:NoteModel?
var created:Int32?
var lastModified:Int32?
var lastTouched:Int32?
required init?(map: Map) {
}
func mapping(map: Map) {
id <- map["id"]
title <- map["title"]
url <- map["url"]
content <- map["content"]
contentRendered <- map["contentRendered"]
replies <- map["replies"]
member <- map["member"]
node <- map["node"]
created <- map["created"]
lastModified <- map["lastModified"]
lastTouched <- map["lastTouched"]
}
}
通過下面這段代碼：
func login(username:String,password:String) -> Observable<[TopicModel]> {
return netApi.request(.Login(username: username, password: password))
.filterSuccessfulStatusCodes()
.mapJSON()
.mapArray(type: TopicModel.self)
}
1.netApi.request調(diào)用網(wǎng)絡(luò)請求的Api Login發(fā)送請求
2.再調(diào)用Moya對RxSwift擴(kuò)展方法filterSuccessfulStatusCodes()得到成功的網(wǎng)絡(luò)請求
3.mapJSON() 也是Moya RxSwift的擴(kuò)展方法，可以把返回的數(shù)據(jù)解析成 JSON 格式
4.mapArray(type: TopicModel.self)為對Observable的擴(kuò)展方法解析成[TopicModel]數(shù)組
func mapArray<T: Mappable>(type: T.Type) -> Observable<[T]> {
return self.map { response in
/*as?類型轉(zhuǎn)換葵诈，第一步判斷response是否可以轉(zhuǎn)換成[Any]對象數(shù)組RxSwiftMoyaError.ParseJSONError轉(zhuǎn)換失敗返回nil拋出RxSwiftMoyaError.ParseJSONError*/
guard let array = response as? [Any] else {
throw RxSwiftMoyaError.ParseJSONError
}
/*as?類型轉(zhuǎn)換裸弦，第二步判斷response是否可以轉(zhuǎn)換成[[String: Any]]字典對象數(shù)組RxSwiftMoyaError.ParseJSONError轉(zhuǎn)換失敗返回nil拋出RxSwiftMoyaError.ParseJSONError*/
guard let dicts = array as? [[String: Any]] else {
throw RxSwiftMoyaError.ParseJSONError
}
return Mapper<T>().mapArray(JSONArray: dicts)
}
}
具體詳見demo
