Click here to Skip to main content
Click here to Skip to main content

Easy Example for Model View Presenter in ASP.NET - C#

By , 22 Jan 2009
 

Model View Presenter

Model View Presenter is a software approach pattern conceived as derivative of Model View Controller.

What is Model?

Model is a domain level or business level object. A model accomodates application data and provides behaviours to systematically access it. It should be independent, it should not have any association with user interface issues. So we can reuse the same model for different type of UI level applications.

What is View?

A View is a windowpane for showing the model data or elements to the application users. Model does not have direct link to the views. View know about thier Models, but not the other way around.

What is Presenter?

Presenter will address the user input and use this to manipulate the model data. View will pass the user input actions to the Presenter for interpretation. Presenter will act on the received data from View and communicate with Model and produce results to the View.


Here is the classic example for implementing and understanding Model View Presenter pattern in an ASP.Net application. I believed this will helps you to get a good start in Model View Presenter.

Step 1: Create an interface for a business object (Model). For example:

public interface ICircleModel
{
    double getArea(double radius);
}

Step 2: Create a class for Model

public class CModel: ICircleModel
{
    public CModel(){}
    
    public double getArea(double radius)
    {
        return Math.PI * radius * radius;
    }
}

Step 3: Create an interface for View

public interface IView
{
    string RadiusText { get; set;}
    string ResultText { get; set;}
}

Step 4: Create UI like below with a Label, TextBox and Button. Textbox for getting radius of the circle, Label is for displaying the area and Button is for calculating the Area

<html xmlns="<a href="%22http://www.w3.org/1999/xhtml%22">http://www.w3.org/1999/xhtml</a>">
<head runat="server">
<title>MVP-Easy Example for ASP.Net C#</title>
</head>
<body>
<form id="form1" runat="server">
<table>
<tr>
<th colspan="2">Calculate Area of Circle</th>
</tr>
<tr>
<td>Enter Radius</td>
<td><asp:TextBox ID="TextRadius" runat="server"></asp:TextBox></td>
</tr>
<tr>
<td>Result:</td>
<td><asp:Label ID="LabelResult" runat="server" ForeColor="red"></asp:Label></td>
</tr>
<tr align="right">
<td colspan="2"><asp:Button ID="ButtonResult" runat="server" Text="Get Area?" OnClick="ButtonResult_Click" /></td>
</tr>
</table>
</form>
</body>
</html>

Step 5: Create a Presenter class for collecting user inputs from View and pass view details to the Model.

public class CPresenter
{
    IView mview;
    public CPresenter(IView view)
    {
        mview = view;
    }
    public double CalculateCircleArea()
    {
        CModel model = new CModel();
        mview.ResultText = model.getArea(double.Parse(mview.RadiusText)).ToString();
        return mview.ResultText.ToString();
    }
}

Step 6: Code-behind of ASPX page - View is communicating to the Model via Presenter

public partial class _Default : System.Web.UI.Page,IView 
{
    protected void Page_Load(object sender, EventArgs e)
    {
    }
    protected void ButtonResult_Click(object sender, EventArgs e)
    {
        CPresenter presenter = new CPresenter(this);
        presenter.CalculateCircleArea();
    }
    public string RadiusText
    {
        get{return TextRadius.Text;}
        set{TextRadius.Text = value;}
    }
    public string ResultText
    {
        get { return LabelResult.Text; }
        set { LabelResult.Text = value; }
    }
}

Now, I am sure, you are also feeling the same, it is pretty simple :)

Happy MVP Coding!!!

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

About the Author

RB Changanacherry
Team Leader
India India
Member
I am Rajesh Babu, currently working for Nous Infosystems, Bangalore. I have 6 plus years experience in Microsoft Technologies.

Sign Up to vote   Poor Excellent
Add a reason or comment to your vote: x
Votes of 3 or less require a comment

Comments and Discussions

 
Hint: For improved responsiveness ensure Javascript is enabled and choose 'Normal' from the Layout dropdown and hit 'Update'.
You must Sign In to use this message board.
Search this forum  
    Spacing  Noise  Layout  Per page   
GeneralMy vote of 5memberMohamed hammad8 Feb '13 - 11:56 
Questionnicememberkedarkeskar20 Aug '12 - 3:25 
GeneralSimple and straight to the pointmemberkchannav9 May '12 - 19:37 
QuestionGood example but...memberbthompz22 Feb '12 - 13:43 
BugVery helpful [modified]memberMember 825899919 Oct '11 - 8:18 
GeneralMy vote of 5memberrj4530 Sep '11 - 7:07 
No extra fluffly formatting. Gets right to the meat.
GeneralMy vote of 5membersudhir kumar 223 Feb '11 - 22:10 
GeneralMy vote of 5memberDavid McGhee9 Nov '10 - 6:16 
Generalgood intromemberDonsw22 Feb '09 - 6:40 
GeneralA very basic description of a MVP Passive ViewmemberRay Parker22 Jan '09 - 23:05 
GeneralRe: A very basic description of a MVP Passive ViewmemberDonsw9 Feb '09 - 2:36 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Permalink | Advertise | Privacy | Mobile
Web04 | 2.6.130516.1 | Last Updated 23 Jan 2009
Article Copyright 2009 by RB Changanacherry
Everything else Copyright © CodeProject, 1999-2013
Terms of Use
Layout: fixed | fluid