爱国主义类型网站源码分享?爱国网站导航

其实爱国主义类型网站源码分享的问题并不复杂,但是又很多的朋友都不太了解爱国网站导航,因此呢,今天小编就来为大家分享爱国主义类型网站源码分享的一些知识,希望可以帮助到大家,下面我们一起来看看这个问题的分析吧!

我们在C架构-客户端MVP揭秘(标题正确版本)这两篇文章中讲解了客户端MVC,MVP,MVVM的历史和关系,本篇我们探索一下MVVM,我们在C架构-客户端MVP揭秘(标题正确版本)中的这个图做个比较。

图2

图1和图2的对比可以看出来MVVM在VM层做了一个双向绑定过程,而这个过程在MVP中是手写代码的(MVVM中VM层就是MVP中的Presenter层)。

MVVM在.NET的WPF和WEB前端Vue中应用广泛,使用过这两个技术的都明白数据绑定是多么的容易,只需要在控件属性绑定我们实体对象的属性,就可以完成双向绑定。当控件属性变化之后,我们实体对应的属性值就变化了,我们实体属性值变化又会使得对应的控件值变化,这个过程也是MVC被创建之初的重点,MVC创造了Model层,让视觉抽象转化为数据抽象,操控数据就操作了视觉。只是MVC中的双向绑定是手写,而且View层直接引用了Model层,导致了深耦合,这个是我们不愿看到的,我们想让View层彻底独立出来,而MVP正是解决了这个问题,让双向绑定过程转给了Presenter交互层做了。但是这个双向绑定过程是手动的,所以特别的麻烦,这就引来了MVVM。所以从历史来看MVC,MVP,MVVM都是实现了从视觉抽象转到数据抽象,这点他们是共同的。

我们看看VUE中怎么实现双向绑定,请看下图。

图3

一看就明白,非常的简单。

我们看看WPF中是怎么实现的。

图4

图5

图4,图5,可以看到这个ListBox列表只要绑定了IsDeviceList,那么就双向绑定数据了,这里我们不过多解释,因为Vue和Wpf都是框架层面去做了绑定的事情,内部代码我也并没有研究过。

这里我想要在C34;Text&34;Data1&架构-客户端MVP揭秘(标题正确版本)这篇文章进行改造,没有看过的,一定先看这篇MVP的文章,不想重复一些内容,不然就不理解下面所写的内容。

图9

首先要实现的功能是一样的,textbox输入数字,点击显示,则显示到两个label里面去,点击自增,两个label数值自增显示。

图10

图11

请看图10,IMainVM就两个事件,没有了之前MVP文章里面的显示方法,因为双向绑定的过程以前迁移到了框架层面。

图12

请看图12,按照DataBinding的使用方式做,先继承实现INotifyPropertyChanged接口。

图13

我们写一个VM层的基类,实现View和Model的绑定。

图14

图14可以看到我们定义了一个控件集合,这些控件都需要继承IController。

图15

然后再图15里面实现这个属性,获取控件集合,这些控件集合必须继承IController。

图16

请看图16,IController定义了两个属性,分别是绑定哪个对象和绑定对象的哪个属性。

图17

图18

图17我封装了一个label的控件。图18绑定这个这个控件的两个属性。这样就为双向绑定提供了条件。

图19

我们再看图19,这里我做了简单点,其实就是DataBindings的用法。

图20

图20就是双向绑定的过程,这里可以看到这个VMBinder是属于框架代码,不是业务代码。

这样双向绑定过程就交给框架了,View和Model层不需要通过交互层再写绑定的代码。

这里业务层面,只需要写几个地方,一个是控件绑定属性,一个是VM层继承基类VM,Model层继承基类Model,其他都是框架做的事情。

OK,本文到此结束,希望对大家有所帮助。

Published by

风君子

独自遨游何稽首 揭天掀地慰生平