ASP — ASP.NET Razor

Razor Syntax

@{
    var name = "John";
    var items = new List<string> { "A", "B", "C" };
}

<h1>Hello, @name!</h1>

<ul>
@foreach (var item in items)
{
    <li>@item</li>
}
</ul>

Expressions

<p>@(2 + 2)</p>
<p>@DateTime.Now</p>
<p>@Model.Name</p>

Code Blocks

@{
    var total = 0;
    foreach (var item in Model.Items)
    {
        total += item.Price;
    }
}
<p>Total: @total</p>

Conditional

@if (Model.IsAdmin)
{
    <a href="/admin">Admin Panel</a>
}
else
{
    <p>Access denied</p>
}

Layout

@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}

Mini Practice

1. Use Razor expressions
2. Create loops
3. Use conditionals
4. Set layouts

Up Next

Continue with ASP.NET Core — ASP.NET Core.