项目一众筹网03_0_[同步开发]管理员维护(分页和管理员的增删改查)——分页导航条使用bootstrap自带的页码插件实现动态页码（回调函数、js怎么跳转页面）

本文链接：https://blog.csdn.net/qq_41753340/article/details/121752197

本文介绍了如何将分页导航条从静态页码变为动态，并详细讲解了初始化函数和回调函数的概念。在前端开发中，通过引入JS代码并调整位置，实现了分页功能。同时，解释了回调函数的工作原理，强调其在代码中的重要性。在实际操作中，对参数进行了设置，并进行了测试，找出并解决了存在的bug。

摘要由CSDN通过智能技术生成

系列文章目录

01-管理员维护-分页导航条-准备工作

我们现在要做的事情就是要把假的页码变成真的
现在我们做到的程度就是
后台代码已经全部完成
并且我们已经测试过了，那么下面我们该做什么呢
在这里插入图片描述

虽然自己算也行，但是比较麻烦，用别人的工具会比较省事一点
那么我们怎么做呢？

先引入js代码
引入全部完成之后我们再来看它的js代码是怎么写的
注意位置一定是在head标签后面，因为我们之前的base标签都是写在include-head.jsp里面的
在这里插入图片描述

如果写在前面就没办法使用到base标签
这里注意路径需要改一下
在这里插入图片描述

在这里插入图片描述

替换掉之前写死的页码

在这里插入图片描述

02-分页导航条-初始化函数

下面我们开始看上面那个demo的js代码
在这里插入图片描述
什么是初始化函数呢？
我们看这段简单的代码

这就是一个初始化函数

但是这个函数又没在什么返回值，这就给我们整不会了

所以老师觉得这个代码纯属于故弄玄虚
用我们现在的话来说，那就是纯属于装X
所以说，没有必要整得这么花里胡哨
你不就是要做一个初始化吗，所以我们这样写，实实在在的写
在这里插入图片描述

所以我们只需要看这部分代码(初始化那部分就不用看了)

乾隆的后代有哪些呢？

就是我们分页的长度，就是数了一下，比如这里就是8

在这里插入图片描述

因为是个数值，所以我们不加引号也可以
在这里插入图片描述

回调函数的理解

回调怎么去理解，我们跟外国人就要反着干，
外国人叫调回，我们叫回调
这样就好理解了

在这里插入图片描述
把这个函数拿出来，
注意，名字我们是可以改的

再往下是设置每页显示多少条
那么这些写完以后就可以了吗
实际上还不行，继续看bootstrap给我们提供的参考文档
我们还需要设置一下这个参数

其它的参数就不用设置了，不设置系统就会用默认值

3-管理员维护-分页导航条-回调函数

怎么理解回调函数呢，百度上是这么说的
在这里插入图片描述
但是我们这里是js，所以结合具体情况大致可以这么理解
什么叫回调函数，回调函数就是声明以后不是我们自己来调用，
而是交给别人来调用

所以
最终的代码是这样的

关键词可以先不带，因为下一篇才讲，但是页码必须带上，不然单纯靠前端是无法分页的
在这里插入图片描述