其他分享
首页 > 其他分享> > 【WPF on .NET Core 3.0】 Stylet演示项目 - 简易图书管理系统(1)

【WPF on .NET Core 3.0】 Stylet演示项目 - 简易图书管理系统(1)

作者：互联网

.NET Core 3.0已经发布了,除了一大堆令人激动的功能以外,也增加了对WPF的正式支持, 那么WPF在.NET Core 3.0下的开发体验如何呢?

本文利用了Stylet框架开发.NET Core 3.0上的WPF应用程序.关于Stylet框架, 可能大家比较陌生, 它是一个轻量级(但是非常优秀!)的WPF框架, 最近也更新了对.NET Core 3.0的支持, 关于Stylet的介绍可以浏览我之前的一篇博文: ViewModel从未如此清爽 - 轻量级WPF MVVM框架Stylet.本文也包含了使用MVVM和Stylet的一些最佳实践.

为了简单起见, 示例项目主要演示了使用Stylet开发WPF应用程序中常用的功能,如绑定,窗口弹出,表单验证等.没有使用数据库,也不包含如用户认证管理等一般的业务功能.

项目全部代码都利用.NET的最新技术栈完成, 包括:

文中也会对其中的一些新特性做出说明.

下面就来跟随我体会一下这个船新的版本吧!

前期准备

VS2019打开StyletBookStore.csproj, 直接按F5运行:

OK. 感觉不错!

增加登录功能

虽然是个演示项目,但是我们还是需要登录界面的:), Stylet中一个界面至少需要两部分: "ViewModel"和"View". 我们来分别实现它们.

ViewModel

在Pages文件夹下创建一个名为LoginViewModel.cs的类,用来实现登录的界面逻辑.并输入以下代码:

public class LoginViewModel : Screen
{
    /// <summary>
    /// 用户名
    /// </summary>
    public string UserName { get; set; } 

    /// <summary>
    /// 密码
    /// </summary>
    public string Password { get; set; }

    /// <summary>
    /// 登录
    /// </summary>
    public void Login()
    {
        // 在这实现登录逻辑
    }

    /// <summary>
    /// 登录的防护属性
    /// </summary>
    public bool CanLogin => !string.IsNullOrEmpty(UserName) &&
                            !string.IsNullOrEmpty(Password);
}

启用可空引用类型

下面我们试用一下C#8中新增加的特性: 可空引用类型.

使用可空引用类型可在编译时就检查潜在的空引用问题.关于可空引用类型,请参考我之前翻译的一篇文章初试C# 8.0中"可空的引用类型"章节.

右键点击StyletBookStore工程,选择"Edit Project File":

在打开的StyletBookStore.csproj文件中增加一行配置:

<Project Sdk="Microsoft.NET.Sdk.WindowsDesktop">

<PropertyGroup>
    <OutputType>WinExe</OutputType>
    <TargetFramework>netcoreapp3.0</TargetFramework>
    <RootNamespace>StyletBookStore</RootNamespace>
    <UseWPF>true</UseWPF>
    <Nullable>enable</Nullable>  <!-- 启用可空引用类型 -->
</PropertyGroup>

...

</Project>

在启用可空引用类型后,再次编译工程会出现两个警告:

警告我们UserName和Password未初始化. 可能在之后的使用中出现空引用异常.解决办法有两个:

  1. 为属性设置初始值

    public string UserName { get; set; } = String.Empty;
public string Password { get; set; } = String.Empty;

    为用户名和密码设置初始值: 空字符串

  2. 将属性声明为可空类型

    public string? UserName { get; set; }
public string? Password { get; set; }

    使用?标识用户名为密码是可空类型

这里我们使用第1种方法,将用户名和密码初始化为空字符串.再次编译,警告就消失了.

View

在Pages文件夹下创建一个为名LoginView.xaml的文件,用来定义登录的UI. 其中主要的代码如下:

<Window 
    ...
    d:DataContext="{d:DesignInstance pages:LoginViewModel}" 
    >
<Grid>
    ...
    <TextBlock Grid.Row="0" Grid.Column="0" Text="用户名" Margin="5" VerticalAlignment="Center" HorizontalAlignment="Right"></TextBlock>
    <TextBlock Grid.Row="1" Grid.Column="0" Text="密码" Margin="5" VerticalAlignment="Center" HorizontalAlignment="Right"></TextBlock>
    <TextBox Grid.Row="0" Grid.Column="1" Margin="5" Text="{Binding UserName, UpdateSourceTrigger=PropertyChanged}"></TextBox>
    <PasswordBox Grid.Row="1" Grid.Column="1" Margin="5" wpf:PasswordHelper.Attach="True" wpf:PasswordHelper.Password="{Binding Path=Password,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"></PasswordBox>
    <Button Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="2" Content="登录" Margin="5" Padding="15 5 15 5" Command="{s:Action Login}"></Button>
</Grid>
</Window>

HotReload

