文章小编讲解了如何实现表格。在Javaweb开发中,最常用到的是表格分页,今天小编就讲解一下如何实现表格分页。
一、分页原理。
以student表为例。
前端页面实现表格分页,后端数据库使用的查询语句select*fromstudentlimit参数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*fromstudentlimitindex,count实现查询。
请求总页数的java代码不在这里重复,都是体力活。
提示:使用count(*)查出记录总数,用总记录数除以每页要显示的个数并向上取整即可得出总页数。
3.运行结果
点下一页按钮
表格分页想起来觉得复杂,但是自己动手实践一遍会觉得非常简单,没有难度,小编建议大家多动手练习。今天就讲到这里,对上述内容欢迎大家多多批评指正。