Introduction : This is a simple ASP.NET MVC application that performs arithmetic operations. ASP.NET MVC is the advanced version of ASP.NET. MVC is the three separated part that name is the models,views,controllers. Every part performs different work in an ASP.NET
MVC application. Models is perform the business logic, Views is provide
the graphical user interface and last controller handle all views and models
request. In this example we simple perform the arithmetic operation addition,
subtraction, multiplication and division. In this program first we create the
business logic add a class in model folder and second is pass the request in
controller folder after that create a view. This is the simple application for
beginners that help how to perform the arithmetic operation using ASP.NET
MVC tools.
Step1: Open the MVC ASP.NET application.
- Open Visual Studio 2010.
- Click file ->New->Projects.
- Add a MVC ASP. NET 2 Empty Web application.
Step2: Add business logic in Models folder.
- Right Click the models folder and add a class.
- Right Click->add ->add new items->add class.
- The Class name is "manish".
Code:
using
System;
using
System.Collections.Generic;
using
System.Linq;
using
System.Web;
namespace
math123.Models
{
public class Manish
{
public int
sum(int a, int
b)
{
int c = a + b;
return c;
}
public int sub(int a,
int b)
{
int c = a + b;
return c;
}
public int
mul(int a, int
b)
{
int c = a * b;
return c;
}
public int
div(int a, int
b)
{
int c = a / b;
return c;
}
}
}
Step 3: Add a controller.
- Right Click the controllers folder and add a controller.
- Right Click->add ->add controller.
- Controller name is "manu"
- Add namespace in controller that name is "using math123.Models".
Code :
using
System;
using
System.Collections.Generic;
using
System.Linq;
using
System.Web;
using
System.Web.Mvc;
using
math123.Models;
namespace
math123.Controllers
{
public class manuController :
Controller
{
//
// GET: /manu/
public ActionResult Index()
{
Manish man =
new Manish();
man.sum(10,20);
man.sub(30, 10);
man.mul(10, 50);
man.div(100, 5);
return View(man);
}
}
}
Step 4: Add a view.
- Right Click on "ActionResult" and add view.
- The view is the strong type.
- The view name is the default name "index".
Code:
<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<math123.Models.Manish>" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
protected
void Page_Load(object sender,
EventArgs e)
{
TextBox2.Text = Model.sum(10, 20).ToString();
TextBox3.Text = Model.sub(30, 10).ToString();
TextBox4.Text = Model.mul(10, 50).ToString();
TextBox5.Text = Model.div(100, 5).ToString();
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Index</title>
</head>
<body bgcolor="#008040">
<form id="form1" runat="server">
<div style="background-color:
#66CCFF">
Sum of Number
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
<br />
Sub of Number
<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
<br />
Mul of Number
<asp:TextBox ID="TextBox4" runat="server"></asp:TextBox>
<br />
Div of Number
<asp:TextBox ID="TextBox5" runat="server"></asp:TextBox>
<br />
</div>
</form>
</body>
</html>
Step 5: Press crtl + f5 and show the
result.
Output:
