Razor Variable

As I discussed in my last article What is Razor that Razor is the combination of HTML and C#, so we can use almost all programming feature in Razor.In this article I am showing how we can work with variables. In Razor we start programming code using @.

Example of Razor Variable

Create controller name Home and view Index In this example I declared variable and calculate sum and print it.

Code of Index.cshtml

		
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
</head>
<body>
   
    
   @{
       
       int num1 = 10, num2 = 20;
       int num3 = num1 + num2;
       
    }

    The sum of @num1 and @num2 is @num3

</body>
</html>

		
		

As you can see that I declared block using @ and inside this block I have declared razor variable and perform some calculation. After that closing the block I used these variables.

The output of this code as follows:-

		
		Razor View Engine in MVC
		Figure 1
		
		

Use of HTML code With C#

The best part of Razor is that we can put programming code with HTML in Razor.

For example:- In the above example I put all variable result in bold tag which is used to make text bold.

		
		@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
</head>
<body>
   
    
   @{
       
       int num1 = 10, num2 = 20;
       int num3 = num1 + num2;
       
    }

    The sum of <b> @num1 </b> and <b>@num2</b> is <b>@num3</b>

</body>
</html>
		
		

The output of this code is as follows:-

		
		Variable Declaration in MVC Razor view engine
		Figure 2
		
		

Email Address

For any query you can mail me at info@techaltum.com