所在的位置: mysql >> mysql介绍 >> Angularjsservletmy

Angularjsservletmy

北京皮肤科最好的医院 http://pf.39.net/bdfyy/bjzkbdfyy/140802/4439528.html

文章小编讲解了如何实现表格。在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.运行结果

点下一页按钮

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




转载请注明:http://www.aierlanlan.com/rzfs/2667.html