Create Strongly Typed View in ASP.Net MVC4 Web API

Introduction

In this article, you will see how to create a strongly typed view in the MVC4 Web API. When we create a strongly typed view the main benefit is that we can send the data in object form.

Use the following procedure to create the sample application.

Step 1

Create the application using the Web API.

Start Visual Studio 2013.
From the Start Window select "New Project".
Select "Installed" -> "Templates" -> "Visual C#" -> "Web" -> "Visual Studio 2012" and select "ASP.NET MVC4 Web Application".
Click on the "OK" button.
From the MVC4 project window select "Web API".
Click on the "OK" button.

Step 2

Create a Model class as in the following:

In the "Solution Explorer".
Right-click on the Model Folder.
Select "Add" -> "Class".
Select "Installed" -> "Visual C#" and select class.
Click on the "OK" button.

Add the following Code:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
namespace MvcApplication1.Models
{
public class Employee
{
public string Name { get; set; }
public string Address { get; set; }
public string Designation { get; set; }
}
}

Step 3

Create a Controller as in the following:

In the "Solution Explorer".
Right-click on the "Controller Folder".
Select "Add" -> "Controller".
Select "MVC Controller" from the template.
Click on the "Add" button.

Add the following code:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using MvcApplication1.Models;
namespace MvcApplication1.Controllers
{
public class EmployeeController : Controller
{
//
// GET: /Employee/
public ActionResult Index()
{
return View();
}
public ActionResult Display(Employee emp)
{
string Name = emp.Name;
string Address = emp.Address;
string Designation = emp.Designation;
return Content("Name:" + Name + "Address:" + emp.Address + "Designation:" +emp.Designation);
}
}
}