的Nodejs和Bootstrap分页效果的实现代码

1。数据处理

首先，在动态的JS，得到基于URL参数数据库文件的数量，设置分页大小，获得当前页的数据，然后将文件数总页数，页面尺寸大小和当前页的页currentpage。

2。处理分页的效果

我使用的是Javaｓｃｒｉｐｔ动态生成的，你也可以使用该技术的功能支持功能，把它变成一个HTML表单页面。

首先，添加分页UL并将代码添加到您需要在页面中显示的位置。

然后处理分页的代码中插入脚本标签：
$（文档）Ready（函数（）{）
如果（$（#分页））{
无功总页数=；
Var PageSize =；
无功currentpage =；
变量计数，pagehtml = ；
如果（总页数为PageSize = = 0）{
数= parseInt（总页数/ PageSize）；
其他{ }
数= parseInt（总页数/ PageSize）+ 1；
}
只有一页内容
如果（总页数<= PageSize）{ pagehtml = ；}
多个页面/内容
如果（总页数> PageSize）{
如果（currentpage > 1）{
pagehtml + =；
}
对于（var i = 0；i <计数；i + +）{
如果（我=（currentpage-3）我<（currentpage + 3））{
如果（我= = currentpage-1）{
pagehtml + =+（i + 1）+；
其他{ }
pagehtml + =+（i + 1）+；
}

}
}
如果（currentpage <计数）{
pagehtml + =；
}
}
$（#分页）。Html（pagehtml）；
}
}）；
注：locals.pagecount，locals.pagesize和locals.currentpage数据库的数量、大小和当前寻呼的寻呼。它们是从js传递的。当然，您可以直接修改它们来测试固定数据的效果。

例如:
实际效果如下：
所以一个简单的分页效果出来了。

以上是实现代码Nodejs和Bootstrap分页效果经Xiaobi介绍，我们希望对你有帮助。如果你有任何问题，请给我留言，萧边会及时给您回复。谢谢您支持网站。