分页功能

傷城~ 2023-05-30 06:11 10阅读 0赞

## 先说原理防百度底部分页 ##

### 前面5个，后面四个 ###

### 开始index 等于当前页-5 结束index 等于当前页+4 ###

下面上核心代码

/** * 定义开始位置 */
                    var begin,end;
                    if (pb.totalPage<10){ 
                        begin =1;
                        end=pb.totalPage
                    }else { 
                        begin = pb.currentPage-5
                        end= pb.currentPage+4
                        console.log(begin)
                        console.log(end)
                        // 如果不够五个后面补齐10个
                        if (begin<1){ 
                            begin=1
                            end=begin+9
                        }
                        if (end>pb.totalPage){ 
                            end=pb.totalPage
                            begin=end-9
    
                        }
                    }
                    for (var i = begin; i <end ; i++) { 
                        console.log( i)
                        var li;
                        if (pb.currentPage == i){ 
                            li = '<li οnclick="javascript:load('+cid+','+i+')" class="curPage"><a href="javascript:load('+cid+','+i+')">'+i+'</a></li>'
                        } else { 
                            li = '<li οnclick="javascript:load('+cid+','+i+')"><a href="javascript:load('+cid+','+i+')">'+i+'</a></li>'
    
                        }
    
                        lis += li
                    }

发表评论取消回复

表情：

评论列表（有 0 条评论，10人围观）

还没有评论，来说两句吧...

相关阅读

相关 MyBatisPlus分页插件实现分页功能

本教程需要有MyBatisPlus基础后端技术：SpringBoot2.7.9、MyBatisPlus3.5.1、[MySQL8][] 前端技术：Vue2.5.16+a

Bertha 。/ 2024年03月25日 22:45/ 0 赞/ 24 阅读

相关分页功能

先说原理防百度底部分页前面5个，后面四个开始index 等于当前页-5 结束index 等于当前页+4 下面上核心代码 / 定义开始位置 /

傷城~/ 2023年05月30日 06:11/ 0 赞/ 11 阅读

相关 flex 分页功能参考

0. 为外层容器的creationComplete指定获取数据的方法 creationComplete="getInfo (1)"//1是当前页

你的名字/ 2022年09月29日 12:57/ 0 赞/ 166 阅读

相关分页功能

最初的时候没有涉及MVC模式的时候，我做分页就是在jsp页面上进行分页，在后面的时候分页我就和页面分开，只是输出分页的信息完成分页，最后分页使用的是hibernate实现分页。

深碍√TFBOYSˉ_/ 2022年06月16日 11:16/ 0 赞/ 254 阅读

相关 springmvc实现分页功能

最近在做一个分享圈项目，采用ssm实现。要实现关键字查询，全部分享，别人的分享，我的分享，正常查询等几个操作查询出来的数据同时用同一个分页按钮进行操作，根据不同的操作指令分页

约定不等于承诺〃/ 2022年05月24日 01:18/ 0 赞/ 378 阅读

相关 django 实现分页功能

分页效果： ![782326-20160423201924835-1940286689.png][] 视图代码： ![复制代码][Image 1] 1 --

偏执的太偏执、/ 2022年05月16日 04:19/ 0 赞/ 336 阅读

相关 mui中分页功能

这写有完整的JS代码，只要定义好一下几个参数就可以自动生成分页的导航栏 //定义有关分页的全局变量 pageNum：当前页 pageSize：每页显示的数据 pa

深碍√TFBOYSˉ_/ 2022年04月12日 02:39/ 0 赞/ 442 阅读

相关 Django--分页功能

Django--分页功能 > 需要用到django中的Paginator模块 > > 导入：from django.core.paginator import Pagi

落日映苍穹つ/ 2021年12月23日 16:29/ 0 赞/ 387 阅读

相关实现搜索分页功能

1.1 需求分析实现搜索分页功能，每页显示30条记录。实现商品列表下方分页栏。 1.2 实现思路前端向后端传递参数 pageNo （页码） 1.3 代码实

川长思鸟来/ 2021年12月05日 05:51/ 0 赞/ 680 阅读

相关 JQuery实现分页功能

使用JQuery实现分页功能。 1、分页栏HTML码 <div class="g-cf g-pagerwp"> <div style="vis

拼搏现实的明天。/ 2021年09月17日 12:22/ 0 赞/ 759 阅读