MVC是现今挺被推崇的一种架构模式,而MVP在MVC的基础对视图与模型上再解耦,使结构和各自的功能也有所改变。在去年鄙人也尝试了一下使用MVP做了一个小Demo,作为了MVC的一个变体,MVP还分了两种模式,这个之前是不了解的,直到看了蒋老师的著作才知道。

  在MVP里面重点还是看View与Presenter之间的交互,View可以直接去调用Presenter,但Presenter对View的调用不是直接去访问View的实例,而是通过由View去实现的一个IView接口。唉MVP中能看到的就是这种对象与对象之间的交互,在细化一点去看,处理UI的逻辑部分搁在View里面还是搁在Presenter里面。这就是PV(Passive View被动视图)模式和(Supervising Controller监督控制器)模式的区别了。那么先来对两种模式稍作介绍,然后再通过一个Demo再体验一下两种模式。

PV模式

  在PV模式中,视图上的所有View的数据(具体点来说可以是控件的属性)都会暴露出来,供Presenter来调用。View的任务就是简单地在需要的时候把数据呈现出来,或者把数据提供给Presenter。涉及到一些UI逻辑的,无论复杂与否都与View本身无关。UI逻辑是Presenter的任务,这种方式使得View以一种很轻量级的形式存在,UI逻辑放到了Presenter里面,这样的做法有一种好处,就是方便了对UI逻辑做测试。但不足之处往往在于为了让Presenter对View数据操作更粒度更细化,View会提供比较多的属性,这样会使得IView接口变得庞大起来。

SC模式

  在SC模式中鄙人感觉最为受到强调的就是数据流动的单向性。无论是Presenter把数据推送到View这个方向,还是View接收到界面操作然后提交到Presenter,都应该是要单向的。也就是说当Prensenter把消息推送到View之后,View不要再给Presenter反馈信息(返回值),View把界面操作的响应提交到Presenter之后也不需要Presenter回传点什么。

那么下面就看看实际的例子

这是一个简单的通讯录,点击左边联系人名单,在右边就会显示出联系人的姓名和电话

对于View的布局而言,两者都是一样的

设计界面 运行效果

还有另一个相同的就是模型Model,这里的模型只有两个属性,一个是姓名,另一个是电话号码,还提供了一个静态方法去创建一个联系人的列表,代码定义如下

     public class ContactModel
{
public string PersionName { get; set; } public string PhoneNumber { get; set; } public static List<ContactModel> GetContactModelLists()
{
List<ContactModel> result = new List<ContactModel>(); result.Add(new ContactModel() { PersionName="Tom",PhoneNumber= "" });
result.Add(new ContactModel() { PersionName="HopeGi",PhoneNumber="" });
result.Add(new ContactModel() { PersionName="Jack",PhoneNumber="" });
result.Add(new ContactModel() { PersionName="Tim" }); return result;
}
}

两种模式的差别在于IView和Presenter

  PV模式的视图只在提供界面的状态的属性,故IView的接口都是定义属性的

     interface IContactView
{
IEnumerable<ContactModel> ListBoxDataSource { set; } ContactModel SelectedContact { get; } string DetailPersonName { set; } string DetailPhoneNumber { set; } event Action SelectedContactChanged;
}

  实现IVew接口的Form只需要把传入的属性赋到相应的控件上或者从相应的控件上获取属性返回回去则可。

     public partial class Form1 : Form,IContactView
{
public Form1()
{
InitializeComponent();
} public event Action SelectedContactChanged; public IEnumerable<ContactModel> ListBoxDataSource
{
set {
this.lstBoxContact.DataSource = value;
this.lstBoxContact.DisplayMember = "PersionName";
}
} public ContactModel SelectedContact
{
get
{
return this.lstBoxContact.SelectedItem as ContactModel;
}
} public string DetailPersonName
{
set { this.lbDetailPersonName.Text = value; }
} public string DetailPhoneNumber
{
set { this.lbDetailPhoneNumber.Text = value; }
} private void lstBoxContact_SelectedIndexChanged(object sender, EventArgs e)
{
if (SelectedContactChanged != null) SelectedContactChanged();
}
}

  在视图中属性的get/set操作只是简单的取值赋值,那么判断逻辑与控制控制就交给了Presenter去处理

     class ContactPresenter
{
IContactView view;
ContactModel model; public ContactPresenter(IContactView view)
{
this.view = view;
view.SelectedContactChanged += new Action(view_SelectedContactChanged);
} void view_SelectedContactChanged()
{
ContactModel _model = view.SelectedContact;
if (_model == null) return;
view.DetailPersonName =string.IsNullOrEmpty(_model.PersionName)?"--": _model.PersionName;
view.DetailPhoneNumber =string.IsNullOrEmpty(_model.PhoneNumber)?"--": _model.PhoneNumber;
} public void ShowView()
{
if (view != null && view is Form)
{
view.ListBoxDataSource = ContactModel.GetContactModelLists();
(view as Form).ShowDialog();
}
}
}

