How to use Razor View Engine in ASP.NET Core MVC

Table of Contents

The ASPX Check out Engine is the legacy check out engine created into ASP.Web MVC from its preliminary days. The Razor Check out Engine is extra advanced and is now the default check out engine of ASP.Web Core MVC. This report compares these two check out engines in quick and then discusses how you can function with the Razor Check out Engine in ASP.Web Core MVC.

To function with the code examples provided in this report, you must have Visual Studio 2019 put in in your technique. If you do not by now have a duplicate, you can download Visual Studio 2019 here.

Develop an ASP.Web Core MVC venture in Visual Studio

Very first off, let us make an ASP.Web Core venture in Visual Studio 2019. Next these ways will make a new ASP.Web Core MVC five venture in Visual Studio 2019.

Start the Visual Studio IDE.
Simply click on Create new venture.
In the Create new project window, select ASP.Web Core World-wide-web Application (Product-Check out-Controller) from the record of templates displayed.
Simply click Next.
In the Configure your new project window, specify the name and spot for the new venture.
Optionally check out the Place solution and venture in the similar directory check out box, dependent on your preferences.
Simply click Next.
In the Additional Information window demonstrated up coming, select .Web five. as the target framework from the drop-down record at the best. Leave the Authentication Type as None (default).
Make sure that the check out packing containers Enable Docker, Configure for HTTPS, and Enable Razor runtime compilation are unchecked as we will not be using any of those characteristics here.
Simply click Develop.

A new ASP.Web Core MVC five venture will be created. Well use this venture to function with Razor views in the subsequent sections of this report.

What is a check out engine?

A check out engine interprets a server-aspect template into HTML markup and renders it in the website browser when brought on by a controllers motion process. ASP.Web MVC to begin with shipped with the ASPX Check out Engine, but the Razor Check out Engine was additional in later on versions. The Razor Check out Engine is now the default check out engine for ASP.Web Core MVC purposes.

Although the ASPX Check out Engine is obtainable as element of the Technique.World-wide-web.Mvc.WebFormViewEngine namespace, the Razor Check out Engine is obtainable in the Microsoft.AspNetCore.Mvc.Razor namespace.

How does a check out engine function?

Each individual check out engine comprises 3 elements: the ViewEngine class, the check out class, and the template parser. The ViewEngine class extends the IViewEngine interface and implements its associates. This class is dependable for finding check out templates. The check out class extends the IView interface and implements its associates. This class is dependable for combining the template with details and then converting it to HTML markup to be rendered in the website browser. The template parser is a parsing engine that compiles the check out into executable code.

You can also make your very own customized check out engine in ASP.Web Core. To do this, you make a class that extends the IView and the IViewEngine interfaces pertaining to the Microsoft.AspNetCore.Mvc.ViewEngines namespace. You then put into action the two procedures of the IViewEngine interface, namely GetView and FindView. You also put into action the RenderAsync process of the IView interface. This process is dependable for rendering the check out engine at runtime.

Develop a new Razor check out in ASP.Web Core MVC

In the new ASP.Web Core MVC application we created higher than, let us make a uncomplicated check out. To do this, edit the HomeController.cs file and add the adhering to code:

community IActionResult Welcome()
    ViewData["Information"] = "Hi Entire world!"
    return Check out()

Next, make a new check out file named Welcome.cshtml in the Views/Dwelling folder and enter the adhering to code:

@ViewData["Information"]

Clear away the default check out engines in ASP.Web Core MVC

When you make a customized check out engine, you might typically want to remove the default check out engines. You can remove each the Razor Check out Engine and the ASPX Check out Engine and then add your very own customized check out engine as demonstrated in the code snippet presented beneath.

services.AddMvc()
            .AddViewOptions(alternatives =>
            
                alternatives.ViewEngines.Clear()
                alternatives.ViewEngines.Increase(typeof(MyCustomViewEngine))
            )

Use an if assemble in Razor Check out Engine

In this area well examine how we can software our check out using the Razor syntax. Lets very first use some common constructs this kind of as the if, if else, and swap situation statements.

The adhering to code snippet illustrates how you can use an if assertion in Razor.

    @var x = ten 
     
        
          @if (x > five) 
            
              The worth of x is bigger than five.

The up coming code snippet exhibits how you can use an if else assertion in Razor.

    @var x = two 
     
        
          @if (x > five) 
            
              The worth of x is bigger than five.
 
            
           else 
            
              The worth of x is fewer than five.

Use a swap situation assertion in Razor Check out Engine

Right here is how you can use a swap situation assertion in Razor.

@
var weekday=DateTime.Now.DayOfWeek.ToString()
var textual content=string.Vacant



@swap(weekday)

situation "Monday":
    textual content="This is the very first working day of the 7 days."
    crack
situation "Friday":
    textual content="This is the last working day of the 7 days"
    crack
default:
    textual content="Nowadays is: " + weekday
    crack

@textual content

If the day is a Monday, when you run the application you would see the adhering to output in your website browser.

razor views aspnet core — Figure 1. Razor views in motion!

Use loops in Razor Check out Engine

You can use loops in your Razor views to conduct repetitive actions. The adhering to code snippet illustrates how you can function with loops in Razor.

 
 
     Displaying figures 1 to ten

          @for(var i = 1 i <= 10 i++) 
                         
              @i

You can get advantage of foreach loops when working with collections. The adhering to code snippet illustrates how you can display all keys pertaining to the Request.Headers collection.




@foreach (var k in this.Context.Request.Headers)
    
        @k.Crucial

If you want to use a design in the check out, you must make a design class as demonstrated in the code snippet presented beneath.

community class Creator
    
        community int Id  get established 
        community string FirstName  get established 
        community string LastName  get established

To make items uncomplicated, make the design class in the Designs solution folder. You can use this design in the check out as illustrated in the code snippet presented here:

    @design Author 
     
        Creator Id: @Product.Id
 
        Very first Title: @Product.FirstName
 
        LastName: @Product.LastName

The Razor Check out Engine is extra advanced than its previously counterpart, furnishing a friendlier syntax for generating HTML code from templates. Be aware that Razor is a general reason templating engine you can use it everywhere to render HTML.

You can also function with third get together check out engines, this kind of as Spark, SharpDOM, and NDjango, in ASP.Web Core MVC. Ill demonstrate how to make a customized check out engine in ASP.Web Core MVC in a later on put up here.

Recent Posts