Model–view–controller: Difference between revisions
→Description: ViewControllers are not part of classical MVC structure |
description before history |
||
| Line 3: | Line 3: | ||
Traditionally used for desktop [[graphical user interface]]s (GUIs), this architecture has become extremely popular for designing [[web application]]s. |
Traditionally used for desktop [[graphical user interface]]s (GUIs), this architecture has become extremely popular for designing [[web application]]s. |
||
| ⚫ | |||
| ⚫ | MVC was one of the seminal insights in the early development of graphical user interfaces, and one of the first approaches to describe and implement software constructs in terms of their [[Single responsibility principle|responsibilities]].<ref>[http://c2.com/cgi/wiki?ModelViewControllerHistory Model–View–Controller History]. C2.com (2012-05-11). Retrieved on 2013-12-09.</ref> |
||
| ⚫ | [[Trygve Reenskaug]] introduced MVC into [[Smalltalk]]-76 while visiting the Xerox [[PARC (company)|Palo Alto Research Center]] (PARC)<ref name="page_trygver">[http://heim.ifi.uio.no/~trygver/themes/mvc/mvc-index.html Notes and Historical documents] from Trygve Reenskaug, inventor of MVC.</ref><ref name="notes1">"A note on DynaBook requirements", Trygve Reenskaug, 22 March 1979, [http://folk.uio.no/trygver/1979/sysreq/SysReq.pdf SysReq.pdf].</ref> in the 1970s. In the 1980s, Jim Althoff and others implemented a version of MVC for the Smalltalk-80 class library. It was only later, in a 1988 article in [[The Journal of Object Technology]] (JOT), that MVC was expressed as a general concept.<ref name="art1">{{cite journal|first1=Glenn E.|last1=Krasner|first2=Stephen T.|last2=Pope|title=A cookbook for using the model–view controller user interface paradigm in Smalltalk-80|url=http://dl.acm.org/citation.cfm?id=50757.50759|publisher=SIGS Publications|date=Aug–Sep 1988|journal=[[The Journal of Object Technology]]}} Also published as "[https://web.archive.org/web/20100921030808/http://www.itu.dk/courses/VOP/E2005/VOP2005E/8_mvc_krasner_and_pope.pdf A Description of the Model–View–Controller User Interface Paradigm in the Smalltalk-80 System]" (Report), ParcPlace Systems; Retrieved 2012-06-05.</ref> |
||
| ⚫ | The MVC pattern has subsequently evolved,<ref name="Fowler">[http://martinfowler.com/eaaDev/uiArchs.html The evolution of MVC and other UI architectures] from Martin Fowler.</ref> giving rise to variants such as [[hierarchical model–view–controller]] (HMVC), [[model–view–adapter]] (MVA), [[model–view–presenter]] (MVP), [[model–view–viewmodel]] (MVVM), and others that adapted MVC to different contexts. |
||
| ⚫ | The use of the MVC pattern in web applications exploded in popularity after the introduction of Apple's [[WebObjects]] which was originally written in [[Objective-C]] (that borrowed heavily from Smalltalk) and helped enforce MVC principles. Later, the MVC pattern became popular with Java developers when WebObjects was ported to [[Java (programming language)|Java]]. Later frameworks for Java such as [[Spring Framework|Spring]] continued the strong bond between Java and MVC. The introduction of the frameworks [[Ruby on Rails|Rails]] (for [[Ruby (programming language)|Ruby]]) and [[Django (web framework)|Django]] (for [[Python (programming language)|Python]]), both of which had a strong emphasis on rapid deployment, increased MVCs popularity outside the traditional enterprise environment in which it has long been popular. MVC web frameworks now hold large market shares relative to non-MVC web toolkits.<ref>[http://hotframeworks.com Hot Frameworks]</ref> |
||
==Description== |
==Description== |
||
| Line 29: | Line 20: | ||
* A ''model'' stores data that is retrieved according to commands from the controller and displayed in the view. |
* A ''model'' stores data that is retrieved according to commands from the controller and displayed in the view. |
||
* A ''view'' generates an output presentation to the user based on changes in the model. |
* A ''view'' generates an output presentation to the user based on changes in the model. |
||
| ⚫ | |||
| ⚫ | MVC was one of the seminal insights in the early development of graphical user interfaces, and one of the first approaches to describe and implement software constructs in terms of their [[Single responsibility principle|responsibilities]].<ref>[http://c2.com/cgi/wiki?ModelViewControllerHistory Model–View–Controller History]. C2.com (2012-05-11). Retrieved on 2013-12-09.</ref> |
||
| ⚫ | [[Trygve Reenskaug]] introduced MVC into [[Smalltalk]]-76 while visiting the Xerox [[PARC (company)|Palo Alto Research Center]] (PARC)<ref name="page_trygver">[http://heim.ifi.uio.no/~trygver/themes/mvc/mvc-index.html Notes and Historical documents] from Trygve Reenskaug, inventor of MVC.</ref><ref name="notes1">"A note on DynaBook requirements", Trygve Reenskaug, 22 March 1979, [http://folk.uio.no/trygver/1979/sysreq/SysReq.pdf SysReq.pdf].</ref> in the 1970s. In the 1980s, Jim Althoff and others implemented a version of MVC for the Smalltalk-80 class library. It was only later, in a 1988 article in [[The Journal of Object Technology]] (JOT), that MVC was expressed as a general concept.<ref name="art1">{{cite journal|first1=Glenn E.|last1=Krasner|first2=Stephen T.|last2=Pope|title=A cookbook for using the model–view controller user interface paradigm in Smalltalk-80|url=http://dl.acm.org/citation.cfm?id=50757.50759|publisher=SIGS Publications|date=Aug–Sep 1988|journal=[[The Journal of Object Technology]]}} Also published as "[https://web.archive.org/web/20100921030808/http://www.itu.dk/courses/VOP/E2005/VOP2005E/8_mvc_krasner_and_pope.pdf A Description of the Model–View–Controller User Interface Paradigm in the Smalltalk-80 System]" (Report), ParcPlace Systems; Retrieved 2012-06-05.</ref> |
||
| ⚫ | The MVC pattern has subsequently evolved,<ref name="Fowler">[http://martinfowler.com/eaaDev/uiArchs.html The evolution of MVC and other UI architectures] from Martin Fowler.</ref> giving rise to variants such as [[hierarchical model–view–controller]] (HMVC), [[model–view–adapter]] (MVA), [[model–view–presenter]] (MVP), [[model–view–viewmodel]] (MVVM), and others that adapted MVC to different contexts. |
||
| ⚫ | The use of the MVC pattern in web applications exploded in popularity after the introduction of Apple's [[WebObjects]] which was originally written in [[Objective-C]] (that borrowed heavily from Smalltalk) and helped enforce MVC principles. Later, the MVC pattern became popular with Java developers when WebObjects was ported to [[Java (programming language)|Java]]. Later frameworks for Java such as [[Spring Framework|Spring]] continued the strong bond between Java and MVC. The introduction of the frameworks [[Ruby on Rails|Rails]] (for [[Ruby (programming language)|Ruby]]) and [[Django (web framework)|Django]] (for [[Python (programming language)|Python]]), both of which had a strong emphasis on rapid deployment, increased MVCs popularity outside the traditional enterprise environment in which it has long been popular. MVC web frameworks now hold large market shares relative to non-MVC web toolkits.<ref>[http://hotframeworks.com Hot Frameworks]</ref> |
||
==Use in web applications== |
==Use in web applications== |
||
Revision as of 23:34, 26 March 2016
 | This article may be unbalanced toward certain viewpoints. (September 2015) |
Model–view–controller (MVC) is a software architectural pattern mostly (but not exclusively) for implementing user interfaces on computers. It divides a given software application into three interconnected parts, so as to separate internal representations of information from the ways that information is presented to or accepted from the user.[1][2]
Traditionally used for desktop graphical user interfaces (GUIs), this architecture has become extremely popular for designing web applications.
Description
As with other software patterns, MVC expresses the "core of the solution" to a problem while allowing it to be adapted for each system.[3] Particular MVC architectures can vary significantly from the traditional description here.[4]
Components
The central component of MVC, the model, captures the behavior of the application in terms of its problem domain, independent of the user interface.[5]
- The model directly manages the data, logic and rules of the application.
- A view can be any output representation of information, such as a chart or a diagram. Multiple views of the same information are possible, such as a bar chart for management and a tabular view for accountants.
- The third part, the controller, accepts input and converts it to commands for the model or view.[6]
Interactions
In addition to dividing the application into three kinds of components, the model–view–controller design defines the interactions between them.[7]
- A controller can send commands to the model to update the model's state (e.g. editing a document). It can also send commands to its associated view to change the view's presentation of the model (e.g. by scrolling through a document).
- A model stores data that is retrieved according to commands from the controller and displayed in the view.
- A view generates an output presentation to the user based on changes in the model.
History
MVC was one of the seminal insights in the early development of graphical user interfaces, and one of the first approaches to describe and implement software constructs in terms of their responsibilities.[8]
Trygve Reenskaug introduced MVC into Smalltalk-76 while visiting the Xerox Palo Alto Research Center (PARC)[9][10] in the 1970s. In the 1980s, Jim Althoff and others implemented a version of MVC for the Smalltalk-80 class library. It was only later, in a 1988 article in The Journal of Object Technology (JOT), that MVC was expressed as a general concept.[11]
The MVC pattern has subsequently evolved,[12] giving rise to variants such as hierarchical model–view–controller (HMVC), model–view–adapter (MVA), model–view–presenter (MVP), model–view–viewmodel (MVVM), and others that adapted MVC to different contexts.
The use of the MVC pattern in web applications exploded in popularity after the introduction of Apple's WebObjects which was originally written in Objective-C (that borrowed heavily from Smalltalk) and helped enforce MVC principles. Later, the MVC pattern became popular with Java developers when WebObjects was ported to Java. Later frameworks for Java such as Spring continued the strong bond between Java and MVC. The introduction of the frameworks Rails (for Ruby) and Django (for Python), both of which had a strong emphasis on rapid deployment, increased MVCs popularity outside the traditional enterprise environment in which it has long been popular. MVC web frameworks now hold large market shares relative to non-MVC web toolkits.[13]
Use in web applications
Although originally developed for desktop computing, model–view–controller has been widely adopted as an architecture for World Wide Web applications in major programming languages. Several commercial and noncommercial web frameworks have been created that enforce the pattern. These software frameworks vary in their interpretations, mainly in the way that the MVC responsibilities are divided between the client and server.[14]
Early web MVC frameworks took a thin client approach that placed almost the entire model, view and controller logic on the server. This is still reflected in popular frameworks such as Ruby on Rails, Django, ASP.NET MVC and Express. In this approach, the client sends either hyperlink requests or form input to the controller and then receives a complete and updated web page (or other document) from the view; the model exists entirely on the server.[14] As client technologies have matured, frameworks such as AngularJS, EmberJS, JavaScriptMVC and Backbone have been created that allow the MVC components to execute partly on the client (also see Ajax).
See also
References
- ^ "More deeply, the framework exists to separate the representation of information from user interaction." The DCI Architecture: A New Vision of Object-Oriented Programming - Trygve Reenskaug and James Coplien - March 20, 2009.
- ^ Burbeck (1992): "... the user input, the modeling of the external world, and the visual feedback to the user are explicitly separated and handled by three types of object."
- ^ Gamma, Erich et al. (1994) Design Patterns
- ^ Moore, Dana et al. (2007) Professional Rich Internet Applications: Ajax and Beyond: "Since the origin of MVC, there have been many interpretations of the pattern. The concept has been adapted and applied in very different ways to a wide variety of systems and architectures."
- ^ Burbeck, Steve (1992) Applications Programming in Smalltalk-80:How to use Model–View–Controller (MVC)
- ^ Simple Example of MVC (Model–View–Controller) Design Pattern for Abstraction
- ^ Buschmann, Frank (1996) Pattern-Oriented Software Architecture.
- ^ Model–View–Controller History. C2.com (2012-05-11). Retrieved on 2013-12-09.
- ^ Notes and Historical documents from Trygve Reenskaug, inventor of MVC.
- ^ "A note on DynaBook requirements", Trygve Reenskaug, 22 March 1979, SysReq.pdf.
- ^ Krasner, Glenn E.; Pope, Stephen T. (Aug–Sep 1988). "A cookbook for using the model–view controller user interface paradigm in Smalltalk-80". The Journal of Object Technology. SIGS Publications. Also published as "A Description of the Model–View–Controller User Interface Paradigm in the Smalltalk-80 System" (Report), ParcPlace Systems; Retrieved 2012-06-05.
- ^ The evolution of MVC and other UI architectures from Martin Fowler.
- ^ Hot Frameworks
- ^ a b Leff, Avraham; Rayfield, James T. (September 2001). Web-Application Development Using the Model/View/Controller Design Pattern. IEEE Enterprise Distributed Object Computing Conference. pp. 118–127.
External links
- What Are The Benefits of MVC? – quotes at length from the Gang of Four
- Martin Fowler on the history of UI Architectures and the evolution of MVC
- Understanding MVC architecture – a quick explanation on YouTube
- 1. MVC and Introduction to Objective-C (September 27, 2011). Stanford University introductory lecture on the MVC pattern. on YouTube
- Cocoa Core Competencies: Overview of the MVC pattern.