博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
聊聊MVX中的Model
阅读量:5904 次
发布时间:2019-06-19

本文共 5379 字,大约阅读时间需要 17 分钟。

写在前面

随着Android架构的不断演进,从最初的MVC到MVP再到MVVM,变化的只有M和V层之间的部分,M和V层开发者似乎都已经统一了意见。

  • Model 层 : 实体模型、数据的获取、存储等等
  • View层:向用户展示UI及处理交互

但据我在GitHub上看过的各种项目代码而言,许多人仅仅停留在字面上的理解,而没有真正的处理好三层间的边界。

今天,我们来聊一聊MVX中的Model。

Model层

MVVM架构为例,Model层的职责主要是数据的获取和存储然后将数据返回给ViewModel层。

在上面的图解中,我们分离出了一个仓库类Repository,这是Google开发架构指南中推荐的做法。

对此,在指南中这样解释:

ViewModel的一个简单的实现方式是直接调用Webservice获取数据,然后把它赋值给User对象。虽然这样可行,但是随着app的增大会变得难以维护。ViewModel的职责过多也违背了前面提到的关注点分离(separation of concerns)原则。另外,ViewModel的有效时间是和和的生命周期绑定的,因此当它的生命周期结束便丢失所有数据是一种不好的用户体验。相反,我们的ViewModel将把这个工作代理给Repository模块。

因此,Repository 就成了一个很关键的模块,我们在这里处理所有关于数据的事情,包括

  1. 从SharedPreference或者数据库或者服务器获取数据

  2. 使用SharedPreference或者数据库缓存数据

  3. 对请求参数的处理以及将返回数据处理为ViewModel层希望的类型

接下来,我们围绕着这三点来聊聊Model。

推荐的做法

  • 推荐 Model层通过SharedPreference存取数据

在我看过的大部分代码中,包括我自己以前也并没有意识到应该在Model层中通过SharedPreference存取数据,原因可能是没这个意识或者是因为写在其它地方也没影响到流程。

比如我们需要根据SharedPreference中缓存的用户Id来加载用户的详细信息,并且将返回结果也缓存在SharedPreference中。这种场景下经常会出现如下的代码:

/// Viewfinal userId = spUtil.getString("userId")viewmodel.getUserDetail(userId).subscribe({ 	//成功之后缓存详情    spUtil.putString("userDetail")},{})/// ViewModelfun getUserDetail(userId:String):Observable = repository.getUserDetail(userId)/// Modelclass UserRepository constructor(private val remote){    /// 获取用户详情	fun getUserDetail(userId:String):Observable = remote.getUserDetail(userId)}复制代码

但是SharedPreference的作用其实类似于数据库,如果DB应该位于Model层,那么SharedPreference也同样,而且也不会出现参数传来传去的情况,改造之后的代码如下:

/// Viewviewmodel.getUserDetail().subscribe({ 	//success},{})/// ViewModelfun getUserDetail():Observable = repository.getUserDetail()/// Modelclass UserRepository constructor(private val remote:UserService,private val spUtil:SpUtil){    /// 获取用户详情    ///    /// 通过 [spUtil] 拿到缓存的userId,获取到详情后再用[spUtil]进行缓存	fun getUserDetail():Observable {    	final userId = spUtil.getString("userId")    	return remote.getUserDetail(userId).doOnSuccess{        	spUtil.putString("userDetail")    	}	}}复制代码
  • 推荐尽量在Repository中管理数据

我常常看到一些开发者只是把Repository当作是一个摆设,或者是一个象征性的东西,而没有实质上发挥它该有的作用。

比如有这样一个场景:展示文章详情,如果文章以前已被缓存过,那么直接获取缓存的数据,否则拉取服务端的数据并缓存到本地数据库。

就会出现如下的代码:

/// ViewModelfun getArticleDetail(articleId:String):Observable {    return repository.getLocalArticleById(articleId)    				 .onErrorResumeNext {						repository.getArticleById(id)                        .doOnSuccess { repository.insertArticle(it) }                     }.doOnSuccess{                         // 数据转换成View层需要的数据                         renderUI(it)                     }}/// Modelclass ArticleRepository constructor(private val remote:ArticleService,private val local:ArticleDao){	/// 根据[articleId]从数据库中查找文章详情    fun getLocalArticleById(articleId:String) = local.getLocalArticleById(articleId)        /// 根据[articleId]从服务端获取文章详情    fun getArticleById(articleId:String) = remote.getArticleById(articleId)        /// 将文章详情[article]插入本地数据库    fun insertArticle(Article article) = local.insertArticle(article)}复制代码

这样的代码最大的问题是没做到关注点分离

