Layout View, View, And Partial View In ASP.NET

Let me explain the following terms:

1. Layout View: Master Page type of functionalities.
2. View: Content Page.
3. Partial View: User Control.

Layout View
It is used for the display of some part of the web page constant, such as header and footer, and sometimes, the left side bar or the right side bar. It has a common UI component which is shareable on all the pages.

Layout view is a parent container in which view and partial view renders on the client side.

In Inside Layout view, you will find @RenderBody(). This function will render view.

View

This is similar in type to the content page. We can display the content with or without Layout view(Master page). Sometimes, we are required to use the Layout view and sometimes it is not required.

In the view file, which uses layout view, there is no basic <HTML> , <HEAD> and <BODY> tags because it uses LayoutView tag.

If you are creating VIEW without Layout view, then the view file is created with full HTML tags like <HTML> , <HEAD> and <BODY> , because this is an individual view file.

Partial View

The Partial view is similar to the User control of Webform terminology.


Example

We want to display the current balance of the user and the number of days left for the events on the page.



As you can see in the image above:

• To create a Layout view.
• To create a View under Layout view.
• To create a Partial view

Steps to create Layout, View, and Partial View

To learn about views, I created an empty MVC4 project.

1. Create ASP.NET MVC4 Web Application named: LayoutViewPartialView,
   
   
   
   
2. Select Empty, as shown below:
   
   
   

Now, we will create the following things:

• A Layout view.
• Aview under Layout view
• APartial view

Layout View Example

• Right click on the View Folder.
  
  
  
• Select View
  
  After selecting view, you will get the following screenshot:
  
  
  

Create Layout View contents: