java-design-patterns/model-view-controller/README.md

---
layout: pattern
title: Model-View-Controller
folder: model-view-controller
permalink: /patterns/model-view-controller/
categories: Architectural
tags:
 - Decoupling
---

## Intent
Separate the user interface into three interconnected components:
the model, the view and the controller. Let the model manage the data, the view
display the data and the controller mediate updating the data and redrawing the
display.

## Class diagram
![alt text](./etc/model-view-controller.png "Model-View-Controller")

## Applicability
Use the Model-View-Controller pattern when

* You want to clearly separate the domain data from its user interface representation

## Credits

* [Trygve Reenskaug - Model-view-controller](http://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93controller)
* [J2EE Design Patterns](https://www.amazon.com/gp/product/0596004273/ref=as_li_tl?ie=UTF8&camp=1789&creative=9325&creativeASIN=0596004273&linkCode=as2&tag=javadesignpat-20&linkId=48d37c67fb3d845b802fa9b619ad8f31)
* [Patterns of Enterprise Application Architecture](https://www.amazon.com/gp/product/0321127420/ref=as_li_tl?ie=UTF8&camp=1789&creative=9325&creativeASIN=0321127420&linkCode=as2&tag=javadesignpat-20&linkId=d9f7d37b032ca6e96253562d075fcc4a)
* [Head First Design Patterns: A Brain-Friendly Guide](https://www.amazon.com/gp/product/0596007124/ref=as_li_tl?ie=UTF8&camp=1789&creative=9325&creativeASIN=0596007124&linkCode=as2&tag=javadesignpat-20&linkId=6b8b6eea86021af6c8e3cd3fc382cb5b)
* [J2EE Design Patterns](https://www.amazon.com/gp/product/0596004273/ref=as_li_tl?ie=UTF8&camp=1789&creative=9325&creativeASIN=0596004273&linkCode=as2&tag=javadesignpat-20&linkId=f27d2644fbe5026ea448791a8ad09c94)
Work towards #56: Splitting up the README I did the job and splitted up the readme, hopefully everything was splitted correctly... 2015-08-13 23:54:40 +02:00			`---`
			`layout: pattern`
			`title: Model-View-Controller`
			`folder: model-view-controller`
Work towards #56: Add permalink to every pattern This makes cleaner URLs thanks to jekyll 2015-08-15 18:03:05 +02:00			`permalink: /patterns/model-view-controller/`
https://github.com/iluwatar/java-design-patterns-web/issues/8 Update pattern categories and tags 2019-12-13 21:09:28 +02:00			`categories: Architectural`
Categorize and tag all patterns #213 2015-12-28 15:52:44 +02:00			`tags:`
https://github.com/iluwatar/java-design-patterns-web/issues/8 Update pattern categories and tags 2019-12-13 21:09:28 +02:00			`- Decoupling`
Work towards #56: Splitting up the README I did the job and splitted up the readme, hopefully everything was splitted correctly... 2015-08-13 23:54:40 +02:00			`---`

Use headings instead of bold text in index.md #238 2016-01-03 21:14:30 +01:00			`## Intent`
			`Separate the user interface into three interconnected components:`
Work towards #56: Splitting up the README I did the job and splitted up the readme, hopefully everything was splitted correctly... 2015-08-13 23:54:40 +02:00			`the model, the view and the controller. Let the model manage the data, the view`
			`display the data and the controller mediate updating the data and redrawing the`
			`display.`

#1113 Link uml-reverse-mapper created class diagrams to readme, where needed 2019-12-07 20:01:13 +02:00			`## Class diagram`
Work towards #56: Splitting up the README I did the job and splitted up the readme, hopefully everything was splitted correctly... 2015-08-13 23:54:40 +02:00			`![alt text](./etc/model-view-controller.png "Model-View-Controller")`

Use headings instead of bold text in index.md #238 2016-01-03 21:14:30 +01:00			`## Applicability`
			`Use the Model-View-Controller pattern when`
Work towards #56: Splitting up the README I did the job and splitted up the readme, hopefully everything was splitted correctly... 2015-08-13 23:54:40 +02:00
https://github.com/iluwatar/java-design-patterns-web/issues/8 Update pattern categories and tags 2019-12-13 21:09:28 +02:00			`* You want to clearly separate the domain data from its user interface representation`
Work on #226, moved pattern specific credits to respective pattern pages in website 2015-09-03 18:17:07 +05:30
Use headings instead of bold text in index.md #238 2016-01-03 21:14:30 +01:00			`## Credits`
Work on #226, moved pattern specific credits to respective pattern pages in website 2015-09-03 18:17:07 +05:30
			`* [Trygve Reenskaug - Model-view-controller](http://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93controller)`
Update links 2020-07-06 13:31:07 +03:00			`* [J2EE Design Patterns](https://www.amazon.com/gp/product/0596004273/ref=as_li_tl?ie=UTF8&camp=1789&creative=9325&creativeASIN=0596004273&linkCode=as2&tag=javadesignpat-20&linkId=48d37c67fb3d845b802fa9b619ad8f31)`
			`* [Patterns of Enterprise Application Architecture](https://www.amazon.com/gp/product/0321127420/ref=as_li_tl?ie=UTF8&camp=1789&creative=9325&creativeASIN=0321127420&linkCode=as2&tag=javadesignpat-20&linkId=d9f7d37b032ca6e96253562d075fcc4a)`
Add links to Head First Design Patterns book 2020-07-07 18:05:11 +03:00			`* [Head First Design Patterns: A Brain-Friendly Guide](https://www.amazon.com/gp/product/0596007124/ref=as_li_tl?ie=UTF8&camp=1789&creative=9325&creativeASIN=0596007124&linkCode=as2&tag=javadesignpat-20&linkId=6b8b6eea86021af6c8e3cd3fc382cb5b)`
Add references to J2EE Design Patterns book 2020-07-07 20:05:35 +03:00			`* [J2EE Design Patterns](https://www.amazon.com/gp/product/0596004273/ref=as_li_tl?ie=UTF8&camp=1789&creative=9325&creativeASIN=0596004273&linkCode=as2&tag=javadesignpat-20&linkId=f27d2644fbe5026ea448791a8ad09c94)`