ViewModel层并不关心数据怎么来,也不关心数据应该怎么存储。它只关心拿到Model层的原始数据之后应该怎么将其转换为View层需要展示的数据。

基于这个原则,改造之后的代码如下:

/// ViewModelfun getArticleDetail(articleId:String):Observable {    return repository.getArticleDetail(articleId)    				 .doOnSuccess{                         // 数据转换成View层需要的数据                         renderUI(it)                     }                                                   }/// Modelclass ArticleRepository constructor(private val remote:ArticleService,private val local:ArticleDao){    /// 获取文章详情,    ///    /// 如果文章以前已被缓存过,那么直接获取缓存的数据,否则拉取服务端的数据并缓存到本地数据库    /// 返回 [Observable] 给 ViewModel层    fun getArticleDetail(articleId:String):Observable {    return local.getLocalArticleById(articleId)    				 .onErrorResumeNext {						remote.getArticleById(id)                        .doOnSuccess { local.insertArticle(it) }            }    }复制代码
  • 推荐参数的转换和返回数据在Model层处理

在进行框架搭建的过程中,我认为能尽量减少错误的方式就是尽可能的让需要调用你方法的人少写代码。

比如以下场景:

/// ViewModelfun login() {    final token = "basic"+ base64Encode(utf8.encode('$username:$password'))    return repository.login(token)}/// Modelfun login(token:String){    return remote.login(token)}复制代码

在这种场景下,假如换成了其它的验证方式,那么所有生成token的地方都需要改,耗时耗力,而且如果说有组员生成token的方法错了,那么也挺难排查的。

因此,建议在Model层进行参数的处理

/// ViewModelfun login() {    return repository.login(username,password)}/// Modelfun login(username:String,password:String){    final token = "basic"+ base64Encode(utf8.encode('$username:$password'))    return remote.login(token)}复制代码

另外就是返回数据的转换

日常开发中,我们从服务端获取到的数据并不是ViewModel真正需要的,比如会出现BaseResponse<T>这样的返回数据,而ViewModel真正需要的则是T。

在前文我们也提到Model层的职责之一便是**提供ViewModel层需要的数据,**因此我们需要在Repository中对这类型的数据先处理一番。

/// ViewModelfun getUserDetail(userId:String) = repository.getUserDetail(userId)/// Modelfun getUserDetail(userId:String):Observable
{ return remote.getUserDetail(userId) .doOnSuccess{ if(!it.success){ throw Exception(it.message) } } .map{it.data}}//remote@Get('user/{userId}')fun getUserDetail(@Path("userId") userId:String):Observable
> 复制代码

经过这番改造,明确了Model层的职责,我们就可以将重心放在业务逻辑上,写出更加高效的代码。

写在最后

关于Model的概念,我想大多数研究或学习过MVX的人都有所了解。但实际应该怎么做,怎么确定Model的职责这个还是看个人的积累。

我也不敢说我的写法就一定是对的,因为我所写的MVVM和其它人包括AAC都有不同的地方,但对于我来说,依循着这样的规范,已经给我包括团队的开发效率带来了极大的提升。

如果你对于文章中的代码有疑问或者感兴趣,可以看看我写的小专栏 。

如果本文对你有帮助,请点赞支持。

==================== 分割线 ======================

如果你想了解更多关于MVVM、Flutter、响应式编程方面的知识,欢迎关注我。

你可以在以下地方找到我:

简书:

掘金:

Github:

转载于:https://juejin.im/post/5cb06e4be51d456e2446fc76

你可能感兴趣的文章
java--Eclipse for mac 代码提示(代码助手,代码联想)快捷键修改
查看>>
left join on/right join on/inner join on/full join on连接
查看>>
template.helper 多参数
查看>>
Android 四大组件之一(Activity)
查看>>
扫描(一)
查看>>
PIE SDK矢量数据的读取
查看>>
Centos7安装rabbitmq server 3.6.0
查看>>
iostat命令学习
查看>>
SQL 三种分页方式
查看>>
查看linux是ubuntu还是centos
查看>>
html video的url更新,自动清缓存
查看>>
IOS Xib使用——为控制器添加Xib文件
查看>>
CentOS 7.0默认使用的是firewall作为防火墙,这里改为iptables防火墙步骤
查看>>
【11】ajax请求后台接口数据与返回值处理js写法
查看>>
Python菜鸟之路:Jquery Ajax的使用
查看>>
LeetCode算法题-Maximum Depth of Binary Tree
查看>>
Cox 教学视频5
查看>>
Jenkins持续集成学习-搭建jenkins问题汇总
查看>>
使用ffmpeg实现对h264视频解码 -- (实现了一个易于使用的c++封装库)
查看>>
flink watermark介绍
查看>>