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. 安装所需库:
- ? 使用 Microsoft.Extensions.DependencyInjection[1] 来实现依赖注入。
- ? 使用 Dapper[2] 库来连接和操作 SQLite 数据库。
- ? 使用SQLitePCLRaw.bundle_e_sqlite3[3]库来处理和连接SQLite数据库。
二、创建数据实体 Model
首先创建一个 User 类来表示数据库中的用户信息。我们假设用户表 Users 包含 Id、Username 和 Password 三个字段。
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 静态类,通过依赖注入容器来管理 IDbConnection、IUserService 和其他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. 登录页面(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支持开发功能强大的应用,例如实时追踪...
你 发表评论:
欢迎- 一周热门
- 最近发表
-
- Win10预览版10532已知问题汇总(微软win11正式版已知问题一览)
- Gabe Aul正测试Win10 Mobile 10532,Insider用户还需等
- 微软开始推送Win10预览版10532快速版更新
- Win10预览版10532更新内容大全(windows10更新预览版)
- 无法升级Win10预览版10532?也许Hyper-V在搞鬼
- Win10预览版10532界面兴起“酷黑”风潮
- Win10预览版10532上手图集(windows10预览版下载)
- Win10预览版10532上手视频亮点演示
- 第二篇 前端框架Vue.js(vue前端框架技术)
- 基于SpringBoot + vue2实现的旅游推荐管理系统
- 标签列表
-
- idea eval reset (50)
- vue dispatch (70)
- update canceled (42)
- order by asc (53)
- spring gateway (67)
- 简单代码编程 贪吃蛇 (40)
- transforms.resize (33)
- redisson trylock (35)
- 卸载node (35)
- np.reshape (33)
- torch.arange (34)
- npm 源 (35)
- vue3 deep (35)
- win10 ssh (35)
- vue foreach (34)
- idea设置编码为utf8 (35)
- vue 数组添加元素 (34)
- std find (34)
- tablefield注解用途 (35)
- python str转json (34)
- java websocket客户端 (34)
- tensor.view (34)
- java jackson (34)
- vmware17pro最新密钥 (34)
- mysql单表最大数据量 (35)