iOS--明白MVC与MVVM

MVC

MVC 是一种将应用步伐分为三部分的架构模式：Model（模型）、View（视图）、Controller（控制器）。每部分负责差异的职责，使代码更加模块化、易于维护。
• Model：负责业务数据的管理，包罗业务数据的结构和逻辑。以及数据存储。
• View：负责界面的展示和用户交互。
• Controller：负责毗连 Model 和 View，处理用户输入并更新 Model 和 View。

其中Controller是Model和View的桥梁，见下图：

   整个框架的设计最优结构是View层不依靠Controller层而独立存在，Model层不依靠Controller层和View层独立存在，Controller层负责关联二者，View层只负责展示，Model层持有数据和业务的具体实现，而Controller层则处理事故相应以及业务的调用以及通知界面更新。三者之间一定要明确的定义为单向依靠，而不应该出现双向依靠
  
Swift demo

1. import UIKit
3. // Model: 数据结构
4. struct User {
5.     let name: String
6.     let age: Int
8.     func isAdult() -> Bool {
9.         return age >= 18
10.     }
11. }
13. // View: 展示用户信息
14. class UserView: UIView {
15.     private let nameLabel = UILabel()
16.     private let ageLabel = UILabel()
17.    
18.     override init(frame: CGRect) {
19.         super.init(frame: frame)
20.         setupView()
21.     }
22.    
23.     required init?(coder: NSCoder) {
24.         super.init(coder: coder)
25.         setupView()
26.     }
27.    
28.     private func setupView() {
29.         addSubview(nameLabel)
30.         addSubview(ageLabel)
31.         // ...布局代码省略
32.     }
33.    
34.     func updateView(name: String, age: Int) {
35.         nameLabel.text = "Name: \(name)"
36.         ageLabel.text = "Age: \(age)"
37.     }
38. }
40. // Controller: 连接 Model 和 View
41. class UserController: UIViewController {
42.     private let userView = UserView()
43.     private var user: User?
45.     override func viewDidLoad() {
46.         super.viewDidLoad()
47.         view.addSubview(userView)
48.         // ...布局代码省略
49.         
50.         // 设置 Model 并更新 View
51.         userView.updateView(name: "Alice", age: 25)
52.         
53.     }
54. }

复制代码

好处：进步开辟效率，简化操纵

坏处：
• UIViewController 变得过于臃肿，因为它负担了太多职责。
• View 和 Controller 间的耦合度较高，难以测试。




MVP

MVP 是一种改进的 MVC 设计模式，它通过 Presenter 更清晰地管理 View 和 Model 之间的交互。MVP 中 View 和 Model 的依靠关系较少，逻辑处理更加集中在 Presenter 中。MVP 模式通过引入 Presenter 进一步解耦，将业务逻辑与视图更新独立出来。具体来说：

• Model：负责数据处理和业务逻辑，与 MVC 中的 Model 雷同。它处理全部与数据相干的操纵，好比获取、保存和更新数据。
• View：只负责显示 UI 和用户的输入，尽可能简单。它不直接与 Model 交互，而是通过 Presenter 进行通信。View 不包罗任何业务逻辑。
• Presenter：是 View 和 Model 的中间层，负责从 Model 获取数据并转达给 View，同时处理用户输入和更新 Model。Presenter 不依靠于具体的 UI 框架，因此更易于测试。
结构如下：

在 MVP 中，View 非常轻量，几乎不包罗任何业务逻辑。全部与 View 相干的业务逻辑都交给 Presenter 来处理。View 和 Model 之间没有直接交互，全部交互都通过 Presenter。
长处：

• Presenter 不依靠具体的 View，实现了业务逻辑的分离，增强了代码的可测试性。

缺点：

• 由于通过协议来定义 View，会带来额外的代码复杂度。


MVVM

MVVM 是一种更注意数据绑定息争耦的架构模式，分为三部分：Model（模型）、View（视图）、ViewModel（视图模型）。其中视图模型（ViewModel）其实就是MVP模式中的P

• Model：和 MVC 中雷同，负责数据管理。
• View：负责界面的展示。
• ViewModel：负责处理 Model 和 View 的逻辑，通常包罗数据的转换、绑定等，使 View 更加轻量化。

swift demo
ViewModel & Model

1. import Foundation
3. protocol ViewModelDelegate: AnyObject {
4.     func didUpdateData(_ viewModel: ViewModel)
5. }
7. class ViewModel {
8.     weak var delegate: ViewModelDelegate?
9.     private var model: Model
11.     var displayText: String {
12.         return "Hello, \(model.name)"
13.     }
15.     init(model: Model) {
16.         self.model = model
17.     }
19.     func updateName(to newName: String) {
20.         model.name = newName
21.         delegate?.didUpdateData(self) // 通知 View 数据已更新
22.     }
23. }
25. class Model {
26.     var name: String
28.     init(name: String) {
29.         self.name = name
30.     }
31. }

复制代码

ViewController (View)

1. import UIKit
3. class ViewController: UIViewController, ViewModelDelegate {
4.    
5.     private var viewModel: ViewModel!
6.     private let nameLabel = UILabel()
7.     private let changeButton = UIButton(type: .system)
9.     override func viewDidLoad() {
10.         super.viewDidLoad()
12.         // 初始化 Model 和 ViewModel
13.         let model = Model(name: "World")
14.         viewModel = ViewModel(model: model)
15.         viewModel.delegate = self
16.         
17.         setupUI()
18.         updateUI()
19.     }
20.    
21.     private func setupUI() {
22.         view.backgroundColor = .white
24.         nameLabel.translatesAutoresizingMaskIntoConstraints = false
25.         view.addSubview(nameLabel)
26.         nameLabel.centerXAnchor.constraint(equalTo: view.centerXAnchor).isActive = true
27.         nameLabel.centerYAnchor.constraint(equalTo: view.centerYAnchor).isActive = true
29.         changeButton.setTitle("Change Name", for: .normal)
30.         changeButton.translatesAutoresizingMaskIntoConstraints = false
31.         view.addSubview(changeButton)
32.         changeButton.topAnchor.constraint(equalTo: nameLabel.bottomAnchor, constant: 20).isActive = true
33.         changeButton.centerXAnchor.constraint(equalTo: view.centerXAnchor).isActive = true
34.         changeButton.addTarget(self, action: #selector(changeName), for: .touchUpInside)
35.     }
37.     @objc private func changeName() {
38.         viewModel.updateName(to: "MVVM")
39.     }
40.    
41.     private func updateUI() {
42.         nameLabel.text = viewModel.displayText
43.     }
45.     // ViewModelDelegate 方法，ViewModel 数据变化时触发
46.     func didUpdateData(_ viewModel: ViewModel) {
47.         updateUI()
48.     }
49. }

复制代码

长处：
• View 和业务逻辑的完全分离，增强了代码的可测试性。
• 数据绑定使得 UI 更新非常方便。

缺点：
• 初期代码复杂度较高，尤其是在没有使用相应式编程的情况下。



mvc的Controller和mvp的Presenter和mvvm的viewmodel的重要区别：

重要是view的交互、与model的交互区别。

总结：

参考：
https://medium.com/@wanghaonanlpc/mvc-vs-mvp-vs-mvvm-bfcf7568aac0
iOS简单明白区分MVC、MVP、MVVM_ios mvvm-CSDN博客


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