一起搭WPF界面之MVVM架构的简单搭建

一起搭WPF界面之MVVM架构的简单搭建

1 前言

最近做项目严格执行

MVVM

模式开发，即

Model-View-ViewModel

。

• Model（模型）：定义应用程序的数据结构和业务逻辑。
• View（视图）：这是WPF应用程序的UI部分，使用XAML来定义。视图不包含业务逻辑，只负责显示数据和接收用户输入。可以将数据与后台进行剥离，当出现多个任务时，可以考虑将界面划分为多个模块，然后后台写后台的程序，最后将后台数据与前端绑定即可。
• ViewModel/Controller（控制器）：在WPF中，控制器的角色通常由ViewModel或代码后台（Code-behind）来承担。控制器负责处理用户输入、更新模型和视图。

2 创建项目

2.1新建项目

基于WPF应用开发，选择对应的.Net Framework进行窗体应用开发。

2.2WPF

定义项目名称，选择目标框架。通常来说高级别的框架优化比较好，但是使用了高级别的框架再移植到低级别的框架去使用时可能会存在一定的风险。

2.3创建完成

创建完成后，会自动生成一个新的界面窗体

MainWindow.xaml

，可以开始大展拳脚了！

3 MVVM划分

3.1 划分逻辑

以MainView为主界面进行网格化功能不同而划分，MainViewModel中可以切换不同界面在主界面上显示。每个不同的子界面可以独立进行界面设计与数据逻辑处理，不影响主界面的后台逻辑绑定。
在大型项目中，可以模块化将项目划分给不同的人进行代码逻辑设计，分工清晰。

3.2文件夹创建

项目建立后，通过文章最初提到的

MVVM

的模式进行文件夹的划分，为了后续开发划分进行归纳，更好理解

MVVM

的使用意义！

可以参考一下命名方式进行命名

：

• Models内放入cs文件，常用于处理数据和业务逻辑。
• ViewModels内放入cs文件，常用于调用Models文件，更新用户数据。
• Views内设计界面。

3.3文件创建

手把手教你，创建并完成文件划分！

3.3.1 Views——可在主界面的基础上，划分多个用户控件模块

项目本身就有自动生成MainWindow.xaml，将其放置在Views中。

• 更改前：

• 更改后：

这里Views.MainWindow.xaml是不对的！要用斜杠！


MainWindow.xaml移动后，需要将对应的地址进行调整。

调整过后MainWinodow设计器可能还无法显示，请关掉项目，再重新启动！

3.3.2 ViewModels——创建数据结构存放的cs文件

3.3.3 Models——创建处理数据业务逻辑的cs文件

4 总结

记录。