项目中之前需要分页插件，以前用的都是单纯叫做pagenation.js的插件，但是这次集成的时候，项目组一个孩纸用了这个插件，结合网上的例子琢磨了一把。其实大致流程都是相同的，主要将我在用这个分页插件的一些心得分享出来：
1、分页插件引入html中需要：
bootstrap.css
分页插件js
自己写的分页的样式css【如果不用，也可以直接用bootstrap所带的分页css。】
使用jquery可以引入jquery.js
html中：
<script type="text/javascript" src="/UploadFiles/2021-04-02/<c:url value=">2、分页插件使用时：
可以定义一个专门页面转换的方法，引入使用：
html中：
<ul id="pagination" class="pagination"> </ul>js中：
managementPage:function (pagesize) { var obj = $('#managePagination').twbsPagination({ totalPages: pagesize,//总页数 startPage: 1,//起始页 visiblePages: pagesize>5"active").siblings().removeClass("active"); var start = (page - 1)*5+1; var end = page*5+1; var param = { 'start':start, 'end':end }; ds.manageSystem(manageSystemUrl,param);//异步加载的方法，主要需要将起始页与结束页带回后台 } }); obj.data();//加载分页样式 },3、注意：分页插件在使用时注意，如果页面中存在其他异步加载的数据，在运行分页方法第一次后，页面上的分页样式与分页中的data数据就是第一次的数据，如果异步加载重新在页面上录入数据，并希望分页继续在新的数据上实现，则需要引用以下代码：
//页面重载时置空分页数据（属于分页插件） $('#managePagination').empty(); $('#managePagination').removeData("twbs-pagination"); $('#managePagination').unbind('page');这段代码放入的地方也有讲究，需要放在即将异步加载的数据之前，先异步加载的数据一步清空分页插件，此时再次加载的分页数据才是新的数据内容。
4、分页插件基本使用以上代码便可全部满足。
以上这篇基于twbsPagination.js分页插件使用心得(分享)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
P70系列延期，华为新旗舰将在下月发布
3月20日消息，近期博主@数码闲聊站 透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。
而博主@定焦数码 爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。