如题: 很多时间,当我们前后端分离的时候。有这种场景:
前端:兄弟你把数据分页返回给我就行。我自己处理页面。后端:兄弟。好的。哈哈。
这种(这种肯定是最好的,前后都笑哈哈的。各管各的);
但是:突然有一天,我跳槽了。进入了一家外包公司。老板:赶紧几下给我做出来,我要进度,我需要功能。赶快,抓紧点。假如后端突然是新手,前端js可能刚开始有点不熟悉。那且不是很尴尬。(开玩笑的,但是这种情况一般都很少,一般后端都会前端的js和html);
很多外包公司都是为了追求速度:
当时我就遇到这种情况。因为当时用的是thinkphp,前端页面就手机。就是用户看列表的时候,数据可以往下拉无限加载所有数据,也就是所谓的瀑布流。当时我就想用个字符串拼接就行了。老板是搞技术的,他说不行,这里必须要用插件(好强势的感觉)。用撒了?infinite-scroll插件。各位可以去百度下。
首先开始如何使用了:
首先网页头引入jQuery 和infinite-scroll插件。不解释,jq肯定要放在前面。
因为用的thinkphp,所以前端我肯定就是volist或者foreach循环数据了。(什么volist和foreach都不懂,该打屁股了。)。
服务端,肯定用了分页类。到时候复制分页代码,然后输出到前端。但是有个。一定要把数据的总页数发送给前端。$this->maxPage = 5;前端 $maxpage 就是需要的总页码数。
注:在实际中 #navigation 和 #navigation a 是隐藏的哟。maxpage 就是刚才穿的那个总页码。不然的话会导致数据加载异常。
也可以添加其他属性。比如,手机滚动下离最下面距离多少像素值就可以加载下个页面内容了
extraScrollPx: 50, 等等,还有其他很多属性,比如加载的时候添加动画,大家可以自行百度下 这个插件的使用。
最后总结: 其实我觉得这个分页不好,只是大家学习下,我觉得异步请求分页比较好的。特别是现在用了很多的前端的js其他类库,处理数据起来更6了。
最好还是前后分离开。分页发送数据,前端处理最完美了。
(每日一更,偶尔周末休息,多谢大家支持。)