NET Core-TagHelper实现分页标签

这里将要和大家分享的是学习总结使用TagHelper实现分页标签，之前分享过一篇使用HtmlHelper扩展了一个分页写法地址可以点击这里http://www.cnblogs.com/wangrudong003/p/5607743.html，今天分享的是net core的另外一种能写分页标签的方法具体是继承TagHelper，如下将讲述实现一个简单分页和总要注意步奏。

1.继承父类TagHelper并重写Process方法(这里还有一个异步的方法ProcessAsync各位可以自己尝试下)

2.注意：怎么在试图页面使用自定义标签

3.注意：怎么识别标签中的属性

4.注意：自定义标签类怎么获取分页参数

5.效果展示

下面一步一个脚印的来分享：

1.继承父类TagHelper并重写Process方法(这里还有一个异步的方法ProcessAsync各位可以自己尝试下)

首先咋们定义一个类取名为PagerTagHelper，这里需要继承TagHelper类，重写Process方法，TagHelper位于命名空间Microsoft.AspNetCore.Razor.TagHelpers下面，因为这里要实现的效果是mvc分页，所以还需要通过nuget获取引用Microsoft.AspNetCore.Mvc.TagHelpers，引用后如图：

NET Core-TagHelper实现分页标签

这里的版本是1.0.0-rc2-final，之前直接通过nuget引用默认版本是1.0.0版本如图本地已经下载了两个版本：

NET Core-TagHelper实现分页标签

各位需要注意版本一直，不然还原程序包的时候会出错

2.注意：怎么在试图页面使用自定义标签

如果要在html中使用定义的标签，需要注意命名规则如图上面定义的类：

NET Core-TagHelper实现分页标签

标签类必须以TagHelper结尾，然后在试图中使用如图所示：

NET Core-TagHelper实现分页标签

这里的pager就是上面PagerTagHelper对应的标签，去掉固定的TagHelper然后剩余Pager，因为html标签都是小写所以是pager，咋们先在Process中打个断点然后F5调试，可以看到进入了咋们重写的方法中，这样pager标签就和标签类对应上了

3.注意：怎么识别标签中的属性

咋们在自定义标签类中定义个属性（这里因为要做分页所以这里直接定义个分页参数的对应属性类当做标签类的属性），分页参数类如下：

 1 /// <summary>
 2     /// 分页option属性
 3     /// </summary>
 4     public class MoPagerOption
 5     {
 6         /// <summary>
 7         /// 当前页  必传
 8         /// </summary>
 9         public int CurrentPage { get; set; }
10         /// <summary>
11         /// 总条数  必传
12         /// </summary>
13         public int Total { get; set; }
14 
15         /// <summary>
16         /// 分页记录数（每页条数 默认每页15条）
17         /// </summary>
18         public int PageSize { get; set; }
19 
20         /// <summary>
21         /// 路由地址(格式如：/Controller/Action) 默认自动获取
22         /// </summary>
23         public string RouteUrl { get; set; }
24 
25         /// <summary>
26         /// 样式 默认 bootstrap样式 1
27         /// </summary>
28         public int StyleNum { get; set; }
29     }

View Code