在 Razor Pages 中定义具有根值和 slug 的路由

Question

我想创建一个具有根值和 slug 值的链接。是这样的：

http://localhost:5001/Page/rootValue?slug=1

我怎样才能做到这一点？

我写的标签如下：

<a asp-page="./ProductCategory" asp-route-id="@category.Slug" asp-route-page="1">@category.Name</a>

我希望获得以下输出：

http://localhost:5001/productCategory/cars?page=1

但在实践中，不会收到 slug 值。

我做的其他事情是在目标页面中获取 id 根值：

@page {id}

在目标页面模型中，获取 URL 值：

OnGet(string id, int page)

但是当我运行该程序时，slug 值（页面）为零并且页面未加载。

我是否必须在 StartUp.cs 文件中为路由输入一些内容？就像 MVC 模型中的 MapRoute 方法一样，Razor Pages 是否有类似的方法？

Answer 1

在 Razor Pages 中，您可以使用标记上的 asp-route- 属性来指定路由值。例如，如果要在 URL 中包含 id 和页面路由值，则可以使用以下标记：

<a asp-page="./ProductCategory" asp-route-id="@category.Slug" asp-route-page="1">@category.Name</a>

这将生成如下 URL：

http://localhost:5001/productCategory/cars?page=1

要检索目标页面中的路由值，您可以在 Razor 标记中使用 @page 指令来访问路由值。例如：

@page "{id}/{page}"

@functions {
    public string Id { get; set; }
    public int Page { get; set; }

    public void OnGet(string id, int page)
    {
        Id = id;
        Page = page;
    }
}

这将定义一个具有两个路由值的页面：id 和 page。然后，您可以在 OnGet 方法中访问这些值，并在您的页面逻辑中使用它们。

如果要为页面自定义路由模板，可以在 Startup 类的 ConfigureServices 方法中执行此操作。您可以使用 options.Conventions.AddPageRoute 方法为页面指定自定义路由模板，如下所示：

public void ConfigureServices(IServiceCollection services)
{
    services.AddRazorPages()
        .AddRazorPagesOptions(options =>
        {
            options.Conventions.AddPageRoute("/ProductCategory", "{id}/{page}");
        });
}