VS2019为XAML增加了一个便利功能HotReload, 该功能可允许开发者在应用程序运行时修改XAML代码,并立即看到修改后的效果:

这样我们在设计UI时会方便很多:)

实现登录逻辑

修改Login方法,实现登录功能:

        /// <summary>
        /// 登录
        /// </summary>
        public void Login()
        {
            // 设计的非常健壮的用户验证机制:)
            if (UserName != "waku" || Password != "123")
            {
                _windowManager.ShowMessageBox("用户名或密码不正确", "登录失败", MessageBoxButton.OK, MessageBoxImage.Exclamation);
                return;
            }

            RequestClose(true);
        }

至此我们的登录ViewModel就完成了, 完整的代码如下:

using System;
using System.Windows;
using Stylet;

namespace StyletBookStore.Pages
{
    public class LoginViewModel : Screen
    {
        private readonly IWindowManager _windowManager;

        /// <summary>
        /// 用户名
        /// </summary>
        public string UserName { get; set; } = String.Empty;

        /// <summary>
        /// 密码
        /// </summary>
        public string Password { get; set; } = String.Empty;

        public LoginViewModel(IWindowManager windowManager)
        {
            _windowManager = windowManager;
        }

        /// <summary>
        /// 登录
        /// </summary>
        public void Login()
        {
            // 设计的非常安全的用户验证机制:)
            if (UserName != "waku" || Password != "123")
            {
                _windowManager.ShowMessageBox("用户名或密码不正确", "登录失败", MessageBoxButton.OK, MessageBoxImage.Exclamation);
                return;
            }

            RequestClose(true);
        }

        /// <summary>
        /// 登录的防护属性
        /// </summary>
        public bool CanLogin => !string.IsNullOrEmpty(UserName) && !string.IsNullOrEmpty(Password);
    }
}

此时工程结构应该是这样的:

显示登录窗口

我们已经准备好登录窗口了, 但是如何显示它呢? 还记得Stylet为我们准备好的ShellView和ShellViewModel吗? 它们就是负责程序的主窗口的,就从它们入手.

按以往的经验, 可能在ShellView.xaml.cs中写下这样的代码:

    public ShellView()
    {
        InitializeComponent();
        Loaded += onl oaded;
    }
    private void onl oaded(object sender, RoutedEventArgs e)
    {
        var window = new LoginView();
        window.ShowDialog();
    }

实际上这也是违反MVVM的, 因为我们直接操作了视图, 正确的做法是以ViewModel为中心, 由ViewModel来驱动各视图的显示.

实际上你可以直接从工程中删除所有的.xaml.cs文件, Stylet不需要它们!

我们来看看使用Stylet该如何实现.

在ShellViewModel类中增加OnViewLoaded的重写方法:

    protected override void OnViewLoaded()
    {
        var loginViewModel = _container.Get<LoginViewModel>();
        var result = _windowManager.ShowDialog(loginViewModel);
        if (result != true)
        {
            RequestClose();
        }
    }

为了使用Container和WindowManager, 我们同样在构造方法中将其注入,并使用类成员变量来接收它们:

    private readonly IContainer _container;
    private readonly IWindowManager _windowManager;

    public ShellViewModel(IContainer container, IWindowManager windowManager)
    {
        _container = container;
        _windowManager = windowManager;
    }

这与在登录中注入WindowManager基本类似, 就不再解释了.

注入Container并使用Get方法, 被称为"服务定位模式"(Service Locator Pattern), 对于它是否也违反了MVVM有很多争议. Stylet的WIKI上对此也有讨论和解决办法. 但是我个人很喜欢这种方式.

完整的ShellViewModel类代码如下:

using Stylet;
using StyletIoC;

namespace StyletBookStore.Pages
{
    public class ShellViewModel : Screen
    {
        private readonly IContainer _container;
        private readonly IWindowManager _windowManager;

        public ShellViewModel(IContainer container, IWindowManager windowManager)
        {
            _container = container;
            _windowManager = windowManager;
        }

        protected override void OnViewLoaded()
        {
            var loginViewModel = _container.Get<LoginViewModel>();
            var result = _windowManager.ShowDialog(loginViewModel);
            if (result != true)
            {
                RequestClose();
            }
        }
    }
}

运行

好了, 我们的第一个功能 - "登录"就已经完成了, 编译运行应用程序:

我们需要确认以下4个功能点:

需要确认的功能点很少, 所以我们手动确认也可很快完成, 但是对于复杂一些的应用程序, 手动确认就很麻烦了, 而且在频繁的迭代过程中, 回归测试也很必要. 所以下一篇文章中我们会学习如何为ViewModel编写单元测试代码.

本篇到此为止, 希望朋友们能多多留言. 源码托管在GITHUB上.

Happy Coding~

标签：Core,string,登录,Stylet,ViewModel,windowManager,3.0,public
来源： https://www.cnblogs.com/waku/p/11692434.html