首页 > 编程语言 >Blazor程序混合Razor页面

Blazor程序混合Razor页面

时间:2024-08-02 16:52:20浏览次数:14  
标签:Razor 添加 cshtml Test Blazor Pages 页面

1. 修改Program

//添加Razor页面
builder.Services.AddRazorPages();
//使用路由,需在app.UseAntiforgery();之前添加
app.UseRouting();
//映射Razor页面
app.MapRazorPages();

2. 添加Razor页面

  • 新建Pages文件夹
  • Pages文件夹中添加_ViewImports.cshtml文件
@using Sample.Web
@namespace Sample.Web.Pages
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
  • Pages文件夹中添加Razor页面,命名Test,自动生成Test.cshtmlTest.cshtml.cs两个文件
  • Test.cshtml文件示例如下:
@page
@model TestModel

<h2>@Model.Id</h2>
  • Test.cshtml.cs文件示例如下:
namespace Sample.Web.Pages;

public class TestModel : Microsoft.AspNetCore.Mvc.RazorPages.PageModel
{
    public string Id { get; set; }

    //路由:域名/test?id=123242
    public async void OnGet(string id)
    {
        Id = id;
    }
}

标签:Razor,添加,cshtml,Test,Blazor,Pages,页面
From: https://www.cnblogs.com/known/p/18339094

相关文章