本文实例为大家分享了PHP查询分页的具体代码,后端基于thinkphp框架,供大家参考,具体内容如下
前端需要dataTables插件:传送门下载地址
HTML代码
第一步引入插件
<!-- DataTables CSS --> <link rel="stylesheet" type="text/css" href="http://cdn.datatables.net/1.10.15/css/jquery.dataTables.css" rel="external nofollow" > <!-- jQuery --> <script type="text/javascript" charset="utf8" src="http://code.jquery.com/jquery-1.10.2.min.js"></script> <!-- DataTables --> <script type="text/javascript" charset="utf8" src="http://cdn.datatables.net/1.10.15/js/jquery.dataTables.js"></script>
第二步添加
<table id="table_id_example" class="display"> <thead> <tr> <th>ID</th> <th>发布时间</th> <th>发布IP</th> <th>公告内容</th> </tr> </thead> <tbody> <volist name="notice" id="vo"> <tr> <td>{$vo.id}</td> <td>{$vo.create_time}</td> <td>{$vo.create_ip}</td> <td>{$vo.notice_content}</td> </tr> </volist> </tbody> </table>
第三步JS
<script> $(document).ready( function () { $('#table_id_example').DataTable(); } ); </script>
PHP代码
public function gonggaochakan(){ /* 公告查看 */ $dbNotice = M('notice');//实例化dbNotice对象 $count = $dbNotice->count();// 查询满足要求的总记录数 $Page = new \Think\Page($count,$count);// 实例化分页类 传入总记录数和每页显示的记录数(全部记录) $data = $dbNotice->order('create_time')->limit($Page->firstRow.','.$Page->listRows)->select();//获得所有记录 $this->assign('notice',$data);//传给模板 $this->show(); }
效果
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。
本文向大家介绍ajax实现分页和分页查询,包括了ajax实现分页和分页查询的使用技巧和注意事项,需要的朋友参考一下 之前有写过ajax的加载页面,是非常简单的,而且不需要重新刷新页面,写起来也是非常的方便,今天写的分页是不用封装page.class.php的,是单纯的js和ajax写出来的 首先为了页面的整齐与美观,我用到了bootstrap,需要引进所需要的文件包 下面是页面显示的内容 下面是j
这边用laravel做的移动端接口,有个业务需求: 加载文章列表,首页显示10条数据,上划再加载时,每次加载5条数据, 如何实现? 一个接口能否实现? 有没有必要分两个接口, 一个专用来查10条,另一个对排除这10条数据的其它数据进行每页5条数据的分页
本文向大家介绍使用Bootstrap4 + Vue2实现分页查询的示例代码,包括了使用Bootstrap4 + Vue2实现分页查询的示例代码的使用技巧和注意事项,需要的朋友参考一下 写在前面 工程为前后端分离设计,使用Nginx为前端资源服务器,同时实现后台服务的反向代理。后台为Java Web工程,使用Tomcat部署服务。 前端框架:Bootstrap4,Vue.js2 后台框架:sprin
本文向大家介绍EasyUi+Spring Data 实现按条件分页查询的实例代码,包括了EasyUi+Spring Data 实现按条件分页查询的实例代码的使用技巧和注意事项,需要的朋友参考一下 Spring data 介绍 Spring data 出现目的 为了简化、统一 持久层 各种实现技术 API ,所以 spring data 提供一套标准 API 和 不同持久层整合技术实现 . 自己开发
本文向大家介绍完美实现bootstrap分页查询,包括了完美实现bootstrap分页查询的使用技巧和注意事项,需要的朋友参考一下 最近,开始我们的Java项目,要求尽量使用bootstrap,因为它比easyUI要好看的多。然后就开始上网查,边查边做,虽然我们引入了一些bootstrap的样式,但是并没有js代码,所有的功能都需要自己用js做。其实并不难,只要我们明白分页的实质就行。说了这么多,
本文向大家介绍ajax实现数据分页查询,包括了ajax实现数据分页查询的使用技巧和注意事项,需要的朋友参考一下 用ajax实现对数据库的查询以及对查询数据进行分页,供大家参考,具体内容如下 主页面代码 js代码 处理页面1 处理页面2 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。