每天学一个jquery插件-水一下分页

每天一个jquery插件-水一下分页

水一下分页

分页是大多数网页绕不开的必经之路,本来想做一个分页的插件,但是想想这玩意又得前后台配合,所以就挑着几个重点来记录一下经验

分页有什么?
参考下面的图
在这里插入图片描述

  • 内容
  • 页码
  • 上一页与下一页
  • 当前页码按钮与总数
  • 此外还有筛选条件
  • 外加一次差多少条数据出来

总之更为详细的可以去参考一下管理系统的分页控件
在这里插入图片描述
此外总结一个最简单有效的实现流程,作为一请求数据的过程,传过去应该是三个参数

public int page{
    
    get;set;}
public int rows{
    
    get;set;}
public T info{
    
    get;set;}		

根据字面意思就是分页查第几页,然后一页多少条数据,此外附加一个泛型T作为筛选参数的接收对象,你要筛选什么字段就全部给T接收了,处理数据的时候依据这个判断就成,首先根据筛选条件查所有符合条件的数据,然后根据指定页码跳过前面(page-1)*rows的多少条数据取rows条数据,这个就直接完成了。
接收应该是这俩参数

public int total{
    
    get;set;}
public List<T> rows{
    
    get;set;}		

字面意思就是前面的筛选条件查完数据之后总数有多少,第二个参数就是返回的数据,根据total与传参时候的row与page此时就可以配置页面的按钮部分,这个查询要从第一页开始,当得到结果total之后就可以判断是否该让分页插件有下一页的能力或者加载下一页的跳转按钮,此时就可以把对应的按钮部分都给完成了。
碎觉

猜你喜欢

转载自blog.csdn.net/weixin_44142582/article/details/112384364