Create a Simple Data Entry Form in Web API

Introduction

This article shows how to create a simple Data Entry Form. Here we create a form for storing the details of a student.

The following is the procedure for creating the application.

Step 1

Create a Web API application as in the following:

• Start Visual Studio 2012.
• From the start window select "Installed" -> "Visual C#" -> "Web".
• Select "ASP.NET MVC4 Web Application" and click on the "Ok" button.
  
  
  
  
• From the "MVC4 Project" window select "Web API".
  
  
  
  
• Click on the "Ok" button.

Step 2

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

Add the following code:

Step 3

In the Controller add some code:

• In the "Solution Explorer".
• Expend the "Controller" folder.
• Select the "HomeController".
  
  
  

Add the following code:

Step 4

Create two Views using the following, one is "StudentForm.cshtml" and the other is "Display.cshtml".

• In the "HomeController".
• Right-click on the "StudentForm" action method.
  
  
  
  
  

• Select "AddView". Click on the "Add" button.

Add the following code in the "StudentForm.cshtml".