Razor View Engine
Duration : 00:02:00
Razor View Engine
The Razor View Engine is a key component of ASP.NET Core for creating dynamic web pages with a combination of HTML and C# or Visual Basic code. It provides a clean and efficient way to generate dynamic content within views by using a concise and expressive syntax.Example
@{
string message = "Hello, Razor!";
}
<p>@message</p>
Razor Markup
Razor Markup is the foundation of the Razor View Engine, allowing developers to seamlessly integrate C# or Visual Basic code into HTML templates. It simplifies the process of rendering dynamic content by using a minimalistic, readable syntax.Example
<p>Welcome to Razor Markup!</p>
Razor Syntax in MVC
Razor Syntax in MVC refers to the specific set of rules and conventions used to embed C# or Visual Basic code into views, making it easier to build dynamic web applications with the Model-View-Controller (MVC) architecture.Example
@model MyModel
<p>Name: @Model.Name</p>
<p>Age: @Model.Age</p>
Single Block Statements
Razor allows you to execute single C# or VB statements within your views, enabling dynamic content generation in a concise manner.Example
@{
int count = 5;
}
<p>There are @count items in the list.</p>
Multi-Statement Block
You can use multi-statement blocks in Razor to include multiple lines of code for more complex logic within your views.Example
@{
int x = 10;
int y = 20;
int sum = x + y;
}
<p>The sum of @x and @y is @sum.</p>
Variables
Razor allows you to declare and use variables within your views, making it easy to store and display data dynamically.Example
@{
string productName = "ASP.NET Core";
}
<p>Product Name: @productName</p>
Conditions
Razor supports conditional statements like if-else, enabling you to create dynamic content based on certain conditions.Example
@if (UserIsAuthenticated)
{
<p>Welcome, authenticated user!</p>
}
else
{
<p>Please log in to access this content.</p>
}
Loops
You can use loops in Razor to iterate through collections or generate repetitive HTML elements dynamically.Example
<ul>
@foreach (var item in itemList)
{
<li>@item.Name</li>
}
</ul>
Model
In MVC, the model represents the data and business logic of an application. Razor allows you to work with models to display and manipulate data within views.Example
@model User
<p>User Name: @Model.UserName</p>
<p>Email: @Model.Email</p>
Still have some questions? Let's discuss.
CONTACT US