C# MVVM架构介绍

打印 上一主题 下一主题

主题 950|帖子 950|积分 2850

MVVM 架构概述

MVVM 界说:

MVVM(Model - View - ViewModel)是一种软件架构模式,主要用于构建用户界面。它将应用程序分为三个焦点部分:Model(模型)、View(视图)和 ViewModel(视图模型)。这种架构模式有助于分离关注点,使得代码更易于维护、测试和扩展。
架构目的:

其主要目的是通过数据绑定和命令来实现视图与业务逻辑之间的松耦合,使得开辟职员可以独立地开辟和修改视图、业务逻辑,而不会相互干扰。
MVVM架构的焦点组件



  • Model
    代表数据以及业务逻辑,通常包含数据属性和业务方法。
    处理数据的获取、存储、验证等逻辑,不包含与用户界面相干的代码。好比数据库模型、服务层、业务逻辑等。
  • View
    用户界面部分,用于显示数据并接收用户输入。
    在WPF(Windows Presentation Foundation)中,View是XAML文件。在WinForms中,View通常是一个Form或UserControl。
    不包含任何业务逻辑,只处理UI层的展现。
  • ViewModel
    充当Model和View之间的桥梁,负责处理UI逻辑和业务逻辑的分离。
    包含展示给View的数据(属性)和执行命令的逻辑(命令绑定)。
    不直接引用View,它通过绑定(Binding)与View通讯。
    处理来自View的用户交互,并将其转化为对Model的操作或命令。
Model(模型)部分

功能职责:

