百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术分类 > 正文

WinForms 中使用 MVVM 模式构建应用

ztj100 2024-12-14 16:12 32 浏览 0 评论

前言

在传统的 WinForms 应用程序开发中,很多开发者使用事件驱动的设计模式,直接将业务逻辑编写在界面代码中。然而,随着应用程序的复杂性增加,单一的界面文件变得臃肿,难以测试和维护。借鉴 WPF 中 MVVM(Model-View-ViewModel)模式的设计思想,可以帮助我们更好地管理业务逻辑和数据绑定。本文将介绍如何在 WinForms 中构建一个 MVVM 框架的登录页面示例,并实现页面导航、SQLite 数据库连接及依赖注入管理。

一、项目设计与依赖引用

1. 新增winform项目

2. 创建项目结构

项目结构:按模块创建以下文件夹:

  • ? Models:存放数据实体类。
  • ? ViewModels:包含视图模型,负责处理业务逻辑和数据绑定。
  • ? Views:放置WinForms窗体,充当UI界面。
  • ? Services:用于数据库服务操作。
  • ? IoC:配置依赖注入容器。
  • ? Commands:配置执行命令。
  1. 1. 安装所需库
  2. ? 使用 Microsoft.Extensions.DependencyInjection[1] 来实现依赖注入。
  3. ? 使用 Dapper[2] 库来连接和操作 SQLite 数据库。
  4. ? 使用SQLitePCLRaw.bundle_e_sqlite3[3]库来处理和连接SQLite数据库。

二、创建数据实体 Model

首先创建一个 User 类来表示数据库中的用户信息。我们假设用户表 Users 包含 IdUsernamePassword 三个字段。

Bash
namespace WinFormMVVM.Models
{
    public class User
    {
        public int Id { get; set; }
        public string Username { get; set; }
        public string Password { get; set; }
    }
}

三、创建服务层 Service

创建一个初始化数据库的服务类DatabaseInitializer,配置默认用户和密码

Bash
using System.Data;
using Dapper;
using SQLitePCL;

namespace WinFormMVVM.Services
{
    public class DatabaseInitializer
    {
        private readonly IDbConnection _dbConnection;
        public DatabaseInitializer(IDbConnection dbConnection)
        {
            _dbConnection = dbConnection;
        }

        public void InitializeDatabase()
        {
            Batteries.Init();

            const string createTableQuery = @"
                CREATE TABLE IF NOT EXISTS Users (
                    Id INTEGER PRIMARY KEY AUTOINCREMENT,
                    Username TEXT NOT NULL,
                    Password TEXT NOT NULL
                );
            ";

            const string insertUserQuery = @"
                INSERT INTO Users (Username, Password) VALUES (@Username, @Password)
            ";

            _dbConnection.Open();
            _dbConnection.Execute(createTableQuery);

            // 检查是否已有用户数据,若无则添加
            var existingUser = _dbConnection.QueryFirstOrDefault("SELECT * FROM Users WHERE Username = @Username", new { Username = "admin" });
            if (existingUser == null)
            {
                _dbConnection.Execute(insertUserQuery, new { Username = "admin", Password = "password123" });
            }

            _dbConnection.Close();
        }
    }
}

Services 文件夹中创建 IUserService 接口及其实现 UserService,用于从 SQLite 数据库中查询用户信息。

using System.Data;
using Dapper;
using WinFormMVVM.Models;

namespace WinFormMVVM.Services
{
    public interface IUserService
    {
        User GetUserByUsername(string username);
    }

    public class UserService : IUserService
    {
        private readonly IDbConnection _dbConnection;

        public UserService(IDbConnection dbConnection)
        {
            _dbConnection = dbConnection;
        }

        public User GetUserByUsername(string username)
        {
            string sql = "SELECT * FROM Users WHERE Username = @Username";
            return _dbConnection.QuerySingleOrDefault<User>(sql, new { Username = username });
        }
    }
}

四、Commands命令实现类

RelayCommand 是一种常用的命令实现类,通常在 MVVM 模式中用于实现 ICommand 接口,但 WinForms 中并没有自带该类。如果需要使用它,可以自己定义一个简单的 RelayCommand 实现,或从一些 MVVM 库(如 CommunityToolkit.Mvvm)中引入。以下是一个自定义 RelayCommand 类的实现:

using System.Windows.Input;

namespace WinFormMVVM.Commands
{
    public class RelayCommand : ICommand
    {
        private readonly Action _execute;
        private readonly Func<bool> _canExecute;

        public event EventHandler CanExecuteChanged;

        public RelayCommand(Action execute, Func<bool> canExecute = null)
        {
            _execute = execute ?? throw new ArgumentNullException(nameof(execute));
            _canExecute = canExecute;
        }

        public bool CanExecute(object parameter)
        {
            return _canExecute == null || _canExecute();
        }

        public void Execute(object parameter)
        {
            _execute();
        }

        public void RaiseCanExecuteChanged()
        {
            CanExecuteChanged?.Invoke(this, EventArgs.Empty);
        }
    }
}

