UWPDemo(一)创建一个简单MVVM模式的UWP应用

最新推荐文章于 2025-10-27 12:18:58 发布

原创

最新推荐文章于 2025-10-27 12:18:58 发布 · 1.5k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#MVVM #数据绑定 #UWP

本文介绍了如何创建一个简单的MVVM模式的UWP应用。首先，讲解了MVVM架构的三个主要部分：Model层负责数据同步，View层作为视图模板，ViewModel层处理业务逻辑并协调View和Model。接着，详细描述了在View层添加视图和在ViewModel层绑定数据的过程，以及如何通过PageContext实现View和ViewModel的关联。最后提到了后续将涉及的Sqlite数据库操作。

创建一个UWP应用

这里写图片描述

新建文档

由于我们要采用MVVM的模式所有添加如图文件夹：
这里写图片描述
其中

Model 层

Model 层，对应数据层的域模型，它主要做域模型的同步。通过 Ajax/fetch 等 API 完成客户端和服务端业务 Model 的同步。在层间关系里，它主要用于抽象出 ViewModel 中视图的 Model。

View 层

View 层，作为视图模板存在，在 MVVM 里，整个 View 是一个动态模板。除了定义结构、布局外，它展示的是 ViewModel 层的数据和状态。View 层不负责处理状态，View 层做的是数据绑定的声明、指令的声明、事件绑定的声明。

ViewModel 层

ViewModel 层把 View 需要的层数据暴露，并对 View 层的数据绑定声明、指令声明、事件绑定声明负责，也就是处理 View 层的具体业务逻辑。ViewModel 底层会做好绑定属性的监听。当 ViewModel 中数据变化，View 层会得到更新；而当 View 中声明了数据的双向绑定（通常是表单元素），框架也会监听 View 层（表单）值的变化。一旦值变化，View 层绑定的 ViewModel 中的数据也会得到自动更新。