由於本人項目經驗有限,關於架構設計方面的東西理解有限,我個人對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中的代碼如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
// // 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中的代碼如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
|
// // 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文件引入常用的頭文件,內容如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
// // 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類型,代碼如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
|
// // 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中的內容如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
// // 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中的內容如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
// // 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中的內容如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
// // 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中的內容如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
// // 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中的內容如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
|
// // 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
(本文作者:青玉伏案)
本文裝載自http://www.cocoachina.com/ios/20150122/10987.html