Razor常用語法介紹及示例
阿新 • • 發佈:2022-01-31
@using
@using 指令用於向生成的檢視新增 C# using 指令:
@using System.IO @{ var dir = Directory.GetCurrentDirectory(); } <p>@dir</p>
@page
@page 指令具有不同的效果,具體取決於其所在檔案的型別。 指令:
在 .cshtml 檔案中表示該檔案是 Razor Page**。 有關詳細資訊,請參閱自定義路由和 ASP.NET Core 中的Razor 頁面介紹。
指定 Razor 元件應直接處理請求。 有關詳細資訊,請參閱ASP.NET Core Blazor 路由。
@namespace
設定生成的 Razor 頁面、MVC 檢視或 Razor 元件的類的名稱空間。
@layout
@layout 指令指定 Razor 元件的佈局。 佈局元件用於避免程式碼重複和不一致。
@inject
@inject 指令允許 Razor 頁面將服務從服務容器注入到檢視。
@implements
@implements 指令為生成的類實現介面。
以下示例實現 System.IDisposable,以便可以呼叫UQxDsck Dispose 方法:
<h1>Example</h1> @functions { private bool _isDisposed; ... public void Dispose() => _isDisposed = true; }
@code
@code 塊允許 Razor 元件將 C# 成員(欄位、屬性和方法)新增到元件中。
@code { // C# members (fields,properties,and methods) }
@attribute
@attribute 指令將給定的屬性新增到生成的頁或檢視的類中。 以下示例新增 [Authorize] 屬性:
@attribute [Authorize]
註釋
@{ /* C# comment */ // Another C# comment } <!-- HTML comment -->
轉義
如果需要針對@轉義,使用@@即可,因為@為razor的語法。
呈現HTML
@("<span>Hello World</span>") <span>Hello World</span>
try、catch、finally
與C#語法相似,使用@字首宣告即可。
{
throw new InvalidOperationException("You did something invalid.");
}
catch (Exception ex)
{
<p&gwww.cppcns.comt;The exception message: @ex.Message</p>
}
finally
{
<p>The finally statement.</p>
}
迴圈語句for、foreach、while 和 dowhile
- @for
@for (var i = 0; i <www.cppcns.com; 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);
條件語句 if、else if、else 和 switch
@if (value % 2 == 0)
{
<p>The value was even.</p>
}
@if (value % 2 == 0)
{
http://www.cppcns.com <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常用語法介紹及示例的文章就介紹到這了。希望對大家的學習有所幫助,也希望大家多多支援我們。