servlet 实现mysql分页_Angularjs+servlet+mysql实现表格分页

上一篇文章小编讲解了如何实现表格。在Javaweb开发中，最常用到的是表格分页，今天小编就讲解一下如何实现表格分页。

一、分页原理。

以student表为例。

前端页面实现表格分页，后端数据库使用的查询语句select * from student limit 参数1,参数2，参数1代表从第几个值开始查询，即记录起始索引值，参数2代表查询几个值，即每页显示多少条记录

假如起始索引从0开始，每页显示2条记录

规律：

1.前端页面做成上一页和下一页按钮方式：

当我们点击上一页按钮后，起始索引=当前页起始索引-每页显示记录数

当我们点击下一页按钮后，起始索引=当前页起始索引+每页显示记录数

2.前端页面做成页面按钮方式：1、2、3、4、5、6…

起始索引=(页数-1)*每页显示记录数

讲到这大家有没有晕，小编刚开始学习也是一知半解，但是自己手敲了一遍代码后，就明白了，其实很简单。啥也不说了，拿起键盘开始敲代码吧。

二、分页实现代码

在上一篇文章中小编实现了表格，今天小编就在上一篇的基础上加分页代码。

1.index.html

index.html

新增了两个按钮，上一页和下一页。

2.index.js

index.js

注意点：上述代码能完成分页逻辑，但是并不完整，请大家自己补充完整。

提示：(1)定义当前页变量和总页数变量

$scope.totalPage= 0;//总页数$scope.currentPage= 1;//当前页

(2)每次刷新页面必须请求总页数，默认每页显示两条记录

(3)在下一页按钮事件中，应该先做判断当前页是否小于总页数，如果小于，当前页+1，否则提示已是最后一页

在上一页按钮事件中，应该先做判断当前页是否大于总页数，如果大于，当前页-1，否则提示已是第一页

3.ServletStudent.java

ServletStudent.java

后台java程序，先接收index和count变量，利用select * from student limit index，count实现查询。

请求总页数的java代码不在这里重复，都是体力活。

提示：使用count(*)查出记录总数，用总记录数除以每页要显示的个数并向上取整即可得出总页数。

3.运行结果

点下一页按钮

表格分页想起来觉得复杂，但是自己动手实践一遍会觉得非常简单，没有难度，小编建议大家多动手练习。今天就讲到这里，对上述内容欢迎大家多多批评指正。