那么现在看看另一种的模式——SC模式

  主要还是要看IVew的定义,因为IVew能提供什么,Presenter就能调用什么,至于怎么调用那是其次。

     interface IContactView
{
void BindListBoxDataSource(IEnumerable<ContactModel> datas);
void BindContactDetail(ContactModel modelDetail);
event Action<ContactModel> SelectedContactChanged;
}

  一看上去其实我觉得跟PV模式的接口没太大区别的,因为如果转到Java而言,属性的get/set操作也是通过方法来实现的,这样子只是更换了方法名而已,但是再细心对比一下可以发现有差别,set操作的确换成了用方法来实现而不是用属性,但是这些方法都没有返回值,方法中也没有get操作,因为一般Presenter如果要获取View的参数是,基本上是界面上有用户操作触发了事件,这样Presenter处理用户事件时所需要的数据都用事件参数一并传到Presenter里面,待到Presenter处理完毕后把需要数据展示到View中去。

     class ContactPresenter
{
IContactView view;
ContactModel model; public ContactPresenter(IContactView view)
{
this.view = view;
this.view.SelectedContactChanged += new Action<ContactModel>(view_SelectedContactChanged);
} void view_SelectedContactChanged(ContactModel obj)
{
this.view.BindContactDetail(obj);
} public void ShowView()
{
if (view != null && view is Form)
{
this.view.BindListBoxDataSource(ContactModel.GetContactModelLists());
(view as Form).ShowDialog();
}
}
}

这里的Presenter比PV的要简单,因为有一部分代码转移到View中去了

     public partial class Form1 : Form,IContactView
{
public Form1()
{
InitializeComponent();
} private void lstBoxContact_SelectedIndexChanged(object sender, EventArgs e)
{
if (SelectedContactChanged != null) SelectedContactChanged(lstBoxContact.SelectedItem as ContactModel);
} public void BindListBoxDataSource(IEnumerable<ContactModel> datas)
{
if (datas == null) return;
lstBoxContact.DataSource = datas;
lstBoxContact.DisplayMember = "PersionName";
} public void BindContactDetail(ContactModel modelDetail)
{
if (modelDetail == null)
{
lbDetailPersonName.Text = "--";
lbDetailPhoneNumber.Text = "--";
}
else if (string.IsNullOrEmpty(modelDetail.PersionName))
lbDetailPersonName.Text = "--";
else if (string.IsNullOrEmpty(modelDetail.PhoneNumber))
lbDetailPhoneNumber.Text = "--";
else
{
lbDetailPersonName.Text=modelDetail.PersionName;
lbDetailPhoneNumber.Text = modelDetail.PhoneNumber;
}
} public event Action<ContactModel> SelectedContactChanged;
}

  上述两个例子也模仿了蒋老师书中的Demo,但个人觉得这两个例子也不完全是Model,大概是我用的Model和是把存储数据的Model和处理一些逻辑的Model揉在一起了,因为在ASP.NET MVC中的Model与存储数据用的实体类是有区别的。对SC与PV的理解仅参考了蒋老师书上的一点内容,网上内容不少,如果上面有什么说错的欢迎大家指正,如果大家有更多的参考资料也欢迎分享,谢谢!

