WPF-21 基于MVVM员工管理-01

最新推荐文章于 2023-02-23 13:08:05 发布
最新推荐文章于 2023-02-23 13:08:05 发布
阅读量143 收藏 1
点赞数
文章标签： wpf
原文链接：https://mp.weixin.qq.com/s?__biz=MzAwNTMxMzg1MA==&mid=2654095073&idx=3&sn=7306b966265cb5731d26557de0b60577&chksm=80d862b4b7afeba24cd6636f2ea3702e0d76c9aa39bb6e887a7e235d23021e983beb1e617f03&scene=126&sessionid=0
版权

接下来我们通过两节课程使用MVVM来开发一个简单的Demo，首先我们创建一个项目名称WPF-22-MVVM-Demo，目录结构如下：

c64ac657c44fa3ea7c18879af220fe0d.png

我们在Models文件下创建Employee类并让该类实现INotifyPropertyChanged接口，该类中定义编号、姓名和角色三个基本属性

using System;
using System.ComponentModel;
using System.Runtime.CompilerServices;
namespace WPF_22_MVVM_Demo.Models
{
    public class Employee : INotifyPropertyChanged
    {
        private string no = String.Empty;
        public string No
        {
            get
            {
                return no;
            }
            set
            {
                if (value != this.no)
                {
                    no = value;
                    NotifyPropertyChanged();
                }
            }
        }
        private string name = String.Empty;
        public string Name
        {
            get
            {
                return name;
            }
            set
            {
                if (value != this.name)
                {
                    this.name = value;
                    NotifyPropertyChanged();
                }
            }
        }
        private string role = String.Empty;
        public string Role
        {
            get
            {
                return role;
            }
            set
            {
                if (value != this.role)
                {
                    this.role = value;
                    NotifyPropertyChanged();
                }
            }
        }
        public event PropertyChangedEventHandler? PropertyChanged;
        private void NotifyPropertyChanged([CallerMemberName] String propertyName = "")
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}

在Models文件下定义服务EmployeeService，该类可以包含一些常用业务操作，例如：对远程api调用操作远程数据库以及本地数据库操作等，在该例子中，我们对一个内存对象集合实现增删改查操作

using System.Collections.Generic;
using System.Linq;
namespace WPF_22_MVVM_Demo.Models
{
    public class EmployeeService
    {
        private static List<Employee> _employees = null!;
        public EmployeeService()
        {
            _employees = new List<Employee>()
            {
                new Employee()
                {
                    No="800001",
                    Name="张三丰",
                    Role="武当派掌门人"
                },
                new Employee()
                {
                    No="800002",
                    Name="乔峰",
                    Role="乞丐掌门人"
                },
            };
        }
        public List<Employee> GetEmployees()
        {
            return _employees;
        }
    }
}

在Commands文件夹下定义DelegateCommand

using System;
using System.Windows.Input;
namespace WPF_22_MVVM_Demo.Commands
{
    public class DelegateCommand : ICommand
    {
        private Action _execute;
        private Func<bool> _canExecute;
        public DelegateCommand(Action executeMethod)
        {
            _execute = executeMethod;
        }
        public DelegateCommand(Action executeMethod, Func<bool> canExecute)
            : this(executeMethod)
        {
            this._canExecute = canExecute;
        }
        public event EventHandler CanExecuteChanged;
        public bool CanExecute(object parameter)
        {
            return true;
        }       
        public void Execute(object parameter)
        {
            _execute();
        }
    }
}

在ViewModes文件加下创建EmployeeViewMode，同时该类实现INotifyPropertyChanged接口，该类引用了Employee 实体(用来绑定到UI页面)和EmployeeService服务以及DelegateCommand 类

using System;
using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Runtime.CompilerServices;
using System.Windows.Input;
using WPF_22_MVVM_Demo.Commands;
using WPF_22_MVVM_Demo.Models;
namespace WPF_22_MVVM_Demo.ViewModes
{
    public class EmployeeViewMode : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler? PropertyChanged;
        private void NotifyPropertyChanged([CallerMemberName] String propertyName = "")
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
        EmployeeService employeeService;
        public EmployeeViewMode()
        {
            employeeService = new EmployeeService();
            BindData();
            Employee = new Employee();
        }
        private Employee employee;
        public Employee Employee
        {
            get { return employee; }
            set { employee = value;NotifyPropertyChanged(); }
        }
        private ObservableCollection<Employee> employeeList;
        public ObservableCollection<Employee> EmployeeList
        {
            get
            {
                return employeeList;
            }
            set
            {
                employeeList = value;
                NotifyPropertyChanged();
            }
        }
        /// <summary>
        ///消息提示
        /// </summary>
        public string Message
        {
            get;
            set;
        }
        /// <summary>
        /// DataGrid绑定数据
        /// </summary>
        public void BindData()
        {
            EmployeeList = new ObservableCollection<Employee>(employeeService.GetEmployees());
        } 
    }
}

在Views文件加下创建EmployeeView.xaml，将窗体的DataContext指向EmployeeViewMode，在该界面有两部分组成：

  1. 录入信息，将文本框和EmployeeViewMode中的Employee对象的属性做绑定

  2. DataGrid展示数据列表，将控件的ItemsSource属性绑定EmployeeViewMode对象中的EmployeeList属性

<UserControl x:Class="WPF_22_MVVM_Demo.Views.EmployeeView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="0.1*"></RowDefinition>
            <RowDefinition Height="0.1*"></RowDefinition>
            <RowDefinition Height="0.1*"></RowDefinition>
            <RowDefinition Height="0.1*"></RowDefinition>
            <RowDefinition Height="0.6*"></RowDefinition>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="0.35*"></ColumnDefinition>
            <ColumnDefinition Width="0.65*"></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <TextBlock Grid.Row="0" Grid.Column="0" Margin="10">员工编号</TextBlock>
        <TextBox Grid.Row="0" Grid.Column="1" Text="{Binding Path=Employee.No}" Width="150" HorizontalAlignment="Left" Margin="10"/>
        <TextBlock Grid.Row="1" Grid.Column="0" Margin="10">员工姓名</TextBlock>
        <TextBox Grid.Row="1" Grid.Column="1" Text="{Binding Path=Employee.Name}" Width="150" HorizontalAlignment="Left" Margin="10"></TextBox>
        <TextBlock Grid.Row="2" Grid.Column="0" Margin="10">角色</TextBlock>
        <TextBox Grid.Row="2" Grid.Column="1" Text="{Binding Path=Employee.Role}" Width="150" HorizontalAlignment="Left" Margin="10"></TextBox>
        <StackPanel Grid.Row="3" Grid.ColumnSpan="2" Orientation="Horizontal" HorizontalAlignment="Left" VerticalAlignment="Top">
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition></RowDefinition>
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition></ColumnDefinition>
                    <ColumnDefinition></ColumnDefinition>
                    <ColumnDefinition></ColumnDefinition>
                    <ColumnDefinition></ColumnDefinition>
                </Grid.ColumnDefinitions>
            </Grid>
            <Button Content="新增" Width="100" Height="30" Margin="2"></Button>
            <Button Content="修改" Width="100" Height="30" Margin="2"></Button>
            <Button Content="删除" Width="100" Height="30" Margin="2"></Button>
            <Button Content="查询" Width="100" Height="30" Margin="2"></Button>
        </StackPanel>
        <DataGrid Grid.Row="4" Grid.ColumnSpan="2" Name="empGrid" AutoGenerateColumns="False" ItemsSource="{Binding Path=EmployeeList,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}">
            <DataGrid.Columns>
                <DataGridTextColumn Header="员工编号" Width="0.3*" Binding="{Binding Path=No,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"></DataGridTextColumn>
                <DataGridTextColumn Header="姓名" Width="0.3*" Binding="{Binding Path=Name,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"></DataGridTextColumn>
                <DataGridTextColumn Header="角色" Width="0.3*" Binding="{Binding Path=Role,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"></DataGridTextColumn>
            </DataGrid.Columns>
        </DataGrid>
    </Grid>
</UserControl>
using System.Windows.Controls;
using WPF_22_MVVM_Demo.ViewModes;
namespace WPF_22_MVVM_Demo.Views
{
    /// <summary>
    /// Interaction logic for EmployeeView.xaml
    /// </summary>
    public partial class EmployeeView : UserControl
    {
        public EmployeeView()
        {
            InitializeComponent();
            this.DataContext = new EmployeeViewMode();
        }
    }
}

在MainWindow.xaml窗体中引用EmployeeView

<Window x:Class="WPF_22_MVVM_Demo.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:EmpView="clr-namespace:WPF_22_MVVM_Demo.Views"
        mc:Ignorable="d"
        Title="员工管理" Height="450" Width="500">
    <StackPanel>
        <EmpView:EmployeeView></EmpView:EmployeeView>
    </StackPanel>
</Window>

运行如下：

8d2bd2a4223d526fb0a62df30876d418.png

这节我们主要介绍MVVM项目整体结构以及UI页面布局，并且将控件和ViewModel数据模型进行了绑定，实现了最基本DataGrid数据绑定，在接下来我们将实现增删改查

WPF中Command绑定引用了设计模式中的命令模式（Command Pattern）

dotNET跨平台
关注
wpf 很漂亮的工资管理系统
01-26
【wpf 很漂亮的工资管理系统】是一个基于WPF（Windows Presentation Foundation）技术开发的应用程序，旨在提供一个高效、直观的工资管理解决方案。WPF是微软.NET Framework的一部分，它提供了丰富的用户界面设计...
WPF C# 人事管理系统
03-26
本项目是基于WPF和C#实现的人事管理系统，充分利用了这两者的优势，实现了人事管理的基本功能，如员工信息的增删改查，同时也包含了数据库的支持，使得数据存储和检索更加高效。 首先，让我们深入了解一下WPF。WPF...
【.NET6+WPF】WPF使用prism框架+Unity IOC容器实现MVVM双向绑定和依赖注入
WeskyNet
03-05 5754
前言：在C/S架构上，WPF无疑已经是“桌面一霸”了。在.NET生态环境中，很多小伙伴还在使用Winform开发C/S架构的桌面应用。但是WPF也有很多年的历史了，并且基于MVVM的开发模式，受到了很多开发者的喜爱。 并且随着工业化的进展，以及几年前微软对.NET平台的开源，国内大多数企业的工业系统或上位机系统，也慢慢从使用MFC、QT等C++平台，转向了.NET平台。并且.NET平台上，桌面应...
WPF跨平台方案？
dotNET跨平台
02-14 1991
Avalonia XPF[1]通过我们的跨平台UI框架，释放现有WPF应用程序的全部潜力，使WPF应用程序能够在macOS和Linux上运行，而不需要昂贵和有风险的重写。工作原理我们使用 Fork of WPF 使 WPF 应用程序能够在 macOS 和 Linux 上运行，这使我们能够保持 API 兼容性。Avalonia XPF 用 Avalonia UI 替换了低级 WPF 代码 （MilC...
分享基于MVVM设计模式的XX管理系统，C#，SqlServer数据库，毕业设计水平
chuozi4863的博客
08-13 331
源码下载：百度网盘http://pan.baidu.com/s/1mg5JzVa 一、使用方法 1、解压至本地任意盘符下 2、将database中数据库文件导入到本地SQLServer数据库中 3、运行解决方案 ps：运行时，修改SqlHelper.cs类中数据库连接方式 re...
NET6+WPF+MVVM 实现软件下载列表管理(仿360简易版)
u010186391的专栏
07-04 610
采用WPF实现一个软件下载的管理界面UI(主要是仿360类似功能的精简设计)
WPF版的权限管理系统
weixin_30670925的博客
08-12 1535
好多技术人员都有一个通病，不关注用户的需求，产品的可用性，只看使用的技术的新不新，潮不潮，这就是所谓的技术发烧友。 这段时间，断断续续的开发一个WPF的软件，也拿出来Show一下。要不放在硬盘里就发霉了。 热点一：SOA的分布式理念 　　现在的开发理念，不管是企业级的ERP，还是网站式的应用，都涉及到了SOA的分布式。就拿一个比较典型的网站来说吧，做网站的童鞋们对CAS，SSO这些关键字并不...
WPF人员管理系统界面
07-08
在本项目中，我们讨论的是一个基于WPF的人员管理系统界面，它利用了WPF的强大功能来创建高效且易于使用的管理界面。 **1. WPF技术基础** WPF是一种基于XAML的框架，XAML（Extensible Application Markup Language）...
HRMSys.rar_WPF_WPF 系统_wpf 系统_wpf管理系统_管理 wpf
09-14
而“管理_wpf”则暗示了系统可能包括员工信息管理、考勤、薪酬、招聘等常见的人力资源管理功能。 【压缩包子文件的文件名称列表】只有一个文件"HRMSys"，这可能是整个项目文件夹的名字，里面可能包含了项目的源代码...
c# 酒店管理系统源码(WPF) VS 2010
03-19
C# WPF 酒店管理系统源码是一款基于Microsoft Visual Studio 2010开发的软件应用，它为酒店业提供了一套完整的信息化管理解决方案。该系统充分利用了C#语言的强大功能以及Windows Presentation Foundation（WPF）...
C#,WPF日志管理 C#编程--项目常用日志保存
12-25
1.按照年，月，日保存日志文件 2.支持常规日志保存，异常日志保存，日志清空等操作
WPF MVVM Demo 订餐系统源代码
03-19
WPFMVVMDemo 订餐系统源代码。
最简单的WPF+MVVM项目
01-21
最简单的WPF+MVVM项目最简单的WPF+MVVM项目最简单的WPF+MVVM项目最简单的WPF+MVVM项目
WPF MVVM 动态创建控件
11-16
在有一些项目中，UI界面上的控件有时是在程序运行时才生成的。这样的功能在MVVM中也很容易实现。并且可以通过按钮取得其值。 　　本实例主要实现程序运行时，在界面上生成四个控件，两个TextBox和两个TextBlock.并且点击按钮时，弹出TextBox中的值
人事管理系统介绍--WPF
CSDN_Lzj_2008的专栏
11-27 3590
最近开发一个小项目，只是学校要求开发的一个人事管理系统。能够满足一般小企业的需求。 该系统是使用三层架构开发，WPF的人事管理系统。其中有许多不足。 希望大家多多提意见和建议。 系统的功能： （一）、员工管理：具有对员工信息的添加、修改、删除操作，可进行员工信息的检索，导出员工信息，以及打印员工信息。 （二）、部门管理：可添加、删除部门，修改部门的负责人以及打印部门信息。 （三）、
WPF-22 基于MVVM员工管理-02
dotNET跨平台
12-23 153
我们接着上一节，这节我们实现crud操作，我们在EmployeeViewMode类中新增如下成员，并在构造函数中初始化该成员code snippetpublic EmployeeViewMode() { employeeService=newEmployeeService(); BindData(); Employee = new Employee(); Ad...
WPF随笔（十三）--MVVM模式下的窗口管理
lordwish的专栏
02-23 3705
使用MVVM模式的WPF项目和传统的使用事件驱动模式的WPF在处理逻辑有所不同，即使最简单的打开窗口也有很大差异。 1.创建窗口管理类 public static class WindowManager { private static Hashtable _RegisterWindow = new Hashtable(); //注册窗口 p...
[分享篇] 一款非常漂亮的（C#/WPF）管理系统 [ 源码+搭建 ]
热门推荐
userszhao的专栏
11-01 1万+
简介 一套简单完善的WPF管理系统框架，基础功能包括 权限管理，数据字典，人事管理（HR 含人员劳资及奖罚），财务管理，固定资产管理等模块 系统功能完善，界面美观大气，适当的加入了窗体动画，非常适合扩展或新手学习。 系统专为中小型应用设计，代码结构逻辑清晰，注释完善，无需权限配置，搭建页面后即可自动读取目录参与权限配置。 数据库采用MSSqlserver，EF框架 CodeFirst方式管理，以实体类方式开发更好的提高开发效率。...
基于WPF的超市管理系统
m0_50619325的博客
02-23 1160
基于C# WPF进行开发的一款超市管理系统，实现了超市进货、商品管理、员工添加、员工管理、员工考勤、订单订单管理、前台收银等功能。
WPF-MVVM-InvokeCommandAction传递多个参数
最新发布
05-25
在 WPF MVVM 架构中，可以使用 InvokeCommandAction 来触发 ViewModel 中的命令，并且可以传递一个参数。如果需要传递多个参数，可以使用以下方法： 1. 使用命令参数对象 定义一个类，包含需要传递的多个参数，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值