Razor常用語(yǔ)法實(shí)例分析

本文小編為大家詳細(xì)介紹“Razor常用語(yǔ)法實(shí)例分析”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“Razor常用語(yǔ)法實(shí)例分析”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來(lái)學(xué)習(xí)新知識(shí)吧。

@using

@using 指令用于向生成的視圖添加 C# using 指令：

@using System.IO
@{
    var dir = Directory.GetCurrentDirectory();
}
<p>@dir</p>

@page

@page 指令具有不同的效果，具體取決于其所在文件的類(lèi)型。 指令：

在 .cshtml 文件中表示該文件是 Razor Page**。 有關(guān)詳細(xì)信息，請(qǐng)參閱自定義路由和 ASP.NET Core 中的 Razor 頁(yè)面介紹。

指定 Razor 組件應(yīng)直接處理請(qǐng)求。 有關(guān)詳細(xì)信息，請(qǐng)參閱 ASP.NET Core Blazor 路由。

@namespace

設(shè)置生成的 Razor 頁(yè)面、MVC 視圖或 Razor 組件的類(lèi)的命名空間。

@layout

@layout 指令指定 Razor 組件的布局。 布局組件用于避免代碼重復(fù)和不一致。

@inject

@inject 指令允許 Razor 頁(yè)面將服務(wù)從服務(wù)容器注入到視圖。

@implements

@implements 指令為生成的類(lèi)實(shí)現(xiàn)接口。
以下示例實(shí)現(xiàn) System.IDisposable，以便可以調(diào)用 Dispose 方法：

    <h2>Example</h2>

@functions {
    private bool _isDisposed;

    ...

    public void Dispose() => _isDisposed = true;
}

@code

@code 塊允許 Razor 組件將 C# 成員（字段、屬性和方法）添加到組件中。

    @code {
    // C# members (fields, properties, and methods)
}

@attribute

@attribute 指令將給定的屬性添加到生成的頁(yè)或視圖的類(lèi)中。 以下示例添加 [Authorize] 屬性：

@attribute [Authorize]

注釋

@{
    /* C# comment */
    // Another C# comment
}
<!-- HTML comment -->

轉(zhuǎn)義

如果需要針對(duì)@轉(zhuǎn)義, 使用@@即可, 因?yàn)锧為razor的語(yǔ)法。

呈現(xiàn)HTML

@("<span>Hello World</span>")

<span>Hello World</span>

try、catch、finally

與C#語(yǔ)法相似, 使用@前綴聲明即可。

    {
    throw new InvalidOperationException("You did something invalid.");
}
catch (Exception ex)
{
    <p>The exception message: @ex.Message</p>
}
finally
{
    <p>The finally statement.</p>
}

循環(huán)語(yǔ)句for、foreach、while 和 dowhile

• @for

@for (var i = 0; i < people.Length; i++)
{
    var person = people[i];
    <p>Name: @person.Name</p>
    <p>Age: @person.Age</p>
}

• @foreach

@foreach (var person in people)
{
    <p>Name: @person.Name</p>
    <p>Age: @person.Age</p>
}

• @while

@{ var i = 0; }
@while (i < people.Length)
{
    var person = people[i];
    <p>Name: @person.Name</p>
    <p>Age: @person.Age</p>

    i++;
}

• @do while

@{ var i = 0; }
@do
{
    var person = people[i];
    <p>Name: @person.Name</p>
    <p>Age: @person.Age</p>

    i++;
} while (i < people.Length);

條件語(yǔ)句 if、else if、else 和 switch

@if (value % 2 == 0)
{
    <p>The value was even.</p>
}

@if (value % 2 == 0)
{
    <p>The value was even.</p>
}
else if (value >= 1337)
{
    <p>The value is large.</p>
}
else
{
    <p>The value is odd and small.</p>
}

@switch (value)
{
    case 1:
        <p>The value is 1!</p>
        break;
    case 1337:
        <p>Your number is 1337!</p>
        break;
    default:
        <p>Your number wasn't 1 or 1337.</p>
        break;
}

讀到這里，這篇“Razor常用語(yǔ)法實(shí)例分析”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過(guò)才能領(lǐng)會(huì)，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注億速云行業(yè)資訊頻道。