Model 代表应用程序的数据和业务逻辑。它可以是数据库访问层、数据实体类、业务规则等。比方,在一个简单的用户管理系统中,Model 可能包含用户类(User),此中有用户的属性(如用户名、暗码、邮箱等)以及操作这些属性的方法(如验证暗码、更新用户信息等)。
Model 通常不应该包含任何与用户界面相干的代码,它只关注数据自己的布局和操作。
示例代码(以 C# 用户类为例):

  1. public class User
  2. {
  3.     public string Username { get; set; }
  4.     public string Password { get; set; }
  5.     public string Email { get; set; }
  6.     public bool ValidatePassword(string inputPassword)
  7.     {
  8.         return Password == inputPassword;
  9.     }
  10. }
复制代码
View(视图)部分

功能职责:

View 是用户界面的呈现部分,它可以是 Windows Forms、WPF(Windows Presentation Foundation)、ASP.NET页面等。View 负责展示数据给用户,并接收用户的输入。
它通过数据绑定与 ViewModel 进行通讯,以获取要显示的数据,并将用户的操作(如按钮点击、文本输入等)转换为命令发送给 ViewModel。
示例(以 WPF 视图为例):

假设我们有一个简单的登录窗口,XAML 代码可能如下:
  1. <Window xamlns="http://schemas.microsoft.com/winfoml/2008/xaml/presentation"
  2.         xmlns:x="http://schemas.microsoft.com/winfoml/2008/xaml"
  3.         Title="Login Window">
  4.     <Grid>
  5.         <StackPanel>
  6.             <TextBox x:Name="UsernameTextBox" />
  7.             <PasswordBox x:Name="PasswordTextBox" />
  8.             <Button Content="Login" Command="{Binding LoginCommand}" />
  9.         </StackPanel>
  10.     </Grid>
  11. </Window>
复制代码
在这个例子中,视图包含两个输入框(用于输入用户名和暗码)和一个登录按钮。按钮的Command属性通过数据绑定与 ViewModel 中的LoginCommand相干联,用于处理登录操作。
ViewModel(视图模型)部分
功能职责:

ViewModel 是连接 View 和 Model 的桥梁。它包含了视图所需的数据(以属性形式存在),并且这些数据通常是从 Model 获取并经过适当的转换或处理后提供给视图的。
它还界说了一系列命令(实现ICommand接口),这些命令用于处理视图中的用户操作,如按钮点击、菜单选择等。ViewModel 会调用 Model 中的业务逻辑来执行实际的操作。
示例代码(与上述登录示例相干的 ViewModel):

  1. using System;
  2. using System.ComponentModel;
  3. using System.Windows.Input;
  4. public class LoginViewModel : INotifyPropertyChanged
  5. {
  6.     private User _user;
  7.     private string _username;
  8.     private string _password;
  9.     public LoginViewModel()
  10.     {
  11.         _user = new User();
  12.         LoginCommand = new RelayCommand(ExecuteLogin, CanExecuteLogin);
  13.     }
  14.     public ICommand LoginCommand { get; private set; }
  15.     public string Username
  16.     {
  17.         get { return _username; }
  18.         set
  19.         {
  20.             _username = value;
  21.             OnPropertyChanged(nameof(Username));
  22.         }
  23.     }
  24.     public string Password
  25.     {
  26.         get { return _password; }
  27.         set
  28.         {
  29.             _password = value;
  30.             OnPropertyChanged(nameof(Password));
  31.         }
  32.     }
  33.     private bool CanExecuteLogin()
  34.     {
  35.         return!string.IsNullOrEmpty(Username) &&!string.IsNullOrEmpty(Password);
  36.     }
  37.     private void ExecuteLogin()
  38.     {
  39.         _user.Username = Username;
  40.         _user.Password = Password;
  41.         // 这里可以添加更多登录验证逻辑,比如调用服务端API等
  42.         if (_user.ValidatePassword(Password))
  43.         {
  44.             Console.WriteLine("登录成功");
  45.         }
  46.         else
  47.         {
  48.             Console.WriteLine("登录失败");
  49.         }
  50.     }
  51.     public event PropertyChangedEventHandler PropertyChanged;
  52.     protected virtual void OnPropertyChanged(string propertyName)
  53.     {
  54.         PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
  55.     }
  56. }
复制代码
在这个 ViewModel 中:
它包含了两个属性Username和Password,用于与视图中的输入框进行数据绑定。当视图中的输入框内容发生变革时,这些属性会通过OnPropertyChanged方法通知视图进行更新。
LoginCommand是一个命令,用于处理登录操作。它通过RelayCommand(假设RelayCommand是一个自界说的实现ICommand接口的类)来关联ExecuteLogin(执行登录操作的方法)和CanExecuteLogin(判断是否可以执行登录操作的方法)。
在ExecuteLogin方法中,它将视图中的用户名和暗码赋值给User对象,并调用User对象的ValidatePassword方法进行暗码验证,根据验证结果输出相应的信息。
数据绑定和命令机制

数据绑定:

在 MVVM 架构中,数据绑定是关键的通讯方式。比方在 WPF 中,通过{Binding}标记扩展来实现视图和 ViewModel 之间的数据绑定。如TextBox的Text属性绑定到 ViewModel 中的Username属性,这样当视图中的文本框内容改变时,会主动更新 ViewModel 中的Username属性,反之亦然。
命令机制:

命令用于处理视图中的用户操作。以ICommand接口为根本,通过实现Execute和CanExecute方法来界说命令的执行逻辑和可用性。在视图中,按钮等控件的Command属性绑定到 ViewModel 中的命令,当按钮被按下时,会执行对应的命令方法。比方,登录按钮绑定到LoginCommand,当用户点击登录按钮时,会执行ExecuteLogin方法进行登录验证。
MVVM 架构的优势

分离关注点:使得开辟职员可以分别专注于界面设计(View)、业务逻辑(ViewModel 和 Model),进步开辟效率和代码质量。
易于测试:ViewModel 可以独立于视图进行单位测试,因为它不依靠于特定的用户界面技能。可以使用模拟数据来测试 ViewModel 中的业务逻辑和命令。
代码复用:ViewModel 和 Model 中的代码可以在不同的视图应用场景中复用,比方,同一个 ViewModel 可以用于桌面应用和移动应用的视图。
C#中常用的MVVM框架

在C#中,有多个流行的MVVM框架可供选择,这些框架提供了丰富的功能和组件,以支持MVVM架构的实现。以下是一些常用的MVVM框架:
Prism

功能强大的MVVM框架,支持模块化、插件化、变乱聚合器和导航等功能。
提供了丰富的API和文档,适合构建大型企业级应用程序。
MVVM Light

轻量级的MVVM框架,易于上手且提供了MESSENGER类方便不同ViewModel之间的通讯。
适合中小型项目、快速开辟和原型制作。
CommunityToolkit.Mvvm

由微软支持并定期更新的MVVM框架,提供了丰富的MVVM组件和工具。
适用于各种规模的项目,特别是需要与Windows社区工具包集成的项目。
Caliburn.Micro

小巧而强大的MVVM框架,支持约定优于设置的原则。
通过简化开辟者的工作流程来进步开辟效率。
小白路漫漫,让我们一起加油!!!

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

何小豆儿在此

金牌会员
这个人很懒什么都没写!
快速回复 返回顶部 返回列表