五、创建 ViewModel 类

在 MVVM 模式中,ViewModel 负责处理业务逻辑并将数据传递给视图。这里创建 LoginViewModel 类来处理登录逻辑:

using System.ComponentModel;
using System.Windows.Input;
using WinFormMVVM.Models;
using WinFormMVVM.Services;

namespace WinFormMVVM.ViewModels
{
    public class LoginViewModel : INotifyPropertyChanged
    {
        private readonly IUserService _userService;
        public event PropertyChangedEventHandler PropertyChanged;

        public string Username { get; set; }
        public string Password { get; set; }

        public ICommand LoginCommand { get; }

        public LoginViewModel(IUserService userService)
        {
            _userService = userService;
            LoginCommand = new RelayCommand(Login);
        }

        private void Login()
        {
            var user = _userService.GetUserByUsername(Username);
            if (user != null && user.Password == Password)
            {
                MainForm mainForm = new MainForm();
                mainForm.Show();
            }
            else
            {
                // 显示登录失败的消息
            }
        }
    }
}

LoginViewModel 通过 _userService 获取用户信息,验证成功后跳转到主页面 MainForm

六、配置 IoC 容器

IoC 文件夹中创建 IoCContainer 静态类,通过依赖注入容器来管理 IDbConnectionIUserService 和其他ViewModel等依赖关系。

using Microsoft.Data.Sqlite;
using Microsoft.Extensions.DependencyInjection;
using System.Data;
using WinFormMVVM.Services;
using WinFormMVVM.ViewModels;

namespace WinFormMVVM.IoC
{
    public static class IoCContainer
    {
        public static ServiceProvider Configure()
        {
            var services = new ServiceCollection();
            services.AddSingleton<IDbConnection>(sp =>
                new SqliteConnection("Data Source=./database.db")); // 设置SQLite数据库路径
            services.AddSingleton<DatabaseInitializer>();
            services.AddTransient<IUserService, UserService>();
            services.AddSingleton<LoginViewModel>();
            return services.BuildServiceProvider();
        }
    }
}

在这里使用了 SQLiteConnection 连接到本地的 SQLite 数据库,连接字符串 Data Source=./database.db 可以根据实际情况修改。

七、创建 View 和绑定 ViewModel

  1. 1. 登录页面(LoginForm):创建一个 LoginForm 窗体,通过构造函数注入 LoginViewModel 实例并绑定到表单。
using WinFormMVVM.ViewModels;

namespace WinFormMVVM.Views
{
    public partial class LoginForm : Form
    {
        private readonly LoginViewModel _viewModel;

        public LoginForm(LoginViewModel viewModel)
        {
            InitializeComponent();
            _viewModel = viewModel;
        }

        private void btnLogin_Click(object sender, EventArgs e)
        {
            _viewModel.Username = tb_user.Text.Trim();
            _viewModel.Password = tb_password.Text.Trim();

            _viewModel.LoginCommand.Execute(null);
            this.Hide();
        }
    }
}

八、设置程序入口并启动依赖注入

Program.cs 文件中配置依赖注入容器,并通过容器注入 LoginViewModel 进入应用的启动界面 LoginForm

using System;
using System.Windows.Forms;
using Microsoft.Extensions.DependencyInjection;
using WinFormMVVM.IoC;
using WinFormMVVM.ViewModels;
using WinFormMVVM.Views;

namespace WinFormMVVM
{
    static class Program
    {
        [STAThread]
        static void Main()
        {
            var serviceProvider = IoCContainer.Configure();

            Application.EnableVisualStyles();
            Application.SetCompatibleTextRenderingDefault(false);

            var loginViewModel = serviceProvider.GetService<LoginViewModel>();
            var loginForm = new LoginForm(loginViewModel);

            Application.Run(loginForm);
        }
    }
}

创建主页面 MainForm.cs

namespace WinFormMVVM.Views
{
    public partial class MainForm : Form
    {
        public MainForm()
        {
            InitializeComponent();
        }
    }
}

九、执行程序

通过启动程序,可以实现sqlite数据库自动创建,并且初始化默认数据,同时,通过依赖注入实现服务的运行,和页面ViewModel的注册。输入正确的账号密码,即可登录成功。

十、总结

本文介绍了如何在 WinForms 中应用 MVVM 模式,并通过 SQLite 进行数据持久化处理。通过引入依赖注入容器,服务类与视图模型的依赖关系可以在应用程序运行时被动态配置,实现了良好的解耦。这样设计的应用不仅具备更好的扩展性和可维护性,还更利于测试和重构。

借助上述框架,可以更清晰地组织 WinForms 项目,将应用逻辑、数据操作、UI 展示解耦,提升代码质量。

引用链接

[1] Microsoft.Extensions.DependencyInjection: https://www.nuget.org/packages/Microsoft.Extensions.DependencyInjection
[2] Dapper:
https://www.nuget.org/packages/Dapper/
[3] SQLitePCLRaw.bundle_e_sqlite3:
https://www.nuget.org/packages/SQLitePCLRaw.bundle_e_sqlite3

