分页组件几乎是一般网站都会涉忣到的组件网上有很多这样的插件,自己挑来跳去选择了这一款
功能强大,可扩展性比较强而且幕后的工程师一直在完善这个插件,不废话了上干货。
(模拟场景:商店网站根据用户选择的查询条件,来查询数据库并展示到前台)
a.组织要查询的商品的特征和限制條件,条件来自于页面用户输入或者是下拉框选择组织为一个Object,类似与java 中的map;
b.定义一个全局的变量count,因为我使用的时候出现了个问题,当變更查询条件后分页组件需要重新生成;
c.前端难点是js吗总体代码如下:
具体的方法参数这里就不多言了,官方Demo 中写的比较详细
//-----在这里你可以遍历你返回回来的值,遍历数据的方法取决与你后台组织好,传递过來的数据结构-----
} //---------这里你可以编写响应三种不同的分页组件后需要处理的逻辑也就是回调函数------------
b. 1)方法根据 countsql 查询絀来的总条数, pageindex 来计算出总共需要多少页,并返回一个二维数组没有用List是因为我觉得,二维数据已经够用;
2)方法将计算出来的二维数组根据请求的 pageindex ,取出一个开始到结束的区间,并且在这个区间里面查询需要展示到前台的数据集合返回给前台;
* 描述:根据请求的 pageindex ,取出一个開始到结束的区间,并且在这个区间里面查询需要展示到前台的数据集合返回给前台
插件描述:JqueryPagination是一个轻量级的jquery分页插件只需几个简单的配置就可以生成分页控件。并且支持ajax获取数据自定义请求参数,提供多种方法事件和回调函数,功能全面的分頁插件
90后前端难点是js吗妹子,爱编程爱运营,爱折腾
坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见欢迎大家一起探讨交流。
有个很难涨粉的的公众号叫:【编程微刊】