复合模式2:MVC模式

目录

1. 简单认识MVC模式

2. 深入一点观察

3. 再深入一点

4. 利用MVC模式解决实际问题

5. 适配模式、

6. MVC与Web

1. 简单认识MVC模式

我们简单看一下一个MP3播放器的MVC模式

复合模式2:MVC模式

2. 深入一点观察

视图:用来呈现模型、视图通常直接从模型中取得它需要显示的状态与数据;

控制器:取得用户的输入并解读其对模型的意思;

模型:持有所有的数据,状态和程序逻辑,模型没有注意到视图和控制器,虽然提供了操纵和检索状态的接口,并发送状态改变通知给观察者。

复合模式2:MVC模式

复合模式2:MVC模式

 

3. 再深入一点

复合模式2:MVC模式

复合模式2:MVC模式

4. 利用MVC模式解决实际问题

让我们看看视图

复合模式2:MVC模式

复合模式2:MVC模式

我们把片段拼起来

复合模式2:MVC模式

模型负责维护所有的数据、状态和应用逻辑,BeatModel主要工作是管理节拍。

复合模式2:MVC模式

现在让我们看看具体的BeatModel类

复合模式2:MVC模式

复合模式2:MVC模式

我们现在看看视图的代码复合模式2:MVC模式

让我们看看控制部分的代码

复合模式2:MVC模式

下面是控制器的代码

复合模式2:MVC模式

复合模式2:MVC模式

复合模式2:MVC模式

5. 适配模式

上面的基于mvc模式的MP3架构已经讨论完了,如果此时我们有一个心脏监视类呢?

复合模式2:MVC模式

基于上面的思想,我们加一个适配器

复合模式2:MVC模式

复合模式2:MVC模式

复合模式2:MVC模式

6. MVC与Web

web开发人员也在适配mvc,使它符合浏览器/服务器模型。我们称这样的适配为“model 2”,并使用servlet和jsp的结合,来达到mvc的分离效果,就像传统的GUI。

复合模式2:MVC模式

嗯,但是jsp还是能够直接访问到模型类,我们可以限制视图部分的访问权限。

复合模式2:MVC模式

复合模式2:MVC模式

复合模式2:MVC模式

复合模式2:MVC模式

在dopost的最后,我们将model传给jsp,model刚好就是一个bean。

复合模式2:MVC模式

复合模式2:MVC模式

复合模式2:MVC模式

复合模式2:MVC模式

问题

复合模式2:MVC模式