首页 > 其他 > 详细

对于页面端的功能实现的分页和翻页的总结

时间:2020-06-09 17:43:21      阅读:44      评论:0      收藏:0      [点我收藏+]

 

思路:

我认为:

分页的实现主要是在后端实现的,前端只是做了一个显示的作用。

之前一直是用的ssm框架,从来没去关注过这个问题,前端是miniui的框架,利用miniui的控件mini-datagrid,只要使用url到后台的,取出数量,然后存入大神封装好的方法中,就能直接在页面返回形成一个翻页,十分方便,这也导致我基本没去关注过这个问题。

这次因为写了一个用jquery写的积分商城展示,因为miniui不太适合,就用的jquery写,然后到分页的时候就一脸懵了。(能力太差)

这次实现后台还是用的大神留下来的,因为只要传单张页面展示的数量和当前页进去,就可以返回对应的信息。

 

这次主要还是做的是一个前端的展示:

每次传入调用方法的时候都传入单张页面展示的数量和当前页两个参数就可以了。上一页,下一页,首页,尾页,input输入框的翻页和总条数的显示。

当前页:数据提取后展示的当前页一般都是第一页

上一页:当前页数-1(当当前页为1使return

下一页:当前页数+1(当前是最后一页时,即是尾页return

首页:页数为1

尾页:页数为(后台返回的总数total/单张页面展示的数量),这里如果有余数则加+1

Input翻页:页数在首页和尾页之间,否则范围return。在input输入数字(这里我使用了正则表达式,只能接受数字的输入),然后点击跳转。或者使用onkeydown(键盘按键按下的事件)事件,按下回车的时候调用跳转方法 ifevent.keycode==13{jump()}

 

总结的话:分页

前端:主要是一个展示

后端:分页实现主要是依靠后端的代码实现

提高:该看看后端的分页实现

对于页面端的功能实现的分页和翻页的总结

原文:https://www.cnblogs.com/wxgShareBlog/p/13073912.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!