iOS中團隊協(xié)作和MVVM的架構設計
今天寫這篇文章是想達到拋磚引玉的作用,想與大家交流一下思想,相互學習,博文中有不足之處還望大家批評指正。本篇文章的內容沿襲以往博客的風格,也是以干貨為主,偶爾扯扯咸蛋(哈哈~不好好工作又開始發(fā)表博客啦~)。
由于本人項目經(jīng)驗有限,關于架構設計方面的東西理解有限,我個人對MVVM的理解主要是借鑒于之前的用過的MVC的Web框架~在學校的時候用過ThinkPHP框架,和SSH框架,都是MVC的架構模式,今天MVVM與傳統(tǒng)的MVC可謂是極為相似,也可以說是兄弟關系,也就是一家人了。
說到架構設計和團隊協(xié)作,這個對App的開發(fā)還是比較重要的。即使作為一個專業(yè)的搬磚者,前提是你這磚搬完放在哪?不只是Code有框架,其他的東西都是有框架的,比如橋梁等等神馬的~在這兒就不往外扯了。一個好的工程框架不進可以提高團隊的協(xié)作效率,同時還可以減少代碼的冗余度和耦合性,合理的分工與系統(tǒng)的架構設計是少不了的。
至于團隊協(xié)作不僅僅是有SVN或者Git這些版本控制工具就行的,至于如何在iOS開發(fā)中使用SVN,請參考之前的博客(iOS開發(fā)之版本控制(SVN))。一個團隊可以高效的工作,本人覺得交流是最為重要的,團隊中的每個人都比較和氣,而且交流上沒有什么障礙(不過有的團隊中總有幾個合不來的人),交流在團隊中最為重要。至于SVN怎么用,那都不是事兒!
好了今天就以我寫的一個Demo來淺談一下iOS開發(fā)中的架構設計和團隊協(xié)作,今天的咸蛋先到這兒,切入今天的話題。
為了寫今天的博客我花了點時間做了個工程,這個工程后臺的接口用的新浪微博的API來進行測試的,在本文的后面也會跟上GitHub的分享鏈接。OK~說的高大上一些就是,仁者見仁智者見智,交流思想,共同學習。
一、小酌一下MVVM
在這呢也不贅述什么是MVC,神馬又是MVVM了,在百度上谷歌一下一抓一大把,在這兒就簡單的提上一嘴。下面的Demo用的就是MVVM的架構模式。
Model層是少不了的了,我們得有東西充當DTO(數(shù)據(jù)傳輸對象),當然,用字典也是可以的,編程么,要靈活一些。Model層是比較薄的一層,如果學過Java的小伙伴的話,對JavaBean應該不陌生吧。
ViewModel層,就是View和Model層的粘合劑,他是一個放置用戶輸入驗證邏輯,視圖顯示邏輯,發(fā)起網(wǎng)絡請求和其他各種各樣的代碼的極好的地方。說白了,就是把原來ViewController層的業(yè)務邏輯和頁面邏輯等剝離出來放到ViewModel層。
View層,就是ViewController層,他的任務就是從ViewModel層獲取數(shù)據(jù),然后顯示。
上面對MVVM就先簡單的這么一說,好好的理解并應用的話,還得實戰(zhàn)。
二、關于工程中是否使用StoryBoard的論述
從網(wǎng)上經(jīng)??吹秸f不推薦使用StoryBoard或者Xib,推薦用純代碼手寫。個人認為這種觀點是和蘋果設計StoryBoard的初衷相悖的,在我做過的項目中是以StoryBoard為主,xib為輔,然后用代碼整合每個StoryBoard.
舉一個用Storyboard好處的例子就OK了,給控件添加約束,如果用Storyboard完成那是分分秒的事情,而用代碼的添加約束的話是何等的惡心,純代碼寫的話會把大量的時間花在寫UI上,而且技術含量是比較低的,這個個人認為沒什么必要。在團隊合作中負責UI開發(fā)的小伙伴只需沒人負責一個Storyboard,各開發(fā)各的,用SVN提交時把下面的勾(如下圖)去掉即可,這樣用Storyboard是沒有問題的。然后再用代碼進行整合就OK了。如果你在你的工程中加入了新的資源文件的話,用XCode自帶的SVN提交的話需要吧Project Setting文件一并提交。
三、實戰(zhàn)MVVM(用Xcode創(chuàng)建的Group是虛擬的文件夾,為了便于維護,建議創(chuàng)建物理文件夾,然后再手動引入)
1.下面通過一個實例來體會一下MVVM架構模式,下面是該工程的一級目錄如下,每層之間的交互是用Block的形式來實現(xiàn)的
工程目錄說明:
Request:文件夾下存儲網(wǎng)絡請求的類,下面會給出具體的實現(xiàn)
Config:就是工程的配置文件
Resource:就是工程的資源文件,下面有圖片資源和Storyboard文件資源
Tools是:工具文件類,存放工具類,比如數(shù)據(jù)正則匹配等。
Vender:存放第三方類庫
Model:這個就不多說了
ViewController:存放ViewController類資源文件,也就是View層
ViewModel:存放各種業(yè)務邏輯和網(wǎng)絡請求
2.詳解Request:Request負責網(wǎng)絡請求的東西,具體如下:
NetRequestClass是存放網(wǎng)絡請求的代碼,本工程用的AF,因為本工程只是一個Demo,所以就只封裝了監(jiān)測網(wǎng)絡狀態(tài),GET請求,POST請求方法,根據(jù)現(xiàn)實需要,還可以封裝上傳下載等類方法。
NetRequestClass.h中的代碼如下:
- //
- // NetRequestClass.h
- // MVVMTest
- //
- // Created by 李澤魯 on 15/1/6.
- // Copyright (c) 2015年 李澤魯. All rights reserved.
- //
- #import @interface NetRequestClass : NSObject
- #pragma 監(jiān)測網(wǎng)絡的可鏈接性
- + (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 監(jiān)測網(wǎng)絡的可鏈接性
- + (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:創(chuàng)建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
- //定義返回請求數(shù)據(jù)的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"
- //請求公共微博的網(wǎng)絡接口
- #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的開發(fā)人員負責一個Storyboard
5.詳解Model:本工程用的是請求公共微博接口我們需要在頁面上現(xiàn)實用戶的頭像,用戶名,發(fā)布日期,博文,已經(jīng)隱式的用戶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;
- //獲取網(wǎng)絡的鏈接狀態(tài)
- -(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 獲取網(wǎng)絡可到達狀態(tài)
- -(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.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(@"網(wǎng)絡異常");
- }];
- }
- #pragma 獲取到正確的數(shù)據(jù),對正確的數(shù)據(jù)進行處理
- -(void)fetchValueSuccessWithDic: (NSDictionary *) returnValue
- {
- //對從后臺獲取的數(shù)據(jù)進行處理,然后傳給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 對網(wǎng)路異常進行處理
- -(void) netFailure
- {
- self.failureBlock();
- }
- #pragma 跳轉到詳情頁面,如需網(wǎng)路請求的,可在此方法中添加相應的網(wǎng)絡請求
- -(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.完整目錄結構,頁面間的業(yè)務邏輯,和網(wǎng)絡的請求數(shù)據(jù)是放在ViewModel層的,當然了這也不是絕對的,要靈活把握。我個人是特別喜歡編程的,因為編程靈活起來就會很有樂趣。
10.文章快結束了,在這兒在總結一下SVN使用頻率比較高的而且比較重要的命令吧(當然,本人平時主要是用XCode自帶的SVN可視化管理~)
(1)、更新本地代碼命令
svn up 更新版本
svn info 查看當前版本信息
(2)、代碼的提交
svn info 查看當前本地版本信息
svn up 更新到最新版本信息
svn st 查看文件狀態(tài) M-修改 D-刪除 A-添加 U-更新 ?-未知狀態(tài) !-警告 C-沖突
svn add fileName: 如果出現(xiàn)?一般是添加文件時出的問題,在把文件svn add fileName一下后,該文件的狀態(tài)會改成A
svn del fileName:如果出現(xiàn)!一般是刪除文件時會出現(xiàn)的警告需呀執(zhí)行svn del fileName命令后,該文件的狀態(tài)會改成D
svn ci -m"提交的原因"