NET Core TagHelper实现分页标签

以下为你带来的是关于NET Core中TagHelper分页标签实现的生动介绍，对于热衷于Web开发的你，不容错过。

在NET Core的海洋里，TagHelper就如同一位神秘的航海导航者，帮助我们精准实现分页标签。曾经我们使用HtmlHelper来扩展分页的写法，现在我们将目光投向更强大的TagHelper，它让我们能够以更简单直观的方式实现分页功能。今天，让我们一起揭开这个神秘面纱，看看如何在NET Core中利用TagHelper实现分页标签。

在Razor视图中使用自定义标签，需要注意命名规则。标签类必须以TagHelper结尾，然后在视图中使用相应的标签。例如，我们这里定义的类名为PagerTagHelper，那么在视图中就可以使用标签。

在自定义标签类中，我们可以定义属性来识别标签中的属性。例如，我们定义一个MoPagerOption类作为PagerTagHelper的属性，用来接收分页参数。在视图中，我们可以通过标签属性将MoPagerOption传递给标签类。

获取分页参数是自定义标签类的关键之一。我们可以通过标签属性获取传递进来的分页参数，然后在Process方法中使用这些参数进行分页处理。

接下来是效果展示。在视图中使用标签，并传递分页参数。处理完成后，我们可以通过查看浏览器中的html元素来查看分页效果。

以下是完整的代码示例：

```csharp

using Microsoft.AspNetCore.Razor.TagHelpers;

namespace Text.Core.Extend

{

public class MoPagerOption

{

public int CurrentPage { get; set; } // 当前页

public int Total { get; set; } // 总条数

public int PageSize { get; set; } // 分页记录数（每页条数）

public string RouteUrl { get; set; } // 路由地址（格式如/Controller/Action）

public int StyleNum { get; set; } // 样式编号（默认bootstrap样式1）

}

public class PagerTagHelper : TagHelper

{

public MoPagerOption PagerOption { get; set; }

public override async Task ProcessAsync(TagHelperContext context, TagHelperOutput output)

{

// 设置输出标签名为div

output.TagName = "div";

// 初始化分页参数

if (PagerOption.PageSize <= 0) { PagerOption.PageSize = 15; }

if (PagerOption.CurrentPage <= 0) { PagerOption.CurrentPage = 1; }

if (PagerOption.Total <= 0) { return; }

// 计算总页数

int totalPage = PagerOption.Total / PagerOption.PageSize + (PagerOption.Total % PagerOption.PageSize > 0 ? 1 : 0);

if (totalPage <= 0) { return; }

// 处理路由地址

if (string.IsNullOrEmpty(PagerOption.RouteUrl))

{

// 这里可以根据实际情况获取请求路径并设置路由地址

}

PagerOption.RouteUrl = PagerOption.RouteUrl.TrimEnd('/');

// 构造分页样式（这里仅展示默认样式）

StringBuilder sbPage = new StringBuilder();

sbPage.Append("