Part 57 Razor views in mvc

Link for code samples used in the demo
http://csharp-video-tutorials.blogspo...

Healthy diet is very important both for the body and mind. If you like Aarvi Kitchen recipes, please support by sharing, subscribing and liking our YouTube channel. Hope you can help.
   / @aarvikitchen5572  

Link for csharp, asp.net, ado.net, dotnet basics, mvc and sql server video tutorial playlists
   / kudvenkat  

Make sure to replace [ with LESSTHAN and ] with GREATERTHAN symbol.

In this video, we will discuss razor view syntax.

Use @ symbol to switch between c# code and html.
@for (int i = 1; i [= 10; i++)
{
[b]@i[/b]
}

Output:
1 2 3 4 5 6 7 8 9 10

Use @{ } to define a code block. If we want to define some variables and perform calculations, then use code block. The following code block defines 2 variables and computes the sum of first 10 even and odd numbers.
@{
int SumOfEvenNumbers = 0;
int SumOfOddNumbers = 0;

for(int i =1; i[=10; i++)
{
if(i %2 == 0)
{
SumOfEvenNumbers = SumOfEvenNumbers + i;
}
else
{
SumOfOddNumbers = SumOfOddNumbers + i;
}
}
}

[h3]Sum of Even Numbers = @SumOfEvenNumbers[/h3]
[h3]Sum of Odd Numbers = @SumOfOddNumbers[/h3]

Output:
Sum of Even Numbers = 30
Sum of Odd Numbers = 25

Use [text] element or @: to switch between c# code and literal text
@for (int i = 1; i [= 10; i++)
{
[b]@i[/b]
if (i % 2 == 0)
{
[text] - Even [/text]
}
else
{
[text] - Odd [/text]
}
[br /]
}

The above program can be re-written using @: as shown below.
@for (int i = 1; i [= 10; i++)
{
[b]@i[/b]
if (i % 2 == 0)
{
@: - Even
}
else
{
@: - Odd
}
[br /]
}

Output:
1 - Odd
2 - Even
3 - Odd
4 - Even
5 - Odd
6 - Even
7 - Odd
8 - Even
9 - Odd
10 - Even