NodeJS和BootStrap分页效果的实现代码

1.数据处理

首先，在动态js中，根据url参数获取数据库文档的数量，设置页面大小，获取当前页面的数据。然后，文档页数、页面大小页面大小和当前页面被传送到页面。

2.处理分页效果

我用JavaScript动态生成，你也可以利用ejs支持函数的特性对其进行封装，生成html页面。

首先，添加寻呼ul，并在页面上需要显示的地方添加代码：

Ul class=' paging' id=' paging'/ul，然后在脚本标记中插入处理分页的代码：

$(文档)。ready(function(){ if($(' # pagination ')){ var page count=%=locals . page count %；var page size=%=locals . page size %；var current page=%=locals . current page %；var计数，pagehtml=if(page count % page size==0){ counts=ParSeint(page count/page size)；} else { counts=ParSeint(page count/page size)1；}//只有一页内容，如果(page count=page size){ page html=' '；}//大于一页if(页数页面大小){ if(current page 1){ page html=' liale=' external nofollow ' href='/course/index/'(current page-1)' '上一页/a/Li '；} for(var I=0；icountsI){ if(I=(current page-3)I(current page 3)){ if(I==current page-1){ page html=' Li class=' active ' a rel=' external no follow ' href='/course/index/'(I 1)' '(I 1)'/a/Li '；} else { page html=' lia rel=' external no follow ' href='/course/index/'(I 1)' ' '(I 1)'/a/Li '；}}} if(当前页数){ page html=' lia rel=' external no follow ' href='/course/index/'(当前第1页)''下一页/a/Li '；}}$('#pagination ')。html(page html)；}});注意：locals.pagecount、locals.pagesize和locals.currentpage是从js传递的数据库数量、页面大小和当前页面。当然也可以直接修改，用固定数据测试效果。

例如：

实际效果是：

这么简单的分页效果就出来了

以上是边肖介绍的NodeJS和BootStrap分页效果的实现代码。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！