C# 浅谈基于Wpf下的MVVM模式的设计思想

目录

 一、Model实体层

二、ViewModel视图模型层

1、定义属性通知基类

1.1 数据验证接口的实现

1.2 验证标识类定义

2、ViewModel前端交互实现

2.1 ICommand命令基类

2.2 窗口管理器实现

三、View前端实现

1、交互行为

2、Adorner装饰器

3、XMAL设计

3.1 引用程序集

3.2  引用装饰器行为

3.3 属性绑定

3.4 附加事件绑定

---

先套用下老话，什么是MVVM？

        MVVM是Model-View-ViewModel的简写。它本质上就是MVC （Model-View- Controller）的改进版。即模型-视图-视图模型。分别定义如下：

• 【模型】指的是后端传递的数据。
• 【视图】指的是所看到的页面。
• 【视图模型】mvvm模式的核心，它是连接view和model的桥梁。它有两个方向：
  • 一是将【模型】转化成【视图】，即将后端传递的数据转化成所看到的页面。实现的方式是：数据绑定。
  • 二是将【视图】转化成【模型】，即将所看到的页面转化成后端的数据。实现的方式是：DOM 事件监听。这两个方向都实现的，我们称之为数据的双向绑定。

MVVM示意图如下所示：

 一、Model实体层

       在笔者理解看来，它也算是某种意义上的实体，因为完全可以简化真正意义上实体部分（仅需涵盖需与前端交互的字段信息）及可补充需交互时的辅助属性字段，也可以完全以实际实体结构为主；

Example:

public class LoginModel
{
  /// 

  /// 登录账号
  /// 
  public string Logno { get; set; }

  /// 

  /// 用户名称
  /// 
  public string Userna { get; set; }

  /// 

  /// 账号密码
  /// 
  public string Pwd { get; set; }

  /// 

  /// 数据填写正确(可视属性字段)
  /// 
  public bool IsValid { get; set; }
}

Model实际发挥的作用，当然是贯穿DAL层的读写以及与ViewModel层的交互作用；具体对DAL层的交互读写在此就不具体展开了。

二、ViewModel视图模型层

       在这里，可能也有人和笔者同样有着一个好奇的问题，为什么它只称为MVVM，而为什么不称为MVMV？本文开头就已经明确MVMM本质就是由MVC演变而来，由Controller演变成ViewModel视图模型。如果还有人争议为什么MVC不称为MCV，这个问题我想只能去问问MVC的创造者(Trygve Reenskaugh和Adele Goldberg两位大神)了，当然仍感兴趣的朋友可参考：从MVC到现代Web框架 | 码农网 

言归正传，ViewModel是MVVM核心思想，主要承担的就是两件事：

• Model -> View (通知)
• View -> Model (通知)

直白的理解，就是消息收发室的概念。通过INotifyPropertyChanged接口实现与客户端属性变更通知。

1、定义属性通知基类

public class NotificationProperty : INotifyPropertyChanged, IDataErrorInfo
{
		#region 属性发生改变通知
		public event PropertyChangedEventHandler PropertyChanged;

		/// 

		/// 发起通知
		/// 
		/// 属性名
		public void RaisePropertyChanged(string propertyName)
		{
				PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
		}
		#endregion
}

1.1 数据验证接口的实现

public class NotificationProperty : INotifyPropertyChanged, IDataErrorInfo
{
	#region 数据验证
	protected virtual string GetValidationErrors()
	{
			//验证上下文类实例化
			var vc = new ValidationContext(this, null, null);
			//验证请求的结果容器
			var vResults = new List();

			return !Validator.TryValidateObject(this, vc, vResults, true)
					? vResults.Aggregate("", (current, ve) => current + ve.ErrorMessage + Environment.NewLine)
					: "";
	}

	protected virtual string GetValidationErrors(string columnName)
	{
			//验证上下文类实例化
			var vc = new ValidationContext(this, null, null);
			//验证请求的结果容器
			var vResults = new List();

			//检查确定指定的对象是否有效
			if (!Validator.TryValidateObject(this, vc, vResults, true))
			{
					string error = "";
					foreach (var ve in vResults)
					{
							if (ve.MemberNames.Contains(columnName, StringComparer.CurrentCultureIgnoreCase))
									error += ve.ErrorMessage + Environment.NewLine;
					}
					return error;
			}
			return "";
	}

	string IDataErrorInfo.Error => GetValidationErrors();

	string IDataErrorInfo.this[string columnName] => GetValidationErrors(columnName);

	/// 

	/// 页面中是否所有控制数据验证正确
	/// 
	public virtual bool IsValid { get; set; }
	#endregion
}

1.2 验证标识类定义

继承所有验证特性ValidationAttribute基类。

/// 

/// 检查字段是否为空
/// 
public class IsNullCheck : ValidationAttribute
{
		public override bool IsValid(object value)
		{
				var name = value as string;
				return !string.IsNullOrEmpty(name);
		}

		public override string FormatErrorMessage(string name)
		{
				return "不能为空";
		}
}

/// 

/// 检查字段是否为数值
/// 
public class LognoExists : ValidationAttribute
{
		public override bool IsValid(object value)
		{
				if (value == null) return false;

				var name = value as string;
				Regex regex = new Regex("^[0-9]*$");
				return regex.IsMatch(name);
		}

		public override string FormatErrorMessage(string name)
		{
				return "账号名必须为纯数字字符！";
		}
}

2、ViewModel前端交互实现

这里既采用预定义的验证标识符，同时将Model中属性逐个均做了客户端通知绑定。重点要说明的是额外增加了ToClose属性(非Model字段)，同时此处定义了一个ICommand命令事件。

public class LoginViewModel : NotificationProperty
{
		private LoginModel loginModel = new LoginModel();

		public LoginViewModel()
		{

		}

		[IsNullCheck]
		[LognoExists]
		public string Logno
		{
				get => loginModel.Logno;
				set
				{
						loginModel.Logno = value;
						RaisePropertyChanged("Logno");
				}
		}

		[IsNullCheck]
		public string Password
		{
				get => loginModel.Pwd;
				set
				{
						loginModel.Pwd = value;
						RaisePropertyChanged("Password");
				}
		}

		[IsNullCheck]
		public string Userna
		{
				get => loginModel.Userna;
				set
				{
						loginModel.Userna = value;
						RaisePropertyChanged("Userna");
				}
		}

		private bool toClose = false;
		/// 

		/// 是否要关闭窗口
		/// 
		public bool ToClose
		{
				get => toClose;
				set
				{
						toClose = value;
						if (toClose) RaisePropertyChanged("ToClose");
				}
		}

		/// 

		/// 数据填写正确
		/// 
		public override bool IsValid
		{
				get => loginModel.IsValid;
				set
				{
						loginModel.IsValid = value;
						RaisePropertyChanged("IsValid");
				}
		}

		private BaseCommand loginClick;
		/// 

		/// 登录事件
		/// 
		public BaseCommand LoginClick
		{
				get
				{
						if (loginClick == null)
						{
								loginClick = new BaseCommand(new Action