`

图解 MVC 和 MVP 模式

 
阅读更多

起初,只有命令行。

软件工程师的灵就运行在 shell 上。

Xerox 说:「要有 GUI」……

一、桌面软件的 MVC

感谢 Smalltalk。感谢 GUI。

桌面软件的 MVC

二、B/S 架构的 MVC

后来,互联网兴起,于是程序员把自己的程序放到服务器上运行,此时 GUI 发生了变化。所有的界面的现实 (View层)换成了浏览器(HTML)。

此时,MVC 被带到了 BS 架构。感谢 sun。感谢 struts。

B/S 架构的 MVC

三、前端的 MVP

再后来,浏览器越来越强悍,于是很多的业务放到了浏览器里面来执行。

于是程序员们把 MVC 带到了 View 层。但是用 HTML+CSS+JS 做显示层,和传统的桌面 GUI 又有很大区别。 于是,为了充分发挥 js 语言的特点,MVP 就出现了。

前端的 MVP

130
20
分享到:
评论
7 楼 JonathanWang 2014-01-03  
plp12321 写道
很明显用ppt画的。

PPT2010,不用谢
6 楼 plp12321 2014-01-03  
很明显用ppt画的。
5 楼 smallXiaoTi 2014-01-03  
看着图图只可意会不可言传。。
4 楼 java290236573 2014-01-02  
楼主用的什么软件,画得图,分享下谢谢
3 楼 alvin198761 2014-01-02  
你该感谢的是阿帕奇
2 楼 sswh 2014-01-02  
几种不同颜色的线分别代表的含义?

哪些是直接调用?哪些是事件通知?或者其他?
1 楼 maoweiwer 2014-01-02  
这是用什么画的?

相关推荐

    MVC设计模式详细图解

    MVC详细图解 MVC详细图解 一目了然 看了就明白了 model view control

    MVC设计模式框图解

    让你对MVC设计模式有一个更加深刻的认识,深入浅出的搞明白MVC

    mvc和mvvm的关系图解

    mvc和mvvm的关系图解

    免费MVC模式图解

    MVC模式图解:borowser-controller-view-model-data base

    传统web和mvc图解

    适合初学者观看理解图解传统web和mvc图解

    MVPDemo:MVP模式使用

    而MVC模式本来就是Android本身所采用的模式,想要了解可以看,而MVP模式是对MVC模式的进一步演化 MVC模式图解 mvp模式图解 从图解可以看出,View层不在和Model直接交互,而是同过Presenter,而Presenter与View之间通过...

    图解追mm和23种设计模式(通过追MM,图解23种设计模式,有图有例子)

    让我们通过"追mm"这一有趣的比喻来图解这23种设计模式。 1. 单例模式:就像追求心仪的对象,只有一个真正的“单例”,确保类只有一个实例,并提供全局访问点。在追MM的过程中,你就是那个唯一的主角,不能有其他...

    图解Java设计模式.zip

    “带图解的Java设计模式.pdf”很可能是将每个设计模式的关键概念、结构和实现案例以图文并茂的形式展示出来,让读者能够快速掌握每个模式的核心要点。例如,可能会用流程图来解释模板方法模式的执行流程,用类图来...

    Win10下IIS配置图解、MVC项目发布图解、IIS添加网站图解.docx

    Win10下IIS配置图解、MVC项目发布图解、IIS添加网站图解

    图解java设计模式_学习笔记_java开发

    这份"图解java设计模式_学习笔记"是针对Java开发者深入理解和应用设计模式的重要资源。在这里,我们将深入探讨Java设计模式的核心概念、分类以及它们在实际开发中的应用。 设计模式分为三大类:创建型、结构型和...

    图解设计模式 ,结城浩著 学习笔记

    根据给定的信息“图解设计模式,结城浩著学习笔记”,我们可以推断出这份文档主要涉及了设计模式的学习和理解。《图解设计模式》是一本由日本著名程序员结城浩撰写的书籍,该书以图形化的方式深入浅出地讲解了软件...

    Asp.net+Mvc+NGinx+IIS分布式部署和负载平衡图解

    1. **Asp.net MVC**:Asp.net MVC是一个用于构建动态网站的开源框架,它采用模型-视图-控制器(MVC)设计模式,提供更好的代码组织和测试能力。开发者可以利用ASP.NET MVC创建高性能、可维护的Web应用程序。 2. **...

    图解设计模式.xmind

    这是《图解设计模式》这本书的xmind思维导图

    修改SQL登录模式图解

    修改SQL登录模式图解修改SQL登录模式图解修改SQL登录模式图解修改SQL登录模式图解修改SQL登录模式图解修改SQL登录模式图解修改SQL登录模式图解修改SQL登录模式图解修改SQL登录模式图解修改SQL登录模式图解修改SQL...

    结城浩《图解设计模式》笔记

    结城浩《图解设计模式》笔记 本笔记主要讲述了设计模式的基本概念和应用,包括 Iterator 模式、Adapter 模式、TemplateMethod 模式、FactoryMethod 模式和 Singleton 模式等。通过对这些设计模式的详细解释和示例...

    flexMVC

    在Flex中,Model-View-Controller(MVC)设计模式是广泛应用的架构,用于组织和分离应用程序的不同部分,提高代码的可维护性和可扩展性。标题提到的“flexMVC”就是关于Flex平台下实现MVC架构的两个著名框架——...

    图解Java设计模式笔记总结word版本.rar

    Java设计模式是软件开发中的重要概念,它...以上是对“图解Java设计模式笔记总结word版本”中可能包含的知识点的详尽解析,通过深入理解这些设计模式和原则,开发者可以更好地构建高效、稳定和易于维护的Java应用程序。

    Asp.net+Mvc+NGinx+IIS分布式部署和负载平衡实例图解

    Asp.net+Mvc+NGinx+IIS分布式部署和负载平衡实例图解.在IIS中创建四个相同的网站,浏览器访问同一个地址,通过NGinx转到不同的IIS网站。https://mp.csdn.net/postedit/81177460

    Java MVC编程入门详解

    `Test.rar`和`MVC入门图解Java.rar`这两个压缩包可能包含了示例代码、教程或者图解,可以帮助你更好地理解MVC模式。`说明.txt`可能是对这些资源的简要介绍或使用指南,记得查看以获取更多信息。 总的来说,Java MVC...

    23种设计模式 -设计模式图解.7z

    23种设计模式的特点定义、优缺点、使用场景,源码中...行为型模式,共十一种:策略模式、模板方法模式、观察者模式、迭代子模式、责任链模式、命令模式、备忘录模式、状态模式、访问者模式、中介者模式、解释器模式。

Global site tag (gtag.js) - Google Analytics