ASPX View Engine VS Razor View Engine

Introduction

View Engine renders the HTML to the browser. The view engine templates have a different syntax than the implementation. By default, ASP.Net MVC supports ASPX and the Razor View Engine. There are many more third-party view engines, like Spark, Nhaml, and so on also available for MVC. We can also write our own view engine.

ASPX View Engine

The syntax used for writing a view with the ASPX View Engine is the same as the syntax used in ASP.Net web forms. The file extensions are also the same as for ASP.NET web forms (like .aspx, .ascx, .master). This view engine is the default view engine for MVC 1.0 and MVC 2.0. Implementing the unit testing framework with the ASPX View Engine is very difficult. ASPX uses "<%= %>" or "<%: %>" to render server-side content. We can choose any language with the CodeDom provider. There are on-demand or precompiled views supported by an ASPX View Engine. The ASPX View Engine is also known as the Web Form View Engine.

Loop and condition example with ASPX View Engine:

<ul>
    <% foreach (var item in Products) { %>
        <% if (item.IsInStock) { %>
            <p><%= item.ProductName %> is in stock</p>
        <% } else { %>
            <p><%= item.ProductName %> is not in stock</p>
        <% } %>
    <% } %>
</ul>

Razor View Engine

The Razor View Engine is an advanced view engine, available with MVC 3.0 and later versions. Razor uses the "@" character instead of "<% %>" as used by the ASPX View Engine. Razor does not require the code block to be closed, the Razor View Engine parsed itself and it is able to decide during run time that it is a presentation element (content) and that it is a code element. The Razor View Engine is compatible with a unit testing framework. The Razor template does not require the controller or webserver to host it, so views written in Razor are fully testable. The file extension of a Razor view is cshtml (for C#) and vbhtml (for VB.NET). By default, all text from the @ expression is HTML encoded. Razor is not a new language. It is easy to learn. The main advantage of Razor, is that there is less transition between HTML and code because Razor provides an optimized syntax to generate HTML using a code focused templating approach.

Loop and condition example with Razor View Engine.

<ul>
    @foreach (var item in Products)
    {
        @if (item.IsinStock)
        {
            <li>@item.ProductName is in stock</li>
        }
        else
        {
            <li>@item.ProductName is out of stock</li>
        }
    }
</ul>

One of the disadvantages of Razor is, it is not supported by visual editors like Dream Viewer.

Advantages of Razor View Engine

• Easy to Learn: Razor is easy to learn. We can also use our existing HTML skills.
• It is Compact, Expressive, and Fluid. Razor helps us to minimize the coding and provides us with a fast and fluid coding workflow.
• The parser (available with Razor) is smart enough. It is also able to decide at run time what is a code element and what is a content element.
  For example, in the following code, the @ character is also part of an email address, but Razor is smart enough to identify which is code and which is static content.

  <p>
      Please contact [email protected] for more information. Current Date time: @DateTime.Now
  </p>
  

• Razor is not a new language but it is markup so that we can also use Razor with any language like C# and VB.
• Razor also supports the concept of layout pages (the same as Master Pages in ASPX View Engine), which allows us to define a common site template, in other words, a common look and feel across all the pages within a website/application.
• Razor does not require any special tool to write markup. We can also write our markup code with any old plain text editor like Notepad.
• The Razor View Engine is designed such that it also supports unit test views without requiring a controller and web server. This can be hosted in any unit project. There is no special application domain required.
• ASP.NET MVC has HTML helpers which are methods that can be invoked within a code block. All existing HTML extension methods can be used with a Razor View Engine without any code changes.
• The code looks clean.
• Powerful built-in validation of markup that helps us avoid unwanted runtime exceptions due to errors in the view.
• The Razor View Engine has a section concept that is equivalent to content placeholders in the ASPX View Engine and that can be optional.
• The @model directive provides a cleaner and more concise way to define a strongly typed model.
  Example

  @model List<MyMVCapplication.EmployeeMaster>
  

  or

  @model MyMVCapplication.EmployeeDetails