ASP.NET Core Razor页面用法介绍

ASP.NET Core Razor 页面是一种基于 Razor 模板引擎的视图引擎，它可以用于创建动态 Web 页面。以下是 ASP.NET Core Razor 页面用法介绍的完整攻略：

步骤一：创建 Razor 页面

在使用 Razor 页面之前，需要创建 Razor 页面。可以在 ASP.NET Core 项目中的 Pages 文件夹中创建 Razor 页面。以下是一个示例：

@page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
}

<h1>@ViewData["Title"]</h1>

<p>Welcome to the home page!</p>

在上面的示例中，我们创建了一个名为 Index 的 Razor 页面。我们使用 @page 指令指定了 Razor 页面的路由，使用 @model 指令指定了 Razor 页面的模型，使用 @{} 块定义了 Razor 页面的代码块，使用 @ViewData["Title"] 输出了 Razor 页面的标题，使用

和

标签输出了 Razor 页面的内容。

步骤二：创建 Razor 页面模型

在使用 Razor 页面之前，需要创建 Razor 页面模型。可以在 ASP.NET Core 项目中的 Pages 文件夹中创建 Razor 页面模型。以下是一个示例：

public class IndexModel : PageModel
{
    public void OnGet()
    {
        ViewData["Title"] = "Home page";
    }
}

在上面的示例中，我们创建了一个名为 IndexModel 的 Razor 页面模型。我们在 OnGet 方法中设置了 ViewData["Title"] 的值。

步骤三：使用 Razor 页面

在使用 Razor 页面之前，需要在 ASP.NET Core 应用程序中配置 Razor 页面。可以在 Startup.cs 文件中使用 AddRazorPages 方法配置 Razor 页面。以下是一个示例：

public void ConfigureServices(IServiceCollection services)
{
    services.AddRazorPages();
}

public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
    app.UseRouting();

    app.UseEndpoints(endpoints =>
    {
        endpoints.MapRazorPages();
    });
}

在上面的示例中，我们在 ConfigureServices 方法中使用 AddRazorPages 方法配置 Razor 页面，使用 UseRouting 方法配置路由，使用 MapRazorPages 方法配置 Razor 页面的路由。

可以使用 @page 指令指定 Razor 页面的路由。以下是一个示例：

@page "/about"
@model AboutModel
@{
    ViewData["Title"] = "About";
}

<h1>@ViewData["Title"]</h1>

<p>This is the about page.</p>

在上面的示例中，我们使用 @page 指令指定了 Razor 页面的路由为 /about。

可以使用 @model 指令指定 Razor 页面的模型。以下是一个示例：

@model ContactModel
@{
    ViewData["Title"] = "Contact";
}

<h1>@ViewData["Title"]</h1>

<p>This is the contact page.</p>

在上面的示例中，我们使用 @model 指令指定了 Razor 页面的模型为 ContactModel。

示例一：使用 Razor 页面模型

以下是一个示例，演示如何使用 Razor 页面模型：

public class IndexModel : PageModel
{
    public string Message { get; set; }

    public void OnGet()
    {
        Message = "Hello, world!";
    }
}

@page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
}

<h1>@ViewData["Title"]</h1>

<p>@Model.Message</p>

在上面的示例中，我们在 IndexModel 类中定义了一个名为 Message 的属性，并在 OnGet 方法中设置了 Message 的值。在 Razor 页面中，我们使用 @Model.Message 输出了 Message 的值。

示例二：使用 Razor 页面传递参数

以下是一个示例，演示如何使用 Razor 页面传递参数：

public class DetailsModel : PageModel
{
    public string Message { get; set; }

    public void OnGet(string id)
    {
        Message = $"Details for {id}";
    }
}

@page "{id}"
@model DetailsModel
@{
    ViewData["Title"] = "Details";
}

<h1>@ViewData["Title"]</h1>

<p>@Model.Message</p>

在上面的示例中，我们在 DetailsModel 类中定义了一个名为 Message 的属性，并在 OnGet 方法中使用参数 id 设置了 Message 的值。在 Razor 页面中，我们使用 @page 指令指定了路由为 {id}，并使用 @Model.Message 输出了 Message 的值。