Razor常用语法介绍及示例

@using

@using 指令用于向生成的视图添加 C# using 指令:

@using System.IO
@{
    var dir = Directory.GetCurrentDirectory();
}

@dir

@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,以便可以调用 Dispose 方法:

    

Example

@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
}

转义

如果需要针对@转义, 使用@@即可, 因为@为razor的语法。

呈现HTML

@("Hello World")

Hello World

try、catch、finally

与C#语法相似, 使用@前缀声明即可。

    {
    throw new InvalidOperationException("You did something invalid.");
}
catch (Exception ex)
{
    

The exception message: @ex.Message

} finally {

The finally statement.

}

循环语句for、foreach、while 和 dowhile

  • @for
@for (var i = 0; i < people.Length; i++)
{
    var person = people[i];
    

Name: @person.Name

Age: @person.Age

}
  • @foreach
@foreach (var person in people)
{
    

Name: @person.Name

Age: @person.Age

}
  • @while
@{ var i = 0; }
@while (i < people.Length)
{
    var person = people[i];
    

Name: @person.Name

Age: @person.Age

i++; }
  • @do while
@{ var i = 0; }
@do
{
    var person = people[i];
    

Name: @person.Name

Age: @person.Age

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

条件语句 if、else if、else 和 switch

@if (value % 2 == 0)
{
    

The value was even.

} @if (value % 2 == 0) {

The value was even.

} else if (value >= 1337) {

The value is large.

} else {

The value is odd and small.

} @switch (value) { case 1:

The value is 1!

break; case 1337:

Your number is 1337!

break; default:

Your number wasn't 1 or 1337.

break; }

更多语法介绍

到此这篇关于Razor常用语法介绍及示例的文章就介绍到这了。希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

你可能感兴趣的:(Razor常用语法介绍及示例)