基本語法

Razor 程式碼可以插入 HTML 程式碼中的任何位置。剃刀程式碼塊包含在 @{ ... } 中。內聯變數和函式以 @ 開頭。Razor 括號內的程式碼遵循正常的 C#或 VB 規則。

單行宣告:

@{ var firstNumber = 1; }

多行程式碼塊:

@{
    var secondNumber = 2;
    var total = firstNumber + secondNumber;
}

使用變數內聯:

<h1>The total count is @total</h1>

明確使用變數內聯

<h2>Item@(item.Id)</h2>

對於此特定示例,我們將無法使用隱式語法,因為 Item@item.Id 看起來像電子郵件,並且將由 Razor 呈現。

將程式碼包含在控制流語句中:

<h1>Start with some HTML code</h1>

@for (int i = 0; i < total; i++){
    Console.Write(i);
}

<p>Mix in some HTML code for fun!</p>
<p>Add a second paragraph.</p>

@if (total > 3)
{
    Console.Write("The total is greater than 3");
}
else
{
    Console.Write("The total is less than 3");
}

所有語句都可以使用相同的語法,例如 forforeachwhileifswitch 等。

在程式碼中新增程式碼:

@if (total > 3)
{
    if(total == 10)
    {
        Console.Write("The total is 10")
    }
}

請注意,你無需在第二個 if 上鍵入 @。在程式碼之後,你只需在現有程式碼後面鍵入其他程式碼即可。

如果要在 HTML 元素之後新增程式碼,需要鍵入 @