最近做项目的时候碰到了分页问题,在这里把过程写下来,分享一下经验。
首先,我们应该明确一下分页的逻辑步骤:
- 从后台获取数据
- 确定每页显示数量以及总页数
- 显示数据
步骤明确了,接下来,开始写代码:
.html部分
假设html文件里已经有一个表格框架和分页按钮,默认页数设为1(为了方便我直接用bootstrap框架写分页按钮)
<div>
<table id="table">
<tr>
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
</tr>
<tbody id="tbody">
</tbody>
</table>
</div>
<div>
<ul class="pagination">
<li><a id="left" href="#">上一页</a></