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

WinForms 中使用 MVVM 模式构建应用

yuyutoo 2024-12-08 19:47 2 浏览 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 三个字段。

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

三、创建服务层 Service

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

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篇原创内容

公众号

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

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

相关推荐

史上最全的浏览器兼容性问题和解决方案

微信ID:WEB_wysj(点击关注)◎◎◎◎◎◎◎◎◎一┳═┻︻▄(页底留言开放,欢迎来吐槽)●●●...

平面设计基础知识_平面设计基础知识实验收获与总结
平面设计基础知识_平面设计基础知识实验收获与总结

CSS构造颜色,背景与图像1.使用span更好的控制文本中局部区域的文本:文本;2.使用display属性提供区块转变:display:inline(是内联的...

2025-02-21 16:01 yuyutoo

写作排版简单三步就行-工具篇_作文排版模板

和我们工作中日常word排版内部交流不同,这篇教程介绍的写作排版主要是用于“微信公众号、头条号”网络展示。写作展现的是我的思考,排版是让写作在网格上更好地展现。在写作上花费时间是有累积复利优势的,在排...

写一个2048的游戏_2048小游戏功能实现

1.创建HTML文件1.打开一个文本编辑器,例如Notepad++、SublimeText、VisualStudioCode等。2.将以下HTML代码复制并粘贴到文本编辑器中:html...

今天你穿“短袖”了吗?青岛最高23℃!接下来几天气温更刺激……

  最近的天气暖和得让很多小伙伴们喊“热”!!!  昨天的气温到底升得有多高呢?你家有没有榜上有名?...

CSS不规则卡片,纯CSS制作优惠券样式,CSS实现锯齿样式

之前也有写过CSS优惠券样式《CSS3径向渐变实现优惠券波浪造型》,这次再来温习一遍,并且将更为详细的讲解,从布局到具体样式说明,最后定义CSS变量,自定义主题颜色。布局...

柠檬科技肖勃飞:大数据风控助力信用社会建设

...

你的自我界限够强大吗?_你的自我界限够强大吗英文

我的结果:A、该设立新的界限...

行内元素与块级元素,以及区别_行内元素和块级元素有什么区别?

行内元素与块级元素首先,CSS规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的display值,分别为块级(block)、行内(inline)。块级元素:(以下列举比较常...

让“成都速度”跑得潇潇洒洒,地上地下共享轨交繁华
让“成都速度”跑得潇潇洒洒,地上地下共享轨交繁华

去年的两会期间,习近平总书记在参加人大会议四川代表团审议时,对治蜀兴川提出了明确要求,指明了前行方向,并带来了“祝四川人民的生活越来越安逸”的美好祝福。又是一年...

2025-02-21 16:00 yuyutoo

今年国家综合性消防救援队伍计划招录消防员15000名

记者24日从应急管理部获悉,国家综合性消防救援队伍2023年消防员招录工作已正式启动。今年共计划招录消防员15000名,其中高校应届毕业生5000名、退役士兵5000名、社会青年5000名。本次招录的...

一起盘点最新 Chrome v133 的5大主流特性 ?

1.CSS的高级attr()方法CSSattr()函数是CSSLevel5中用于检索DOM元素的属性值并将其用于CSS属性值,类似于var()函数替换自定义属性值的方式。...

竞走团体世锦赛5月太仓举行 世界冠军杨家玉担任形象大使

style="text-align:center;"data-mce-style="text-align:...

学物理能做什么?_学物理能做什么 卢昌海

作者:曹则贤中国科学院物理研究所原标题:《物理学:ASourceofPowerforMan》在2006年中央电视台《对话》栏目的某期节目中,主持人问过我一个的问题:“学物理的人,如果日后不...

你不知道的关于这只眯眼兔的6个小秘密
你不知道的关于这只眯眼兔的6个小秘密

在你们忙着给熊本君做表情包的时候,要知道,最先在网络上引起轰动的可是这只脸上只有两条缝的兔子——兔斯基。今年,它更是迎来了自己的10岁生日。①关于德艺双馨“老艺...

2025-02-21 16:00 yuyutoo

取消回复欢迎 发表评论: