封装：简要介绍自定义开发基于WPF的MVC框架

已于 2024-07-25 16:17:51 修改
阅读量4.7k 收藏 16
点赞数 7
分类专栏： WPF C# 文章标签： wpf mvc
于 2019-08-22 18:27:38 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010975589/article/details/100019431
版权
本文介绍了一种在WPF中实现MVC模式的方法，通过自定义Controller、View和ViewModel组件，实现了页面跳转和数据处理的高效管理。文章详细解释了Controller如何控制页面跳转，以及如何利用反射技术动态加载View和ViewModel。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一、目的：在使用Asp.net Core时，深感MVC框架作为页面跳转数据处理的方便，但WPF中似乎没有现成的MVC框架，由此自定义开发一套MVC的框架，在使用过程中也体会到框架的优势，下面简要介绍一下这套基于MVVM的MVC框架

二、项目结构：

主要有三部分组成：Controller、View、ViewModel

其中View和ViewModel就是传统WPF中的MVVM模式

不同地方在于页面的跳转应用到了Controller做控制，如下示例Controller的定义

二、Controller的结构和定义

1、定义LoyoutController

    [Route("Loyout")]
    class LoyoutController : Controller
    {

        public LoyoutController(ShareViewModel shareViewModel) : base(shareViewModel)
        {

        }

        public async Task<IActionResult> Center()
        {
            return View();
        }

        [Route("OverView/Button")]
        public async Task<IActionResult> Mdi()
        {
            return View();
        }

        public async Task<IActionResult> Left()
        {
            return View();
        }

        public async Task<IActionResult> Right()
        {
            return View();
        }

        public async Task<IActionResult> Top()
        {
            return View();
        }

        public async Task<IActionResult> Bottom()
        {
            return View();
        }

        [Route("OverView/Toggle")]
        public async Task<IActionResult> Toggle()
        {
            return View();
        }

        [Route("OverView/Carouse")]
        public async Task<IActionResult> Carouse()
        {
            return View();
        }

        [Route("OverView/Evaluate")]
        public async Task<IActionResult> Evaluate()
        {
            return View();
        }

        [Route("OverView/Expander")]
        public async Task<IActionResult> Expander()
        {
            return View();
        }

        [Route("OverView/Gif")]
        public async Task<IActionResult> Gif()
        {
            return View();
        }

        [Route("OverView/Message")]
        public async Task<IActionResult> Message()
        {
            return View();
        }

        [Route("OverView/Upgrade")]
        public async Task<IActionResult> Upgrade()
        {
            return View();
        }

        [Route("OverView/Property")]
        public async Task<IActionResult> Property()
        {
            return View();
        }

        [Route("OverView/ProgressBar")]
        public async Task<IActionResult> ProgressBar()
        {
            return View();
        }

        [Route("OverView/Slider")]
        public async Task<IActionResult> Slider()
        {
            return View();
        }

        [Route("OverView/Tab")]
        public async Task<IActionResult> Tab()
        {
            return View();
        }

        [Route("OverView/Tree")]
        public async Task<IActionResult> Tree()
        {
            return View();
        }

        [Route("OverView/Observable")]
        public async Task<IActionResult> Observable()
        {
            return View();
        }

        [Route("OverView/Brush")]
        public async Task<IActionResult> Brush()
        {
            return View();
        }

        [Route("OverView/Shadow")]
        public async Task<IActionResult> Shadow()
        {
            return View();
        }

        [Route("OverView/Button")]
        public async Task<IActionResult> Button()
        {
            await MessageService.ShowWaittingMessge(() => Thread.Sleep(500));

            this.ViewModel.ButtonContentText = DateTime.Now.ToString();

            return View();

        }



        [Route("OverView/Grid")]
        public async Task<IActionResult> Grid()
        {
            return View();
        }

        [Route("OverView/Combobox")]
        public async Task<IActionResult> Combobox()
        {
            return View();
        }

        [Route("OverView")]
        public async Task<IActionResult> OverView()
        {
            await MessageService.ShowWaittingMessge(() => Thread.Sleep(500));

            MessageService.ShowSnackMessageWithNotice("OverView");

            return View();
        }

        [Route("OverView/TextBox")]
        public async Task<IActionResult> TextBox()
        {
            return View();
        }

        [Route("OverView/Book")]
        public async Task<IActionResult> Book()
        {
            return View();
        }

        [Route("OverView/Xaml")]
        public async Task<IActionResult> Xaml()
        {
            return View();
        }

        [Route("OverView/Dimension")]
        public async Task<IActionResult> Dimension()
        {
            return View();
        }

        [Route("OverView/Geometry")]
        public async Task<IActionResult> Geometry()
        {
            return View();
        }

        [Route("OverView/Panel")]
        public async Task<IActionResult> Panel()
        {
            return View();
        }
        [Route("OverView/Transform3D")]
        public async Task<IActionResult> Transform3D()
        {
            return View();
        }

        [Route("OverView/Drawer")]
        public async Task<IActionResult> Drawer()
        {
            return View();
        }
    }

2、前端的页面

如下

其中红色部分对应Controller里面的要跳转的Route

如：选择了红色部分的Button，首先会调用Button()方法，跳转到当前Controller对应的View文件加下的ButtonControl.xaml页面

        [Route("OverView/Button")]
        public async Task<IActionResult> Button()
        {
            await MessageService.ShowWaittingMessge(() => Thread.Sleep(500)

;

            this.ViewModel.ButtonContentText = DateTime.Now.ToString();

            return View();

        }

可以在Button()方法中，写一些业务逻辑，如对当前ViewModel的增删改查等常规操作，其中当前Controller成员ViewModel是内部封装好的ViewModel，对应ViewModel文件下面的当前Controller的ViewModel

3、示例：

4、左侧的Xaml列表可以定义成如下形式：

    <Grid>
        <wpfcontrollib:LinkGroupExpander ScrollViewer.HorizontalScrollBarVisibility="Disabled" x:Name="selectloyout" 
                                         SelectedLink="{Binding SelectLink,Mode=TwoWay}"
                                         Command="{x:Static wpfcontrollib:DrawerHost.CloseDrawerCommand}"
                                         CommandParameter="{x:Static Dock.Left}">
            <wpfcontrollib:LinkActionGroup DisplayName="基础控件" Logo="&#xe69f;">
                <wpfcontrollib:LinkActionGroup.Links>
                    <wpfcontrollib:LinkAction  DisplayName="Button" Logo="&#xe69f;"  Controller="Loyout" Action="Button" />
                    <wpfcontrollib:LinkAction  DisplayName="TextBox"  Logo="&#xe6a3;" Controller="Loyout"  Action="TextBox"/>
                    <wpfcontrollib:LinkAction  DisplayName="Combobox"  Logo="&#xe6a3;" Controller="Loyout" Action="Combobox"  />
                    <wpfcontrollib:LinkAction  DisplayName="Toggle"  Logo="&#xe6a3;" Controller="Loyout" Action="Toggle"/>
                    <wpfcontrollib:LinkAction  DisplayName="Evaluate" Logo="&#xe69f;" Controller="Loyout" Action="Evaluate"/>
                    <wpfcontrollib:LinkAction  DisplayName="Expander" Logo="&#xe69f;" Controller="Loyout" Action="Expander"/>
                    <wpfcontrollib:LinkAction  DisplayName="Gif" Logo="&#xe69f;" Controller="Loyout" Action="Gif"/>
                    <wpfcontrollib:LinkAction  DisplayName="ProgressBar" Logo="&#xe69f;" Controller="Loyout" Action="ProgressBar"/>
                    <wpfcontrollib:LinkAction  DisplayName="Slider" Logo="&#xe69f;" Controller="Loyout" Action="Slider"/>
                </wpfcontrollib:LinkActionGroup.Links>
            </wpfcontrollib:LinkActionGroup>

            <wpfcontrollib:LinkActionGroup DisplayName="布局控件" Logo="&#xe69f;">
                <wpfcontrollib:LinkActionGroup.Links>
                    <wpfcontrollib:LinkAction  DisplayName="MdiControl" Logo="&#xe69f;" Controller="Loyout" Action="Mdi"/>
                    <wpfcontrollib:LinkAction  DisplayName="Carouse" Logo="&#xe69e;" Controller="Loyout" Action="Carouse"/>
                    <wpfcontrollib:LinkAction  DisplayName="Tab" Logo="&#xe69f;" Controller="Loyout" Action="Tab"/>
                    <wpfcontrollib:LinkAction  DisplayName="Tree" Logo="&#xe69f;" Controller="Loyout" Action="Tree"/>
                    <wpfcontrollib:LinkAction  DisplayName="ObservableSource" Logo="&#xe69f;" Controller="Loyout" Action="Observable"/>
                    <wpfcontrollib:LinkAction  DisplayName="Property" Logo="&#xe69f;" Controller="Loyout" Action="Property"/>
                    <wpfcontrollib:LinkAction  DisplayName="Panel" Logo="&#xe69f;" Controller="Loyout" Action="Panel"/> 
                </wpfcontrollib:LinkActionGroup.Links>
            
            </wpfcontrollib:LinkActionGroup>

            <wpfcontrollib:LinkActionGroup DisplayName="全局控件" Logo="&#xe69f;">
                <wpfcontrollib:LinkActionGroup.Links>
                    <wpfcontrollib:LinkAction  DisplayName="Message" Logo="&#xe69f;" Controller="Loyout" Action="Message"/>
                    <wpfcontrollib:LinkAction  DisplayName="Upgrade" Logo="&#xe69e;" Controller="Loyout" Action="Upgrade"/>
                    <wpfcontrollib:LinkAction  DisplayName="Drawer" Logo="&#xe69f;" Controller="Loyout" Action="Drawer"/> 
                </wpfcontrollib:LinkActionGroup.Links>
            </wpfcontrollib:LinkActionGroup>

            <wpfcontrollib:LinkActionGroup DisplayName="全局样式" Logo="&#xe69f;">
                <wpfcontrollib:LinkActionGroup.Links>
                    <wpfcontrollib:LinkAction  DisplayName="Brush" Logo="&#xe69f;" Controller="Loyout" Action="Brush"/>
                    <wpfcontrollib:LinkAction  DisplayName="Shadow" Logo="&#xe69f;" Controller="Loyout" Action="Shadow"/>
                    
                </wpfcontrollib:LinkActionGroup.Links>
            </wpfcontrollib:LinkActionGroup>

        </wpfcontrollib:LinkGroupExpander>
    </Grid>

通过LinkGroupExpander控件，封装LinkAction去实现页面的跳转，其中只需要定义LinkAction的几个属性即可达到跳转到指定页面的效果，如：

Controller属性：用来指示要跳转到哪个Controller

Action属性：用来指示跳转到哪个方法

DisplayName属性：在UI中显示的名称

Logo属性：在UI中显示的图标

如下，Controller中的Button()方法对应的跳转配置如下

[Route("OverView/Button")]
public async Task<IActionResult> Button()

<wpfcontrollib:LinkAction DisplayName="Button" Logo="&#xe69f;"  Controller="Loyout" Action="Button" />

4、Controller基类的定义ControllerBase

主要方法是IActionResult View([CallerMemberName] string name = "")，这个方法是MVC实现的核心功能，主要通过反射去动态加载程序集，加载项目结构中的View、ViewModel去生成IActionResult返回给主页面进行页面跳转，代码如下：

    public abstract class ControllerBase : IController
    {
        protected virtual IActionResult View([CallerMemberName] string name = "")
        {
            var route = this.GetType().GetCustomAttributes(typeof(RouteAttribute), true).Cast<RouteAttribute>();

            string controlName = null;

            if (route.FirstOrDefault() == null)
            {
                controlName = this.GetType().Name;
            }
            else
            {
                controlName = route.FirstOrDefault().Name;
            }

            var ass = Assembly.GetEntryAssembly().GetName();

            string path = $"/{ass.Name};component/View/{controlName}/{name}Control.xaml";

            Uri uri = new Uri(path, UriKind.RelativeOrAbsolute);

            var content = Application.Current.Dispatcher.Invoke(() =>
            {
                return Application.LoadComponent(uri);
            });

            ActionResult result = new ActionResult();

            result.Uri = uri;
            result.View = content as ContentControl;

            Type type = Assembly.GetEntryAssembly().GetTypeOfMatch<NotifyPropertyChanged>(l => l.Name == controlName + "ViewModel");

            result.ViewModel = ServiceRegistry.Instance.GetInstance(type);

            Application.Current.Dispatcher.Invoke(() =>
            {
                (result.View as FrameworkElement).DataContext = result.ViewModel;

            });

            return result;
        }


        protected virtual IActionResult LinkAction([CallerMemberName] string name = "")
        {
            var route = this.GetType().GetCustomAttributes(typeof(RouteAttribute), true).Cast<RouteAttribute>();

            string controlName = null;

            if (route.FirstOrDefault() == null)
            {
                controlName = this.GetType().Name;
            }
            else
            {
                controlName = route.FirstOrDefault().Name;
            }

            var ass = Assembly.GetEntryAssembly().GetName();

            string path = $"/{ass.Name};component/View/{controlName}/{name}Control.xaml";

            Uri uri = new Uri(path, UriKind.RelativeOrAbsolute);

            var content = Application.Current.Dispatcher.Invoke(() =>
            {
                return Application.LoadComponent(uri);
            });

            ActionResult result = new ActionResult();

            result.Uri = uri;
            result.View = content;

            Type type = Assembly.GetEntryAssembly().GetTypeOfMatch<NotifyPropertyChanged>(l => l.Name == controlName + "ViewModel");

            result.ViewModel = ServiceRegistry.Instance.GetInstance(type);

            Application.Current.Dispatcher.Invoke(() =>
            {
                (result.View as FrameworkElement).DataContext = result.ViewModel;
            });

            return result;
        }

    }

说明:

1、通过Application.LoadComponent(uri);来加载生成Control

2、通过反射ViewModel基类NotifyPropertyChanged去找到对应ViewModel，绑定到View中

3、将View和ViewModel封装到IActionResult中返回给主页面进行加载

其中Controller中的方法返回类型是async Task<IActionResult>，也就是整个页面跳转都是在异步中进行的，可以有效的避免页面切换中的卡死效果

三、View中的结构和定义

其中View在项目中的定义就是根据Controller中的方法对应，在MVC中要严格按照结构定义[View/Loyout]，好处是可以减少代码量，同时使格式统一代码整齐，结构如下：


其中红色ButtonControl.xaml即是Controller中Button()方法要跳转的页面，其他页面同理

四、ViewModel的结构和定义

其中LoyoutViewModel即是LoyoutController和整个View/Loyout下所有页面对应的ViewModel

五、整体MVC结构实现的效果如下

以上就是MVC应用在WPF中的简要示例，具体内容和示例可从如下链接中下载代码查看

代码地址：https://github.com/HeBianGu/WPF-ControlBase.git

另一个应用Sqlite数据库的示例如下

代码地址：https://github.com/HeBianGu/WPF-ExplorerManager.git

 

  

需要了解的知识点

System.Windows.Controls 命名空间 | Microsoft Learn

了解更多

GitHub - HeBianGu/WPF-ControlDemo: 示例

GitHub - HeBianGu/WPF-ControlBase: Wpf封装的自定义控件资源库

GitHub - HeBianGu/WPF-Control: WPF轻量控件和皮肤库

System.Windows.Controls 命名空间 | Microsoft Learn

HeBianGu (HeBianGu) · GitHub

HeBianGu的个人空间-HeBianGu个人主页-哔哩哔哩视频

 

WPF MVVM框架
hccee的博客
11-15 2416
MVVM即Model-View-ViewModel，MVVM模式与MVP（Model-View-Presenter）模式相似，主要目的是分离视图（View）和模型（Model），具有低耦合、可重用性、独立开发、可测试性等优点。
MVC（WPF）
weixin_44552839的博客
06-04 686
Windows Presentation Foundation 由两个主要部分组成：引擎和编程框架。 XAML命名空间的语法： xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"对应一些与XAML语法和编译相关 的CLR名称空间，例如 xmlns[:可选映射前缀]=“命名空间描述” xmlns和xmlns:x的区别在于x作为别名，在应用时，...
WPF / Mvvm模式及MVC模式示例
04-23
最近项目中要使用到MVC模式进行开发，写了一个小例子，希望对部分朋友有一定的帮助。 另附有一份MVVM模式源码。
WPF MVVM
博客
11-19 2056
WPF MVVM
WPF 开发从入门到进阶（五）
最新发布
m0_44975814的博客
03-18 1405
MVVM（Model - View - ViewModel）是一种设计模式，用于分离 UI 设计和业务逻辑。它将视图（View）、视图模型（ViewModel）和模型（Model）分离，提高了代码的可维护性和可测试性。Model：表示应用程序的数据和业务逻辑，如数据库实体、业务规则等。View：负责界面的呈现，即 XAML 文件定义的 UI 元素。ViewModel：作为 View 和 Model 之间的桥梁，负责处理视图的交互逻辑和数据转换，实现了视图和模型的解耦。
WPF开发框架
01-16
这是一款界面比较精美的基于WPF技术的开发框架，该框架是作者在开发公司客户端时写的框架, 该框架标题为交通建设项目管理信息化系统。 二、功能介绍 1.代码按照三层结构+MVC模式设计。 2.界面展现层采用WPF开发。 3.系统界面采用统一样式定义。 4.界面设计业务代码全面分离。 5.系统设置模块管理。 6.为二次开发提供健壮保障。
MVC
weixin_30849403的博客
05-12 128
MVC模式（Model-View-Controller）是软件工程中的一种软件架构模式，把软件系统分为三个基本部分：模型（Model）、视图（View）和控制器（Controller） （控制器Controller）- 负责转发请求，对请求进行处理。 （视图View） - 界面设计人员进行图形界面设计。 （模型Model） - 程序员编写程序应有的功能（实现算法等等）、数据库专家进行数据管理...
.NET 平台 WPF 通用权限开发框架 (ABP)
weixin_35682224的博客
11-04 521
合集 - .NET 开源工具(23)1..NET 开源快捷的数据库文档查询和生成工具07-312..NET 结果与错误处理利器 FluentResults08-013..NET+WPF 桌面快速启动工具 GeekDesk08-194.Gradio.NET 支持 .NET 8 简化 Web 应用开发08-265..NET 开源实时监控系统 - WatchDog08-276.实用接地气的 .NET 微...
[WPF自定义控件库]简单的表单布局控件
dino.c
05-29 918
1. WPF布局一个表单 <Grid Width="400" HorizontalAlignment="Center" VerticalAlignment="Center"> <Grid.RowDefinitions> <RowDefinition Height="Auto" /> <RowDefinition H...
【自定义控件外观与行为】：Prism与WPF控件模板应用教程
本文旨在探讨Prism框架与WPF（Windows Presentation Foundation）的综合应用，深入介绍Prism的核心概念，包括其架构特点、主要组件以及依赖注入的原理和实现。此外，文章详细解析了WPF控件模板与样式设计，探讨了...
一个简单的WPF系统框架
10-12
一个简单的WPF系统框架，采用MVVM模式；
WPF开发框架源码 交通建设管理系统架构C#.net源码
09-06
WPF开发框架源码 交通建设管理系统架构C#.net源码 ，WPFUI 开发框架源码，淘宝上他们有卖的，我觉得用这个卖钱没什么意思,以前CSDN还有不需要积分，现在都需要1个积分了，没办法，见谅
WPF MVVM开发框架
03-20
WPF编写的MVVM框架，可以拿来直接修改成自己的项目（框架比较基础，但大部分功能已经可以实现）
C# WPF MVC模式 画图 源代码
08-15
MVC框架，WPF应用程序，画直线，画圆，画矩形，可以方便扩展，是WPF应用程序入门的好帮手
WPF 通用权限开发框架.rar
09-15
WPF 通用权限开发框架，压缩包中有代码以及相关说明文档；完整的实战项目案例，可供学习和用于实际项目
MVC框架（一）----前端框架分类
xcymorningsun的专栏
11-17 1万+
一、前端框架库： 1.Zepto.js 描述：Zepto是一个轻量级的针对现代高级浏览器的JavaScript库，它与jquery有着类似的api。如果你会用jquery，那么你也会用zepto。关于Zepto认知我也是通过与一位腾讯朋友聊天的时候知道的，只作了些基础的了解。 2.SUI Mobile 描述：SUI Mobile 是一套基于 Framework7 开发的UI库。
MVC框架中的前端与后端数据传递及实例
热门推荐
明中明
07-05 1万+
一、MVC框架 MVC代表Model、View、Controller，即模型、视图、控制器。其中： View(视图):就是人机交互界面，可以给用户显示业务逻辑数据，同时也可以 接收用户输入的数据。 Model(模型):程序的业务数据和业务逻辑处理部分，Model提供视图的显示数据，且一个Model能为多个视图提供业务数据，因此Model也增加了代码的复用性。 Controlle(控制器):...
WPF的MVVM模式详解（一)
02-20
MVVM模式由微软的WPF团队提出，其灵感来源于经典的MVC（Model-View-Controller）模式。在这个模式中，"Model"代表数据模型，负责存储和处理业务逻辑；"View"是用户界面，负责展示数据和接收用户输入；"ViewModel...
C# WinForm框架开发：系统架构与实践应用
C# WinForm系统框架是一种用于创建Windows客户端应用程序的框架，其基于.NET框架。它提供了一种快速、简便的方法来创建图形用户界面（GUI）应用程序。在介绍C# WinForm系统框架之前，有必要理解几个相关知识点，包括...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值