我们总会有这样一个经验:一个系统最不容易也最不应该变化的部分是领域逻辑,最容易变化也最应该变化的是数据的呈现方式。
在java的各种应用中可以说是到处可见mvc,j2ee贯穿mvc的概念,android的开发方式也是类mvc的,mvc结构对于做过java应用的人而言简直就是司空见惯。而在.net这边,由于之前微软为大家提供的各种winform、asp.net项目典范(比如那个petshop series)将“三层”概念很好的灌输到了.net程序员的大脑中,许多.net开发者凡是做个东西都要搬出自己最拿手的IModel、IDAL这样的神器。
其实mvc与所谓的“三层架构”是两个层次上的东西,前者是一种结构模式,而后者则是分层的角度去说。
一件很奇怪的事情,许多人知道“三层”却不知道mvc,其实这要归结与.net的早期开发技术asp.net和winform这些page controller的典范让许多人对三层夸夸其谈却对mvc视而不见甚至一无所知。什么是page controller模式呢?搞.net的大多都用过winform和webform,这种xxxform用起来很直观,我们想要做一个程序,ok,最简单的方式就是拖拖拽拽几个控件,然后在一个叫code behind的东西里写这些UI事件的处理逻辑,加一大堆变量用于记录数据和状态,这样一个程序就能出炉。这种开发方式对于一些小软件系统的开发其实效率还是蛮高的,后来人们看到其弊端---一旦修改UI,事件处理就要跟着变,但是业务还是那个业务,凭什么要修改非UI的代码?于是有人提出“三层”,最朴素的理解就是将原本那堆事件处理里的code分成业务代码和数据库访问代码并转移到其它类中,做多了就把那坨UI叫做UI,那坨业务代码叫做BLL,那坨DAO叫做DAL。也就是这种架构:
而对于j2ee的开发者来说熟悉的是下图。
(说明:这两幅图copy自是daxnet文)
MVC是什么
MVC是一个很经典的结构,并且其又其思想衍生出很多变种比如MVP,MVVP。传统的MVC结构之一是这样的(拿主动型mvc来说):
比如web开发(比如asp.net mvc或者是java的web开发方式),view就是纯web页面或者webservice,当提交一个表单/调用webservice或者ajax后会将数据提交给controller(当然期间可能会经过各种filterchain、listener这样的东西)controller调用相应的业务模块来处理这个请求,最终结果会更新View的显示。
MVP
对于非天然mvc的框架
对于asp.net/winform而言,虽然可以通过改造让其支持mvc结构的开发(比如通过定制IHttpModule、IHttpHandler云云),但是在企业看来这些都算是邪门武功(因为这样会丧失xxxform在开发上的很多特性比如快速开发)。大多数使用的是mvp模式。什么是mvp呢?其实mvp是mvc的一个变种。因为用winform或者webform的话form始终是个阻碍mvc开发的问题。那么好,我们仍然使用designer和codebehind,其实一个架构设计的好坏是取决于人而不是具体的技术的,只要我们OO一时强page controller一样好用。
在MVP模式中我们需要自己定制各个View(web页面或者窗体)对应的IView和IPresenter、IModel。IView要对IPresenter暴露操作UI、数据绑定的接口,IPresenter对IView要暴露当UI事件触发需要调用的接口,IPresenter根据IView传递过来的请求调用业务接口并根据结果操作UI。举个简单的例子,一个计算“x+y=?”的程序。如果我们这样定义IPresenter和IView
- public interface IPresenter
- {
- IView View { get; set; }
- void CalculateResult();
- }
- public interface IView
- {
- IPresenter Presenter { get; set; }
- void ShowResult(string result);
- int ValueOne { get; }
- int ValueTwo { get; }
- }
IPresenter的实现如下(这里从简把IModel去掉了)
Presenter
- namespace ClientLibrary
- {
- public class Presenter : IPresenter
- {
- private IView _view;
- public IView View
- {
- get
- {
- return _view;
- }
- set
- {
- _view = value;
- _view.Presenter = this;
- }
- }
- private static readonly string RESULT_FORMATTER = "{0}+{1},the result is {2}";
- public void CalculateResult()
- {
- if (_view != null)
- {
- var result = string.Format(RESULT_FORMATTER, _view.ValueOne, _view.ValueTwo, _view.ValueOne + _view.ValueTwo);
- _view.ShowResult(result);
- this.A = 123;
- }
- }
- private int _a;
- public int A
- {
- set
- {
- A = value;
- }
- }
- }
- }
View的实现如下(那silverlight为例,换成别的也行)
MainPage
- namespace debug
- {
- public partial class MainPage : UserControl, IView
- {
- public MainPage()
- {
- InitializeComponent();
- }
- private IPresenter _presenter;
- private void btn_Click(object sender, RoutedEventArgs e)
- {
- if (_presenter != null)
- {
- _presenter.CalculateResult();
- }
- #region hidden
- /*int total = 0;
- try
- {
- total = int.Parse(tb1.Text) + int.Parse(tb2.Text);
- MessageBox.Show("计算结果:" + total.ToString());
- }
- catch (Exception ex)
- {
- MessageBox.Show("出错啦" + ex.ToString());
- }
- finally
- {
- tb1.Text = string.Empty;
- tb2.Text = string.Empty;
- }*/
- #endregion
- }
- public IPresenter Presenter
- {
- get
- {
- return _presenter;
- }
- set
- {
- _presenter = value;
- }
- }
- public void ShowResult(string result)
- {
- MessageBox.Show(result);
- }
- public int ValueOne
- {
- get { return int.Parse(tb1.Text); }
- }
- public int ValueTwo
- {
- get { return int.Parse(tb2.Text); }
- }
- }
- }
一个很简单的东西,看上去写成的要多些那么一坨东西,但是好处是显而易见的,就是更换view非常方便,根本不用去改你的IPresenter、Presenter和业务。一切都是接口调用而不依赖具体实现,这就是好处。
你必须要懂的MVVM
对于.NET平台的开发人员,托微软的福分我们拥有一种更为强大的模型---MVVM。这应该算是做WPF/Silverlight应用的人必懂的一种结构,WPF/silverlight天生支持数据绑定和命令绑定(不过sl在命令绑定上还比较弱),这就为我们使用MVVM创造了可能。
View是什么呢,纯的View只有xaml或者附带必要的只与View本身相关逻辑代码。ViewModel,你可以把它理解为View具体呈现内容所依赖数据的一个抽象,在MVVM中View与ViewModel总会有一种绑定关系,一旦ViewModel中被绑定的数据发生改变View上的数据就会跟着变,相反也有可能,比如你的账号密码框内容发生变化,关联的ViewModel中的数据就会被框架自动通知到。
在wpf/silverlight中,绑定是通过xaml语法来完成(虽然你可以选择用c#来写但不符合mvvm的宗旨),并且绑定双方的通知机制是有框架来完成,也就是说一个会xaml和blend的美工只需事先和coder商量下“咱们的xx和xx是在哪个ViewModel上叫XXX的属性的XXX属性……”问题之后就可以各干各的了。那么ViewModel怎么写,咋view中又怎么绑定到viewmodel呢?首先我们谈ViewModel。
说道ViewModel你需要知道依赖属性和依赖对象的概念,这是wpf/silverlight的基础所以不多说。有两种方式写ViewModel。第一种是自己去实现INotifyPropertyChanged接口,并在属性变化时去调用NotifyPropertyChanged事件。
为了方便我们定义一个ViewModelBase的抽象基类,然后让其他ViewModel继承这个基类。
ViewModelBase
- public abstract class ViewModelBase : System.ComponentModel.INotifyPropertyChanged, IDisposable
- {
- public event System.ComponentModel.PropertyChangedEventHandler PropertyChanged;
- protected void OnPropertyChanged(string propertyName)
- {
- if (PropertyChanged != null)
- {
- var arg = new System.ComponentModel.PropertyChangedEventArgs(propertyName);
- PropertyChanged(this, arg);
- }
- }
- public virtual void Dispose()
- {
- }
- }
DemoViewModel
- public class DemoViewModel : ViewModelBase
- {
- #region fields
- private string _propertyA;
- #endregion
- #region presentation properties
- public string PropertyA
- {
- get
- {
- return _propertyA;
- }
- set
- {
- if (_propertyA != value)
- {
- _propertyA = value;
- base.OnPropertyChanged("PropertyA");
- }
- }
- }
- #endregion
- }
第二种是利用DependencyObject和DependencyProperty。
PeopleItemViewModel
- public class PeopleItemViewModel : DependencyObject, IPeopleItemViewModel
- {
- public PeopleItemViewModel()
- {
- }
- public static readonly DependencyProperty SimpleUserDataProperty = DependencyProperty.Register("SimpleUserData", typeof(SimpleUserData), typeof(PeopleItemViewModel));
- public static readonly DependencyProperty RelativeSimpleUserDataProperty = DependencyProperty.Register("RelativeSimpleUserData", typeof(ObservableCollection<SimpleUserData>), typeof(PeopleItemViewModel));
- public static readonly DependencyProperty AllSimpleUserDataProperty = DependencyProperty.Register("AllSimpleUserData", typeof(ObservableCollection<SimpleUserData>), typeof(PeopleItemViewModel));
- public SimpleUserData SimpleUserData
- {
- get
- {
- return (SimpleUserData)base.GetValue(SimpleUserDataProperty);
- }
- set
- {
- if (!base.CheckAccess())
- {
- Dispatcher.Invoke(new Action(
- () =>
- {
- SimpleUserData = value;
- }));
- }
- else
- base.SetValue(SimpleUserDataProperty, value);
- }
- }
- public ObservableCollection<SimpleUserData> RelativeSimpleUserData
- {
- get
- {
- return (ObservableCollection<SimpleUserData>)base.GetValue(RelativeSimpleUserDataProperty);
- }
- set
- {
- if (!base.CheckAccess())
- {
- Dispatcher.Invoke(new Action(
- () =>
- {
- RelativeSimpleUserData = value;
- }));
- }
- else
- {
- base.SetValue(RelativeSimpleUserDataProperty, value);
- var collectionView = CollectionViewSource.GetDefaultView(value);
- collectionView.SortDescriptions.Add(new SortDescription("Distance", ListSortDirection.Ascending));
- }
- }
- }
- public ObservableCollection<SimpleUserData> AllSimpleUserData
- {
- get
- {
- return (ObservableCollection<SimpleUserData>)base.GetValue(AllSimpleUserDataProperty);
- }
- set
- {
- if (!base.CheckAccess())
- {
- Dispatcher.Invoke(new Action(
- () =>
- {
- AllSimpleUserData = value;
- }));
- }
- else
- {
- base.SetValue(AllSimpleUserDataProperty, value);
- var collectionView = CollectionViewSource.GetDefaultView(value);
- collectionView.SortDescriptions.Add(new SortDescription("Distance", ListSortDirection.Ascending));
- }
- }
- }
- }
在View中绑定ViewModel。
为了方便,我们可以在app.xaml中将需要的viewmode放到全局资源字典中。
然后再我们的vs视图设计器Properties(中文版显示的是“属性”)页上选择为绑定源设置绑定目标(包括source和path等)以及必要的值转换器等等即可。
(PS:虽然vs很强大,但个人还是建议熟悉xaml的绑定语法,想当初用vs2008搞wpf的时候貌似还没有这么方便的设计器。。。)