The MVC Connection
In general a visual component is a composition of three distinct aspects:
- The way that a particular component looks when rendered on screen
- The way that a particular component reacts to an user
- The state information which is associated with a particular component
No matter what the architecture used to implement a particular component it must implicitly contain the three parts i.e. Model-View-Controller or MVC for short.
In the MVC terminology we have ,
the Model corresponds to the state information which is associated with a component. For example-in case of a check box, the model contains a field which indicates whether the box is checked or unchecked.
The view determines how a component has displayed on the screen, including any aspects of view that are affected by the current state of the model.
The controller determines how the component will react to the user.
For example, when user clicks a check box, the controller will reacts by changing model to reflect the user’s choice (checked or unchecked) which then results in the view being updated.