今天寫這篇文章是想達到拋磚引玉的作用,想與大家交流一下思想,相互學習,博文中有不足之處還望大家批評指正。本篇文章的內容沿襲以往博客的風格,也是以干貨為主,偶爾扯扯鹹蛋(哈哈~不好好工作又開始發表博客啦~)。
由於本人項目經驗有限,關於架構設計方面的東西理解有限,我個人對MVVM的理解主要是借鑒於之前的用過的MVC的Web框架~在學校的時候用過ThinkPHP框架,和SSH框架,都是MVC的架構模式,今天MVVM與傳統的MVC可謂是極為相似,也可以說是兄弟關系,也就是一家人了。
說到架構設計和團隊協作,這個對App的開發還是比較重要的。即使作為一個專業的搬磚者,前提是你這磚搬完放在哪?不只是Code有框架,其他的東西都是有框架的,比如橋梁等等神馬的~在這兒就不往外扯了。一個好的工程框架不進可以提高團隊的協作效率,同時還可以減少代碼的冗余度和耦合性,合理的分工與系統的架構設計是少不了的。
至於團隊協作不僅僅是有SVN或者Git這些版本控制工具就行的,至於如何在iOS開發中使用SVN,請參考之前的博客(iOS開發之版本控制(SVN))。一個團隊可以高效的工作,本人覺得交流是最為重要的,團隊中的每個人都比較和氣,而且交流上沒有什麼障礙(不過有的團隊中總有幾個合不來的人),交流在團隊中最為重要。至於SVN怎麼用,那都不是事兒!
好了今天就以我寫的一個Demo來淺談一下iOS開發中的架構設計和團隊協作,今天的鹹蛋先到這兒,切入今天的話題。
為了寫今天的博客我花了點時間做了個工程,這個工程後台的接口用的新浪微博的API來進行測試的,在本文的後面也會跟上GitHub的分享鏈接。OK~說的高大上一些就是,仁者見仁智者見智,交流思想,共同學習。
一、小酌一下MVVM
在這呢也不贅述什麼是MVC,神馬又是MVVM了,在百度上谷歌一下一抓一大把,在這兒就簡單的提上一嘴。下面的Demo用的就是MVVM的架構模式。
Model層是少不了的了,我們得有東西充當DTO(數據傳輸對象),當然,用字典也是可以的,編程麼,要靈活一些。Model層是比較薄的一層,如果學過Java的小伙伴的話,對JavaBean應該不陌生吧。
ViewModel層,就是View和Model層的粘合劑,他是一個放置用戶輸入驗證邏輯,視圖顯示邏輯,發起網絡請求和其他各種各樣的代碼的極好的地方。說白了,就是把原來ViewController層的業務邏輯和頁面邏輯等剝離出來放到ViewModel層。
View層,就是ViewController層,他的任務就是從ViewModel層獲取數據,然後顯示。
上面對MVVM就先簡單的這麼一說,好好的理解並應用的話,還得實戰。
二、關於工程中是否使用StoryBoard的論述
從網上經常看到說不推薦使用StoryBoard或者Xib,推薦用純代碼手寫。個人認為這種觀點是和蘋果設計StoryBoard的初衷相悖的,在我做過的項目中是以StoryBoard為主,xib為輔,然後用代碼整合每個StoryBoard.
舉一個用Storyboard好處的例子就OK了,給控件添加約束,如果用Storyboard完成那是分分秒的事情,而用代碼的添加約束的話是何等的惡心,純代碼寫的話會把大量的時間花在寫UI上,而且技術含量是比較低的,這個個人認為沒什麼必要。在團隊合作中負責UI開發的小伙伴只需沒人負責一個Storyboard,各開發各的,用SVN提交時把下面的勾(如下圖)去掉即可,這樣用Storyboard是沒有問題的。然後再用代碼進行整合就OK了。如果你在你的工程中加入了新的資源文件的話,用XCode自帶的SVN提交的話需要吧Project Setting文件一並提交。
三、實戰MVVM(用Xcode創建的Group是虛擬的文件夾,為了便於維護,建議創建物理文件夾,然後再手動引入)
1.下面通過一個實例來體會一下MVVM架構模式,下面是該工程的一級目錄如下,每層之間的交互是用Block的形式來實現的
工程目錄說明:
Request:文件夾下存儲網絡請求的類,下面會給出具體的實現
Config:就是工程的配置文件
Resource:就是工程的資源文件,下面有圖片資源和Storyboard文件資源
Tools是:工具文件類,存放工具類,比如數據正則匹配等。
Vender:存放第三方類庫
Model:這個就不多說了
ViewController:存放ViewController類資源文件,也就是View層
ViewModel:存放各種業務邏輯和網絡請求
2.詳解Request:Request負責網絡請求的東西,具體如下:
NetRequestClass是存放網絡請求的代碼,本工程用的AF,因為本工程只是一個Demo,所以就只封裝了監測網絡狀態,GET請求,POST請求方法,根據現實需要,還可以封裝上傳下載等類方法。
NetRequestClass.h中的代碼如下:
// // NetRequestClass.h // MVVMTest // // Created by 李澤魯 on 15/1/6. // Copyright (c) 2015年 李澤魯. All rights reserved. // #import @interface NetRequestClass : NSObject #pragma 監測網絡的可鏈接性 + (BOOL) netWorkReachabilityWithURLString:(NSString *) strUrl; #pragma POST請求 + (void) NetRequestPOSTWithRequestURL: (NSString *) requestURLString WithParameter: (NSDictionary *) parameter WithReturnValeuBlock: (ReturnValueBlock) block WithErrorCodeBlock: (ErrorCodeBlock) errorBlock WithFailureBlock: (FailureBlock) failureBlock; #pragma GET請求 + (void) NetRequestGETWithRequestURL: (NSString *) requestURLString WithParameter: (NSDictionary *) parameter WithReturnValeuBlock: (ReturnValueBlock) block WithErrorCodeBlock: (ErrorCodeBlock) errorBlock WithFailureBlock: (FailureBlock) failureBlock; @end
NetRequestClass.m中的代碼如下:
// // NetRequestClass.m // MVVMTest // // Created by 李澤魯 on 15/1/6. // Copyright (c) 2015年 李澤魯. All rights reserved. // #import "NetRequestClass.h" @interface NetRequestClass () @end @implementation NetRequestClass #pragma 監測網絡的可鏈接性 + (BOOL) netWorkReachabilityWithURLString:(NSString *) strUrl { __block BOOL netState = NO; NSURL *baseURL = [NSURL URLWithString:strUrl]; AFHTTPRequestOperationManager *manager = [[AFHTTPRequestOperationManager alloc] initWithBaseURL:baseURL]; NSOperationQueue *operationQueue = manager.operationQueue; [manager.reachabilityManager setReachabilityStatusChangeBlock:^(AFNetworkReachabilityStatus status) { switch (status) { case AFNetworkReachabilityStatusReachableViaWWAN: case AFNetworkReachabilityStatusReachableViaWiFi: [operationQueue setSuspended:NO]; netState = YES; break; case AFNetworkReachabilityStatusNotReachable: netState = NO; default: [operationQueue setSuspended:YES]; break; } }]; [manager.reachabilityManager startMonitoring]; return netState; } /*************************************** 在這做判斷如果有dic裡有errorCode 調用errorBlock(dic) 沒有errorCode則調用block(dic ******************************/ #pragma --mark GET請求方式 + (void) NetRequestGETWithRequestURL: (NSString *) requestURLString WithParameter: (NSDictionary *) parameter WithReturnValeuBlock: (ReturnValueBlock) block WithErrorCodeBlock: (ErrorCodeBlock) errorBlock WithFailureBlock: (FailureBlock) failureBlock { AFHTTPRequestOperationManager *manager = [[AFHTTPRequestOperationManager alloc] init]; AFHTTPRequestOperation *op = [manager GET:requestURLString parameters:parameter success:^(AFHTTPRequestOperation *operation, id responseObject) { NSDictionary *dic = [NSJSONSerialization JSONObjectWithData:responseObject options:NSJSONReadingAllowFragments error:nil]; DDLog(@"%@", dic); block(dic); } failure:^(AFHTTPRequestOperation *operation, NSError *error) { failureBlock(); }]; op.responseSerializer = [AFHTTPResponseSerializer serializer]; [op start]; } #pragma --mark POST請求方式 + (void) NetRequestPOSTWithRequestURL: (NSString *) requestURLString WithParameter: (NSDictionary *) parameter WithReturnValeuBlock: (ReturnValueBlock) block WithErrorCodeBlock: (ErrorCodeBlock) errorBlock WithFailureBlock: (FailureBlock) failureBlock { AFHTTPRequestOperationManager *manager = [[AFHTTPRequestOperationManager alloc] init]; AFHTTPRequestOperation *op = [manager POST:requestURLString parameters:parameter success:^(AFHTTPRequestOperation *operation, id responseObject) { NSDictionary *dic = [NSJSONSerialization JSONObjectWithData:responseObject options:NSJSONReadingAllowFragments error:nil]; DDLog(@"%@", dic); block(dic); /*************************************** 在這做判斷如果有dic裡有errorCode 調用errorBlock(dic) 沒有errorCode則調用block(dic ******************************/ } failure:^(AFHTTPRequestOperation *operation, NSError *error) { failureBlock(); }]; op.responseSerializer = [AFHTTPResponseSerializer serializer]; [op start]; } @end
3.詳解Config:創建pch文件,和Config.h文件
pch文件引入常用的頭文件,內容如下:
// // PrefixHeader.pch // MVVMTest // // Created by 李澤魯 on 15/1/6. // Copyright (c) 2015年 李澤魯. All rights reserved. // #ifndef MVVMTest_PrefixHeader_pch #define MVVMTest_PrefixHeader_pch #import"AFNetworking.h" #import "UIKit+AFNetworking.h" #import "Config.h" #import "NetRequestClass.h" #import "SVProgressHUD.h" #endif
Config.h中就是各種宏定義和各種枚舉類型和block類型,代碼如下:
// // Config.h // MVVMTest // // Created by 李澤魯 on 15/1/6. // Copyright (c) 2015年 李澤魯. All rights reserved. // #ifndef MVVMTest_Config_h #define MVVMTest_Config_h //定義返回請求數據的block類型 typedef void (^ReturnValueBlock) (id returnValue); typedef void (^ErrorCodeBlock) (id errorCode); typedef void (^FailureBlock)(); typedef void (^NetWorkBlock)(BOOL netConnetState); #define DDLog(xx, ...) NSLog(@"%s(%d): " xx, __PRETTY_FUNCTION__, __LINE__, ##__VA_ARGS__) //accessToken #define ACCESSTOKEN @"你自己的access_token" //請求公共微博的網絡接口 #define REQUESTPUBLICURL @"https://api.weibo.com/2/statuses/public_timeline.json" #define SOURCE @"source" #define TOKEN @"access_token" #define COUNT @"count" #define STATUSES @"statuses" #define CREATETIME @"created_at" #define WEIBOID @"id" #define WEIBOTEXT @"text" #define USER @"user" #define UID @"id" #define HEADIMAGEURL @"profile_image_url" #define USERNAME @"screen_name" #endif
4.詳解資源文件Resource,結構如下圖:
Image中就存放各種圖片(3x,2x等),InterfaceBuider裡面就是放一些Xib和Storyboard文件,每個負責UI的開發人員負責一個Storyboard
5.詳解Model:本工程用的是請求公共微博接口我們需要在頁面上現實用戶的頭像,用戶名,發布日期,博文,已經隱式的用戶ID和微博ID,文件目錄結構如下:
PublicModel中的內容如下:
// // PublicModel.h // MVVMTest // // Created by 李澤魯 on 15/1/8. // Copyright (c) 2015年 李澤魯. All rights reserved. // #import @interface PublicModel : NSObject @property (strong, nonatomic) NSString *userId; @property (strong, nonatomic) NSString *weiboId; @property (strong, nonatomic) NSString *userName; @property (strong, nonatomic) NSURL *imageUrl; @property (strong, nonatomic) NSString *date; @property (strong, nonatomic) NSString *text; @end
6.詳解ViewModel層,本層是最為重要的一層,下面是本層的詳細截圖,ViewModeClass是所有ViewMode的父類,其中存儲著共同部分
ViewModelClass.h中的內容如下:
// // ViewModelClass.h // MVVMTest // // Created by 李澤魯 on 15/1/8. // Copyright (c) 2015年 李澤魯. All rights reserved. // #import @interface ViewModelClass : NSObject @property (strong, nonatomic) ReturnValueBlock returnBlock; @property (strong, nonatomic) ErrorCodeBlock errorBlock; @property (strong, nonatomic) FailureBlock failureBlock; //獲取網絡的鏈接狀態 -(void) netWorkStateWithNetConnectBlock: (NetWorkBlock) netConnectBlock WithURlStr: (NSString *) strURl; // 傳入交互的Block塊 -(void) setBlockWithReturnBlock: (ReturnValueBlock) returnBlock WithErrorBlock: (ErrorCodeBlock) errorBlock WithFailureBlock: (FailureBlock) failureBlock; @end
ViewModelClass.m中的內容如下:
// // ViewModelClass.m // MVVMTest // // Created by 李澤魯 on 15/1/8. // Copyright (c) 2015年 李澤魯. All rights reserved. // #import "ViewModelClass.h" @implementation ViewModelClass #pragma 獲取網絡可到達狀態 -(void) netWorkStateWithNetConnectBlock: (NetWorkBlock) netConnectBlock WithURlStr: (NSString *) strURl; { BOOL netState = [NetRequestClass netWorkReachabilityWithURLString:strURl]; netConnectBlock(netState); } #pragma 接收穿過來的block -(void) setBlockWithReturnBlock: (ReturnValueBlock) returnBlock WithErrorBlock: (ErrorCodeBlock) errorBlock WithFailureBlock: (FailureBlock) failureBlock { _returnBlock = returnBlock; _errorBlock = errorBlock; _failureBlock = failureBlock; } @end
PublicWeiboViewModel.h中的內容如下:
// // PublicWeiboViewModel.h // MVVMTest // // Created by 李澤魯 on 15/1/8. // Copyright (c) 2015年 李澤魯. All rights reserved. // #import "ViewModelClass.h" #import "PublicModel.h" @interface PublicWeiboViewModel : ViewModelClass //獲取圍脖列表 -(void) fetchPublicWeiBo; //跳轉到微博詳情頁 -(void) weiboDetailWithPublicModel: (PublicModel *) publicModel WithViewController: (UIViewController *)superController; @end
PublicWeiboViewModel.m中的內容如下:
// // PublicWeiboViewModel.m // MVVMTest // // Created by 李澤魯 on 15/1/8. // Copyright (c) 2015年 李澤魯. All rights reserved. // #import "PublicWeiboViewModel.h" #import "PublicDetailViewController.h" @implementation PublicWeiboViewModel //獲取公共微博 -(void) fetchPublicWeiBo { NSDictionary *parameter = @{TOKEN: ACCESSTOKEN, COUNT: @"100" }; [NetRequestClass NetRequestGETWithRequestURL:REQUESTPUBLICURL WithParameter:parameter WithReturnValeuBlock:^(id returnValue) { DDLog(@"%@", returnValue); [self fetchValueSuccessWithDic:returnValue]; } WithErrorCodeBlock:^(id errorCode) { DDLog(@"%@", errorCode); [self errorCodeWithDic:errorCode]; } WithFailureBlock:^{ [self netFailure]; DDLog(@"網絡異常"); }]; } #pragma 獲取到正確的數據,對正確的數據進行處理 -(void)fetchValueSuccessWithDic: (NSDictionary *) returnValue { //對從後台獲取的數據進行處理,然後傳給ViewController層進行顯示 NSArray *statuses = returnValue[STATUSES]; NSMutableArray *publicModelArray = [[NSMutableArray alloc] initWithCapacity:statuses.count]; for (int i = 0; i < statuses.count; i ++) { PublicModel *publicModel = [[PublicModel alloc] init]; //設置時間 NSDateFormatter *iosDateFormater=[[NSDateFormatter alloc]init]; iosDateFormater.dateFormat=@"EEE MMM d HH:mm:ss Z yyyy"; //必須設置,否則無法解析 iosDateFormater.locale=[[NSLocale alloc]initWithLocaleIdentifier:@"en_US"]; NSDate *date=[iosDateFormater dateFromString:statuses[i][CREATETIME]]; //目的格式 NSDateFormatter *resultFormatter=[[NSDateFormatter alloc]init]; [resultFormatter setDateFormat:@"MM月dd日 HH:mm"]; publicModel.date = [resultFormatter stringFromDate:date]; publicModel.userName = statuses[i][USER][USERNAME]; publicModel.text = statuses[i][WEIBOTEXT]; publicModel.imageUrl = [NSURL URLWithString:statuses[i][USER][HEADIMAGEURL]]; publicModel.userId = statuses[i][USER][UID]; publicModel.weiboId = statuses[i][WEIBOID]; [publicModelArray addObject:publicModel]; } self.returnBlock(publicModelArray); } #pragma 對ErrorCode進行處理 -(void) errorCodeWithDic: (NSDictionary *) errorDic { self.errorBlock(errorDic); } #pragma 對網路異常進行處理 -(void) netFailure { self.failureBlock(); } #pragma 跳轉到詳情頁面,如需網路請求的,可在此方法中添加相應的網絡請求 -(void) weiboDetailWithPublicModel: (PublicModel *) publicModel WithViewController:(UIViewController *)superController { DDLog(@"%@,%@,%@",publicModel.userId,publicModel.weiboId,publicModel.text); UIStoryboard *storyboard = [UIStoryboard storyboardWithName:@"Main" bundle:[NSBundle mainBundle]]; PublicDetailViewController *detailController = [storyboard instantiateViewControllerWithIdentifier:@"PublicDetailViewController"]; detailController.publicModel = publicModel; [superController.navigationController pushViewController:detailController animated:YES]; } @end
7.ViewController層的目錄結構如下:
上面的代碼就不一一粘了(主要是手按command + C 按累了),後面的鏈接會有源碼
8.storybord中的結構如下:
運行的最終效果:
9.完整目錄結構,頁面間的業務邏輯,和網絡的請求數據是放在ViewModel層的,當然了這也不是絕對的,要靈活把握。我個人是特別喜歡編程的,因為編程靈活起來就會很有樂趣。
10.文章快結束了,在這兒在總結一下SVN使用頻率比較高的而且比較重要的命令吧(當然,本人平時主要是用XCode自帶的SVN可視化管理~)
(1)、更新本地代碼命令
svn up 更新版本
svn info 查看當前版本信息
(2)、代碼的提交
svn info 查看當前本地版本信息
svn up 更新到最新版本信息
svn st 查看文件狀態 M-修改 D-刪除 A-添加 U-更新 ?-未知狀態 !-警告 C-沖突
svn add fileName: 如果出現?一般是添加文件時出的問題,在把文件svn add fileName一下後,該文件的狀態會改成A
svn del fileName:如果出現!一般是刪除文件時會出現的警告需呀執行svn del fileName命令後,該文件的狀態會改成D
svn ci -m"提交的原因"
在文章的最後呢附上DEMO的GitHub下載地址:https://github.com/lizelu/MVVM
(本文作者:青玉伏案)