原文出自【听云技术博客】:http://blog.tingyun.com/web/article/detail/650
我们在做项目的时候,会经常用到各种设计模式,最常见的要数 MVC (模型,视图,控制器)了。但是,今天我们要说的是另一种设计模式——MVVM。 所以 MVVM 到底是什么?下面,我们将结合代码,说明 MVVM 设计模式以及项目目录结构。
一、MVVM 模式介绍
MVVM 是 Model-View-View Model 的缩写,MVVM 听起来好像很复杂的样子,但它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化,让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了,它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。在 iOS 中使用 MVVM 可以将 ViewController 中处理 Mode 的业务逻辑全部交由 ViewModel,让 ViewController 不再显的特别臃肿。
MVVM模式是通过下面三个核心组件组成,每个都有它自己所要处理的事情:
-
Model -数据模型
-
View – 用来将Model 的内容显示出来
-
ViewModel - 扮演“View”和“Model”之间的使者,帮忙处理 View 的业务逻辑
如图:
那么MVVM 模式有什优点呢?
1. 低耦合。视图(View)可以独立于Model变化和修改,一个ViewModel可以绑定到不同的"View"上,当View变化的时候Model可以不变,当Model变化的时候View也可以不变。
2. 可重用性。你可以把一些视图逻辑放在一个ViewModel里面,让很多view重用这段视图逻辑。
3. 独立开发。开发人员可以专注于业务逻辑和数据的开发(ViewModel),设计人员可以专注于页面设计。
4. 可测试。界面素来是比较难于测试的,而使用MVVM的一大好处是我们可以很容易对 ViewModel 进行单元测试
二、项目目录结构
我认为一个合理的项目目录结构首先应该是让人一目了然的,让人一眼看上去就能大概了解目录的职责,了解每个文件夹下的内容是做什么的,而且容易应对新的改变方便后续添加功能或者扩展。iOS 项目目录结构不一定适合所有人的想法,关键是看你希望用一个结构解决什么问题。对于我自己来讲,我认为一个良好的项目目录结构,要达到以下两个目的:
1)使项目更适合于团队开发,能够降低耦合、便于任务的划分和代码的整合管理。
2)使项目能够积累出更多可复用的代码和架构。
这个结构会在不断遇到问题解决问题的过程中权衡、进化,在这个过程最重要的是能够保持:
1)主干简洁。主干上防止过度划分,过度划分会让代码放在这个目录下也可以,放在另一个目录下好像也行,容易混乱。
2)分支开放。不对过于细节的分支做严格规范,可以发挥大家的灵活性和创造性。
下面我们来看,我构建的项目目录结构,如下图所示。
Define —— 用于存放我们设置的一些宏(#define)。
Model —— 用于存放模型类(数据模型)。
NetworkManager —— 用于存放网络请求类
Resources —— 用于存放资源 例如xib,storyboard,图片,plist,音频,视频
Util —— 用于存放我们定义的分类和扩展或者工具类
Vendors —— 用于存放第三方框架或者第三方SDK文件
View —— 用于存放视图类
ViewControllers —— 用于存放视图控制器类
ViewModel —— 用于存放视图模型类,及处理 View 和 Model 之间的业务逻辑。
整体项目的运行流程是:
ViewController->向ViewModel请求数据->ViewModel->向网络请求数据->需要数据解析类型负责解析
项目编写的顺序是,需要先完成最底层的依赖,然后层层向上。
我们通过一个小 Demo,来讲解我们的目录结构。
第一,我们需要在 Model 中写好数据模型,根据接口提供的数据,进行解析。在这个 Demo 中,解析我们用到了第三方框架MJExtension。
在这儿我们需要注意的是, Model(模型)类的命名规则。我认为,我们需要一层一层的命名,体现出包含关系。这样更清晰的表示了数据模型。
如:
@interface CarHomeModel : BaseModel
@property (nonatomic, strong) CarHomeResultModel *result;
@property (nonatomic, assign) NSInteger returncode;
@property (nonatomic, copy) NSString *message;
@end
@interface CarHomeResultModel : NSObject
@property (nonatomic, assign) BOOL isloadmore;
@property (nonatomic, assign) NSInteger rowcount;
@property (nonatomic, strong) CarHomeResultHeadlineinfoModel *headlineinfo;
@property (nonatomic, strong) NSArray *focusimg;
@property (nonatomic, strong) NSArray<CarHomeResultNewslistModel *> *newslist;
@property (nonatomic, strong) CarHomeResultTopnewsinfoModel *topnewsinfo;
@end
我们可以看到,在.h 文件中,CarHomeModel 和 CarHomeResultModel。可以明确看出包含关系。
然后我们还需要注意,在.m文件中,需要对,数组和一些关键词做特殊处理才能解析。
如:
@implementation CarHomeResultModel
+ (NSDictionary *)objectClassInArray{
return @{@"newslist" : [CarHomeResultNewslistModel class]};
}
@end
@implementation CarHomeResultNewslistModel
+ (NSDictionary *)replacedKeyFromPropertyName
{
return @{@"ID":@"id"};
}
@end
对数组,需要指定解析的类的类型,对关键字需要将改变前和改变后的词相对应。
第二,在写完 Model 之后,我们需要进行网络请求了。在 NetManager 目录下面我们主要做所有的网络请求工作。为了方便,简单的封装了 AFNetworking。闲话不多说,直接上代码。在 BaseNetManager.h 文件中。我们公开了两个类方法
#define kCompletionHandle completionHandle:(void(^)(id model, NSError *error))completionHandle
@interface BaseNetManager : NSObject
/** 对AFHTTPSessionManager的GET请求方法进行了封装 */
+ (id)GET:(NSString *)path parameters:(NSDictionary *)params completionHandler:(void(^)(id responseObj, NSError *error))complete;
/** 对AFHTTPSessionManager的POST请求方法进行了封装 */
+ (id)POST:(NSString *)path parameters:(NSDictionary *)params completionHandler:(void(^)(id responseObj, NSError *error))complete;
@end
我们在 BaseNetManager.m 中对其实现。
static AFHTTPSessionManager *manager = nil;
@implementation BaseNetManager
+ (AFHTTPSessionManager *)sharedAFManager{
static dispatch_once_t onceToken;
dispatch_once(&onceToken, ^{
manager = [AFHTTPSessionManager manager];
manager.responseSerializer.acceptableContentTypes = [NSSet setWithObjects:@"text/html", @"application/json", @"text/json", @"text/javascript", @"text/plain", nil];
});
return manager;
}
+ (id)GET:(NSString *)path parameters:(NSDictionary *)params completionHandler:(void(^)(id responseObj, NSError *error))complete{
return [[self sharedAFManager] GET:path parameters:params success:^void(NSURLSessionDataTask * task, id responseObject) {
complete(responseObject, nil);
} failure:^void(NSURLSessionDataTask * task, NSError * error) {
complete(nil, error);
}];
}
+ (id)POST:(NSString *)path parameters:(NSDictionary *)params completionHandler:(void(^)(id responseObj, NSError *error))complete{
return [[self sharedAFManager] POST:path parameters:params success:^void(NSURLSessionDataTask * task, id responseObject) {
complete(responseObject, nil);
} failure:^void(NSURLSessionDataTask * task, NSError * error) {
[self handleError:error];
complete(nil, error);
}];
}
@end
封装好网络请求的基类之后,我们就可以使用它们了。
在我们继承的CarHomeManager.h 中,我们用 block 回调的方式, 公开一个类方法,用来网络请求。
//http://app.api.autohome.com.cn/autov5.0.0/news/newslist-pm1-c0-nt3-p4-s30-l0.json
@interface CarHomeManager : BaseNetManager
+(id)getCarHomeWithLastTime:(NSString *)lasttime kCompletionHandle;
@end
在CarHomeManager.m 文件中实现
#import "CarHomeManager.h"
#import "CarHomeModel.h"
#define Kpath @"http://app.api.autohome.com.cn/autov5.0.0/news/newslist-pm1-c0-nt3-p4-s30-l%@.json"
@implementation CarHomeManager
//http://app.api.autohome.com.cn/autov5.0.0/news/newslist-pm1-c0-nt3-p4-s30-l0.json
+(id)getCarHomeWithLastTime:(NSString *)lasttime completionHandle:(void (^)(id, NSError *))completionHandle{
NSString *path = [NSString stringWithFormat:Kpath,lasttime];
return [self GET:path parameters:nil completionHandler:^(id responseObj, NSError *error) {
completionHandle([CarHomeModel objectWithKeyValues:responseObj],error);
}];
}
@end
这样封装的好处有很多,当我们的接口有改变时,我们只需要改变上面的宏定义的请求 URL地址就可以了。而且,方便我们测试网络请求已经数据解析到底成不成功。例如,我们在 AppDelegate.m 文件中调用改类方法,用断点调试的方式,可以看到请求和解析是否成功。
第三,我们在做完网络请求后,就要根据产品所给的 UI 界面的设计稿,要开始做 ViewModel 层了,这一层主要是 View 显示的一些业务逻辑。
代码如下:
在 CarHomeViewModel.h中
#import "CarHomeModel.h"
@interface CarHomeViewModel : BaseViewModel
//多少行
@property (nonatomic)NSInteger newlistNumber;
//每行的图片地址
- (NSURL *)newlistIconURLWithForRow:(NSInteger )row;
//每行的标题名
- (NSString *)titleWithForRow:(NSInteger )row;
//每行的评论数
- (NSString *)replycountWithForRow:(NSInteger )row;
//每行的时间
- (NSString *)intacttimeWithForRow:(NSInteger )row;
@property (nonatomic,strong)NSString *lasttime;
@property (nonatomic,strong) CarHomeResultNewslistModel *newlistModel;
@end
CarHomeViewModel.m 中实现
#import "CarHomeViewModel.h"
#import "CarHomeManager.h"
#import "CarHomeModel.h"
@implementation CarHomeViewModel
-(NSInteger)newlistNumber
{
return self.dataArr.count;
}
-(void)getDataFromNetCompleteHandle:(CompletionHandle)completionHandle
{
//[self cancelTask];
[CarHomeManager getCarHomeWithLastTime:self.lasttime completionHandle:^(CarHomeModel *model, NSError *error) {
if (!error) {
if ([_lasttime isEqualToString:@"0"]) {
[self.dataArr removeAllObjects];
}
[self.dataArr addObjectsFromArray:model.result.newslist];
}
completionHandle(error);
}];
}
-(void)getMoreDataCompletionHandle:(CompletionHandle)completionHandle
{
self.lasttime = self.newlistModel.lasttime;
return [self getDataFromNetCompleteHandle:completionHandle];
}
- (CarHomeResultNewslistModel *)newslistModelForRowInResultModel:(NSInteger)row
{
self.newlistModel = self.dataArr[row];
return self.dataArr[row];
}
-(void)refreshDataCompletionHandle:(CompletionHandle)completionHandle
{
self.lasttime = @"0";
return [self getDataFromNetCompleteHandle:completionHandle];
}
- (NSURL *)newlistIconURLWithForRow:(NSInteger )row;
{
return [NSURL URLWithString:[self newslistModelForRowInResultModel:row].smallpic];
}
- (NSString *)titleWithForRow:(NSInteger )row;
{
return [self newslistModelForRowInResultModel:row].title;
}
- (NSString *)replycountWithForRow:(NSInteger )row;
{
return [NSString stringWithFormat:@"%ld",[self newslistModelForRowInResultModel:row].replycount];
}
- (NSString *)intacttimeWithForRow:(NSInteger )row;
{
return [self newslistModelForRowInResultModel:row].intacttime;
}
将 View 的业务逻辑分离到 VewModel 之后,可复用性大大提高了。
第四,将 ViewModel 写完之后,我们就开始考虑 ViewController 和界面的布局等。
关于视图部分就不多说了。下面附上 Demo 地址:
https://github.com/mengruirui/MVVMDemo
目前说的就这么多,如果有疑问,欢迎大家来讨论。
相关推荐
Coordinator-Factory-MVVM-Demo:此iOS体系结构模式专为iOS开发人员设计,可通过演示应用程序实时体验Coordinator + Factory + MVVM模式。 Swift 5.0中使用的语言
关于有疑问什么是MVVM,以及为什么IOS开发需要MVVM思想编程的,请看文章用Model-View-ViewModel构建iOS App有详细介绍. EasyIOS 2.0是基于MVVM编程思想进行构建的,封装了Scene,SceneModel,Model,Action四种...
Swift中的iOS MVVM探索这是我为iOS开发应用Model-View-ViewModel(MVVM)架构模式的首次尝试: 通过使用属性观察器didSet和闭包来完成View和ViewModel之间的绑定。 与大多数(如果不是全部)MVVM教程项目不同,我以...
在两个平台(Android和iOS)上使用Kotlin Multiplatform和MVVM模式的应用程序示例。 为此,使用的库为: :这是一个Kotlin多平台库,为UI应用程序提供Model-View-ViewModel的体系结构组件。 组件在Android上具有...
现在,您需要比以往任何时候都更好地理解和应用项目中的良好软件架构实践。 高级iOS应用程序架构彻底解释了多个现代iOS架构,并演示了它们在真实应用程序中的用法。 本书的前半部分向您介绍了iOS应用程序架构的...
iOS 组件化开发项目架构设计,结合 MVVM 设计模式 RAC 数据绑定 Pod 组件管理, 实现一套实战性的iOS组件化架构开发模式
模型视图ViewModel(MVVM)是用于软件开发的体系结构模式。 MVVM是Martin Fowler的Presentation Model设计模式的一种变体。 像Fowler的Presentation Model一样,MVVM也可以抽象视图的状态和行为。 但是,虽然...
精美的Puppy收养应用程序,旨在演示SwiftUI和MVVM体系结构的使用 :building_construction: 。 用爱制造 :red_heart: 通过 UI设计 :artist_palette: 此Wiggles应用程序的UI/UX和README.md结构由设计 单击以从下面...
ListViewWithSubListViewXamarin.Forms带有Sub-ListView MVVM模式的可扩展ListView 在移动应用程序中,我们经常要显示列表,只有列表包含简单而不复杂的结构时,这才很容易。 该项目演示了如何在Xamarin.Forms中创建...
MVVM模式 - 模型-视图-视图模型 自定义按钮样式 - ButtonStyle 按钮事件+数据绑定 json数据的读取 - JSONDecoder 限制输入用户 - 已发布,didSet 导航视图的基础 - NavigationView 导航链接 - NavigationLink 查
Kotlin-多平台MVVM Firebase(Android和iOS) 在两个平台(Android和iOS)和FirestoreKMP上使用Kotlin Multiplatform和MVVM模式从Firebase获取数据的应用程序示例。 为此,使用的库为: :库包装了Kotlin ...
本课题旨在开发一款基于 iOS 系统的移动端进销存软件,通过使用 Xcode 作为软件开发工具,使用 objective-c 和 swift 混合编程,采用分层架构思想进行软件架构设计,代码结构主要采用了 MVC 和 MVVM 两种设计模式,...
一个简单的费用跟踪器应用程序:mobile_phone:旨在演示SwiftUI,CoreData和MVVM体系结构:building_construction:的用法。 Sameer Nawaz Expenso用爱心打造的:red_heart:Expenso一个简单的Expense Tracker App:mobile_...
本课程涵盖了体系结构范例,并深入探讨了诸如功能编程和功能React式编程(FRP)之类的iOS前沿模式。 学习成果 在课程结束时,学生将能够… 分析并应用不同的创造,行为和结构模式。 将MVVM,协调器实现为架构模式...
在遵循MVVM设计模式的同时,我收集了Xamarin和Wpf期间的一些经验。 我的想法是,在开发基于Xaml的应用程序时,面对不同的情况时,我想将此存储库用作查找。 我也想与世界分享! :globe_showing_Americas: 注意:这...
应用程序是基于MVVM-C模式的结构化的,其中的展示(UI)层几乎可以通过带有WKWebView的单个UIViewController来完全实现,该WKWebView可以加载名为“ PWA”(渐进式Web应用程序)的网站应用程序。 PWA负责GUI,用户...
MOB 2.4:iOS中的高级体系结构课程说明我们将探索有趣的架构模式,这些模式将帮助您构建坚如磐石的iOS应用。 我们将回顾架构范例,然后深入研究诸如功能性编程和功能性React性编程(FRP)之类的尖端iOS模式。先决...
MVVM模式 - Model-View-ViewModel 自定义按钮样式 - ButtonStyle 按钮事件+数据绑定 json数据的读取 - JSONDecoder 限制用户输入 - Published, didSet 导航View的基础 - NavigationView 导航链接 - NavigationLink ...
该项目的体系结构突出了关注点的分离。 服务层 封装了第三方服务或API之间的交互。 工人层 封装复杂的业务或表示逻辑,并使它们可重用。 场景层 无需更改任何业务逻辑即可轻松添加或换入或换出的UI。 依存关系 ...
坚持不懈iOS中的轻量级持久性不应该那么难 建筑学关于现有设计模式的几乎所有内容都可以在这里找到Swift中用于UIViewController状态和错误管理的iOS体系结构方法根视图控制器 测验注意您的Swift API中的协议扩展...