Creating the Registration Form in ASP.NET MVC 3 Using Razor View

Introduction

In MVC (Model View Controllers) 3 I used a Razor view to create a simple registration form. To do this, first the registration request page is opened; if the user clicks on the registration link then the registration form is opened and after entering all the details the congratulation message will displayed that shows the registration is successfully completed. In this I used models, views and controllers. To create this simple form use the following steps:

Step 1 : Open the Visual Studio 2010 and select new project from the file menu. A dialog box appears; in that, under C# -> web, select "ASP.NET MVC3 Application" and click the Ok button:

Step 2 : A window is opened; in that select Empty from the template option and select Razor from the View engine option and click ok.



Step 3 : Now add the Controller by right-clicking on the controller folder placed at the Solution Explorer by clicking add->Controller.

Step 4 : A window will opened; give the name of the controller as HomeController and add it:

Step 5 : Modify the HomeController.cs file as:

using System.Web.Mvc;

namespace MvcApplication4.Controllers

{

public class HomeController : Controller

{

public ViewResult Index()

{

return View();

}

}

}

Step 6 : Now right-click on the ViewResult method in order to add the view, like:



Step 7 : A window will appear; in it give the name of the view and click add. The extension of the view is cshtml.



Step 8 : Write the code in index.cshtml as:

@{

Layout = null;

}

<!DOCTYPE html>

<html>

<head>

<title>Index</title>

</head>

<body>

<div>

<h3>Please fill the registration form by clicking on the following registration link</h3>

</div>

</body>

</html>

Step 9 : Add the Model by right-clicking on the Model folder in the Solution Explorer and add the class:



Step 10 : A window will appear; in it select a class and give the name of the class as Registration.cs and click ok:



Step 11 : Write the code in Registration.cs as:

namespace MvcApplication4.Models

{

public class Registration

{

public string Name { get; set; }

public string Email { get; set; }

public string Phone { get; set; }

public string Address { get; set; }

}

}

Step 12 : Now in order to add the registration link modify the index.cshtml file as:

@{

Layout = null;

}

<!DOCTYPE html>

<html>

<head>

<title>Index</title>

</head>

<body>

<div>

<h3>Please fill the registration form by clicking on the following registration link</h3>

@Html.ActionLink("Registration", "RegistrationForm")

</div>

</body>

</html>

Step 13 : When I run this the output will look like:

Step 14 : Now In order to perform the action when I click on the Registration link write and modify the code as, modify the Controller as:

namespace MvcApplication4.Controllers