MVP的PV模式与SC模式的更多相关文章

  1. MVP模式和MVVM模式

    MVP模式 模型-视图-表示器,也就是MVP模式.是mvc模式的一种衍生模式,专注于改进表示逻辑. 与MVC不同,来自view的调用将委托给presenter(表示器),表示器通过接口与view对话. ...

  2. js架构设计模式——你对MVC、MVP、MVVM 三种组合模式分别有什么样的理解?

    你对MVC.MVP.MVVM 三种组合模式分别有什么样的理解? MVC(Model-View-Controller)MVP(Model-View-Presenter)MVVM(Model-View-V ...

  3. javascript面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)

    面向对象可以把程序中的关键模块都视为对象,而模块拥有属性及方法.这样我们如果把一些属性及方法封装起来,日后使用将非常方便,也可以避免繁琐重复的工作.接下来将为大家讲解在JS中面向对象的实现.   工厂 ...

  4. 如何让你的传输更安全——NIO模式和BIO模式实现SSL协议通信

    对于SSL/TLS协议,如果要每个开发者都自己去实现显然会带来不必要的麻烦,正是为了解决这个问题Java为广大开发者提供了Java安全套接字扩展--JSSE,它包含了实现Internet安全通信的一系 ...

  5. 工厂方法模式——创建型模式02

    1. 简单工厂模式     在介绍工厂方法模式之前,先介绍一下简单工厂模式.虽然简单工厂模式不属于GoF 23种设计模式,但通常将它作为学习其他工厂模式的入门,并且在实际开发中使用的也较为频繁. (1 ...

  6. WCF学习之旅—请求与答复模式和单向模式(十九)

    一.概述 WCF在通信过程中有三种模式:请求与答复.单向.双工通信.以下我们一一介绍. 二.请求与答复模式 客户端发送请求,然后一直等待服务端的响应(异步调用除外),期间处于假死状态,直到服务端有了答 ...

  7. Java 策略模式和状态模式

    本文是转载的,转载地址:大白话解释Strategy模式和State模式的区别 先上图: 本质上讲,策略模式和状态模式做得是同一件事:去耦合.怎么去耦合?就是把干什么(语境类)和怎么干(策略接口)分开, ...

  8. Spark运行模式与Standalone模式部署

    上节中简单的介绍了Spark的一些概念还有Spark生态圈的一些情况,这里主要是介绍Spark运行模式与Spark Standalone模式的部署: Spark运行模式 在Spark中存在着多种运行模 ...

  9. Doctype作用?严格模式与混杂模式如何区分?它们有何意义?

    怪异模式和严格模式(译注:一般称为标准模式:Standards Mode,下文中的严格模式都可以理解为标准模式)是浏览器解析CSS时的两种‘模式’.这篇文章将简单阐述这两种模式之间的差异. 译注:一个 ...

随机推荐

  1. gtest 1.7编译错误:std:tr1:tuple模板参数过多的解决方案

    在gtest/gtest.h文件中添加如下代码 #define _VARIADIC_MAX 10

  2. hadoop 学习笔记:mapreduce框架详解

    开始聊mapreduce,mapreduce是hadoop的计算框架,我学hadoop是从hive开始入手,再到hdfs,当我学习hdfs时候,就感觉到hdfs和mapreduce关系的紧密.这个可能 ...

  3. 如何用Unity GUI制作HUD

    若知其所以然,自然知其然. HUD是指平视显示器,就是套在脸上,和你的眼睛固定在一起,HUD的意思就是界面咯,一般我们说HUD特指把3D空间中的界面的某些信息(比如血条,伤害之类)的贴在界面上,对应3 ...

  4. 在XML drawable中引用自定义颜色

    == 先看一下一个xml drawable文件,这是一个button的样式. <?xml version="1.0" encoding="utf-8" ? ...

  5. Canny算子边缘检测(cvCanny)

    Canny是常用的边缘检测方法,其特点是试图将独立边的候选像素拼装成轮廓. John Canny于1986年提出Canny算子,它与Marr(LoG)边缘检测方法类似,也属于是先平滑后求导数的方法. ...

  6. 实现基于Task的异步模式

    返回该系列目录<基于Task的异步模式--全面介绍> 生成方法 编译器生成 在.NET Framework 4.5中,C#编译器实现了TAP.任何标有async关键字的方法都是异步方法,编 ...

  7. 使用EntityFramework的烦恼

    我有一个应用程序,是实现数据ETL同步的,即把数据从一个db里抽取出来,经过处理后,存储到另一个db里. O/RM采用的是EF db First. 随着项目程序的开发,EF的不足越来越明显. ● 根据 ...

  8. 锋利的JQuery —— JQuery性能优化

    大图猛戳

  9. iOS开发——UI精选OC篇&UIApplication,UIWindow,UIViewController,UIView(layer)简单介绍

    UIApplication,UIWindow,UIViewController,UIView(layer)简单介绍 一:UIApplication:单例(关于单例后面的文章中会详细介绍,你现在只要知道 ...

  10. JQuery判断数组中是否包含某个元素$.inArray("元素字符串", 数组名称);

    var arry = [ "C#", "html", "css", "JavaScript" ]; var result ...