Model和View、ViewModel介绍

最新推荐文章于 2025-10-20 16:55:57 发布

原创最新推荐文章于 2025-10-20 16:55:57 发布 · 2.3k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#mvvm

本文介绍了使用MVVM架构构建项目时的分层结构，包括View、ViewModel和Model的角色。详细展示了如何创建一个包含Model类的项目目录，并提供了WelcomeModel的代码示例，该模型类具有一个Introduction属性并实现了数据绑定。

一、分层结构：

1、View负责前端展示，与ViewModel进行数据和命令的交互。
2、ViewModel，负责前端视图业务级别的逻辑结构组织，并将其反馈给前端。
3、Model，主要负责数据实体的结构处理，与ViewModel进行交互
根据上述的分层，我们来进行编码。
先建立一个完整三层结构的目录，如图，包含Model、View、ViewModel三层文件夹\

当然除了以上三个文件夹，我们还有会用到的文件夹如下：
Define ——用于存放我们设置的一些宏（#define）。
Model ——用于存放模型类（数据模型）。
NetworkManager ——用于存放网络请求类
Resources ——用于存放资源例如xib，storyboard，图片，plist，音频，视频
Util ——用于存放我们定义的分类和扩展或者工具类
Vendors ——用于存放第三方框架或者第三方SDK文件
View ——用于存放视图类
ViewControllers ——用于存放视图控制器类
ViewModel ——用于存放视图模型类，及处理 View 和 Model 之间的业务逻辑
1、写一个Model，代码如下：
1 using GalaSoft.MvvmLight;
2 using System;
3 using System.Collections.Generic;
4 using System.Linq;
5 using System.Text;
6 using System.Threading.Tasks;
8 namespace MVVMLightDemo.Model
9 {
10 public class WelcomeModel : ObservableObject
11 {
12 private String introduction;
13 ///
14 /// 欢迎词
15 ///
16 public String Introduction
17 { get { return introduction; }
19 set { introduction = value;
RaisePropertyChanged(()=>Introduction); }
20 }
21 }
22 }