如何结合Bootstrap和Pagehelper实现高效分页效果？

本文共计1761个文字，预计阅读时间需要8分钟。

最近完成的一些小项目中，都用到分页功能，需要自己动手实现。下面把整个分页实现整理一下，方便自己和他人的使用。

平台：1. 引入paging.js // 分页插件，页面导航，要求参数为一个对象function createPage”。

javascript// 创建分页对象function createPage(options) { const { totalPages, currentPage, pageSize, render }=options;

// 计算起始和结束页码 const startPage=Math.max(1, currentPage - 2); const endPage=Math.min(totalPages, currentPage + 2);

// 生成页码数组 const pages=[]; for (let i=startPage; i <=endPage; i++) { pages.push(i); }

// 渲染分页 render(pages);}

最近做的一些小项目中，都有用到分页，需要自己去搞。就把整个分页实现整理下吧，方便自己也方便他人。