如果本文对你有帮助,我将非常荣幸。

如果你对本文有其他的看法,欢迎留言交流。

如果你喜欢我的文章,谢谢三连,点赞,关注,转发吧!!!

dotnet研习社

深耕桌面开发和软件设计领域,始终相信美好的事情即将发生,关注【dotnet研习社】一起学习成长~

131篇原创内容

公众号

如果需要完整的项目代码,可关注公众号,私信交流。

欢迎订阅当前标签可以查看更多内容!!!

相关推荐

Win10预览版10532已知问题汇总(微软win11正式版已知问题一览)

IT之家讯微软已向Insider用户推送了Win10预览版10532更新,本次更新对右键菜单、《Windows反馈》应用以及Edge浏览器进行了改进。除此之外还包含一些Bug,汇总如下,有意升级Wi...

Gabe Aul正测试Win10 Mobile 10532,Insider用户还需等

IT之家讯本月中旬微软向Insider用户推送了Win10Mobile预览版10512,该版本修复了一些Bug,增强了系统稳定性,但依然存在一些问题。今天,微软Insider项目负责人GabeAu...

微软开始推送Win10预览版10532快速版更新

8月28日消息,刚才,微软推送了Win10Build10532快速版,修复了之前的Bug,并带来了三项改进。主要来说,这次的更新改进了右键菜单的UI,使其更具Modern风格(见上图)。此外,更新...

Win10预览版10532更新内容大全(windows10更新预览版)

IT之家讯今天凌晨微软向Insider用户推送了Win10预览版10532快速版更新,本次更新主要带来了三处改进,汇总如下:o改进右键菜单,外观更加Modern。这是基于网友要求界面一致的反馈做出...

无法升级Win10预览版10532?也许Hyper-V在搞鬼

根据IT之家网友的反映,安装了微软虚拟机Hyper-V的Win10预览版用户无法成功升级Build10532版本,安装过程中会被要求回滚系统。很多朋友在尝试关闭虚拟机之后重启安装程序,结果仍然无法顺...

Win10预览版10532界面兴起“酷黑”风潮

Win10预览版10532的界面改动还是较为明显的,主要体现在右键菜单上面。总体来看,该版本的右键菜单间距更宽,视觉上更大气,操作上更便于触控。具体来说,任务栏右键菜单的变化最为明显。除了增加选项的宽...

Win10预览版10532上手图集(windows10预览版下载)

IT之家讯8月28日,微软今天推送了Win10预览版10532快速版更新,在该版本中,微软主要是加强细节上调整,并且主要是增强Edge浏览器性能等。在Windows10预览版10532中,微软改进了...

Win10预览版10532上手视频亮点演示

IT之家讯8月28日消息,今天凌晨微软向WindowsInsider快速通道用户推送了Win10预览版10532。在Windows10预览版10532中,微软改进了右键菜单,外观更加现代化。另外还...

第二篇 前端框架Vue.js(vue前端框架技术)

前端三大核心是网页开发的基础,Vue则是基于它们构建的“生产力工具”。通俗理解就是HTML是化妆的工具如眉笔,CSS是化妆品如口红,JavaScript是化妆后的互动,而Vue就是化妆助手。有了化妆工...

基于SpringBoot + vue2实现的旅游推荐管理系统

项目描述...

基于Vue以及iView组件的后端管理UI模板——iview-admin

介绍iView-admin是一套后端管理界面模板,基于Vue2.0,iView(现在为ViewUI)组件是一套完整的基于Vue的高质量组件库,虽然Github上有一套非常火的基于ElementUI...

别再说你会SPA开发了,这5个核心你真的搞懂了吗?

前言此spa非彼spa,不是你所熟知的spa。你所熟知的spa作者肯定是没有你熟悉的。我们这里指的是在前端开发中的一种模型,叫作单页应用程序,顾名思义,就是整个项目只有一个页面,而页面中的内容是动态的...

React.js Top20面试题(react.js中文官网)

概述作为React开发者,对框架的关键概念和原则有扎实的理解是很重要的。考虑到这一点,我整理了一份包含20个重要问题的清单,每个React开发者都应该知道,无论他们是在面试工作还是只是想提高技能。...

美媒:特朗普签署行政令后,FBI又发现约2400份、总计超14000页涉肯尼迪遇刺案文件

来源:环球时报新媒体1月23日特朗普下令公布肯尼迪遇刺案相关机密文件图源:美媒综合福克斯新闻网和Axios网站10日报道,在总统特朗普签署行政令,要求公布“肯尼迪遇刺案”相关政府机密文件之后,美国...

2021 年 Node.js 开发人员学习路线图

Node.js自发布以来,已成为业界重要破局者之一。Uber、Medium、PayPal和沃尔玛等大型企业,纷纷将技术栈转向Node.js。Node.js支持开发功能强大的应用,例如实时追踪...

取消回复欢迎 发表评论: