Arithmetic operation in ASP.NET MVC

Manish Singh
13y
81.5k
0
0

Article

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:

Up Next

Ebook Download

View all

Hands on with ASP.Net MVC - Covering MVC 6

Read by 23.2k people

Download Now!

Learn

View all