一起搭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中。

• 更改前：
  

• 更改后：
  

MainWindow.xaml移动后，需要将对应的地址举行调整。
调整事后MainWinodow设计器可能还无法表现，请关掉项目，再重新启动！
3.3.2 ViewModels——创建数据布局存放的cs文件

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

---

4 总结

记载。

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。