【MVVM】目的是为了分离视图(View)和模型(Model)的耦合——解耦
1、View负责前端展示,与ViewModel进行数据和命令的交互。(
双向的数据属性传递,单向的命令属性传递View→ViewModel)
2、ViewModel,负责前端视图业务级别的逻辑结构组织,并将其反馈给前端。
3、Model,主要负责数据实体的结构处理,与ViewModel进行交互。
其实我个人认为,数据和业务交互这一层还是应该另外独立,Model中完全就是实体模型,这样更清晰。
【安装Prism模板框架】建议用手机热点下载。也可以在VS的NuGet中搜索,但是每建一个项目就需要搜索引用一次,麻烦。
VS2017及以上版本中,拓展—管理拓展(或工具—拓展和更新),联机,搜索Prism Template Pack,安装即可。(推荐此安装方式)
也可以网上下载https://marketplace.visualstudio.com/items?itemName=BrianLagunas.PrismTemplatePack
新建项目界面出现下图,安装成功。
【实战】像学高中物理受力分析一样,先分析界面有多少数据属性、命令属性
新建Prsm Blank App(WPF) 项目:Demo MVVM
Views中MainWindow.xaml代码:
<Window x:Class="DemoMVVM.Views.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:prism="http://prismlibrary.com/" prism:ViewModelLocator.AutoWireViewModel="True" Title="{Binding Title}" Height="200" Width="300"> <StackPanel> <TextBox Text="{Binding Input1}" Margin="5,20,5,5" Width="100"/> <TextBox Text="{Binding Input2}" Margin="5" Width="100"/> <Button Command="{Binding AddCommand}" Content="求和" Width="75" Margin="5"