Articles → ASP .NET MVC → Create Your First Asp.Net MVC Application

Create Your First Asp.Net MVC Application

In this article, we will create our first asp.net MVC application. But before we start, let’s seek the answer of following questions

What programming approach do traditional asp.net applications follow?
Why did MVC come into the picture?
What are the benefits MVC is providing?

Why Asp.Net MVC?

ASP.NET MVC provides various advantages

ASP.NET MVC provides a clean separation of concerns.
ASP.NET MVC enables test driven development i.e. it is easy to write unit test cases.
ASP.NET MVC does not support view state, so MVC application page size is lighter as compared to traditional web form application
ASP.NET does not support post back events so ASP.NET MVC application is quicker in performance as compared to traditional web form application.

With the preceding advantages, it is not necessary that MVC is always better than the traditional web application. There are advantages and disadvantages associated with each approach, but I am not going to cover it in this article.

What Is MVC?

MVC is an architectural pattern in which an application is divided into three logical layers

Model – It describes the data as well as the business logic of the application.
View – It displays the user interface of the application.
Controller – It handles communication with the user and controls overall application flow.

Create Your First Asp.Net MVC Application

Go to File – New Project and select ‘ASP.NET MVC 4 web application’.

Picture showing selecting the ASP.NET MVC 4 web application type project from the project templates

Click to Enlarge

Enter Name and click on Ok. Next screen asks you to select template and view engine.

Picture showing selecting the view engine for the ASP.NET MVC 4 web application

Click to Enlarge

Once template and view engine is selected, click on Ok.

Your first MVC application is created. See the following screen shot for project structure.

Picture showing the project structure in the solution explorer in the visual studio

Click to Enlarge

Now run your application and you see the following page.

Picture showing the application page of your first asp.net mvc application

Click to Enlarge

In the solution explorer, you could see various folders that get created automatically when a new project is created. Each folder has some purpose. Following table illustrates the purpose of each folder.

Folder Name	Description
App_Data	Stores data files like MDF.
App_Start	Configuration code like routing, bundling etc.
Content	CSS files
Controllers	For storing controllers files.
Filters	For putting filter code.
Images	Store images used in the site
Model	All model classes (classes where the business logic is written).
Script	Stores script files.
Views	All view files (user interface files)

Posted By -	Karan Gupta

Posted On -	Monday, June 8, 2015

Query/Feedback

Your Email Id		**

Subject		*

Query/Feedback	Characters remaining 250	**