如何在thinkPHP5中利用laypage实现一个列表分页功能

//fetch渲染页面 public function index() { return $this->fetch(&＃39;list&＃39;); } //根据页面传入的页码查询数据 public function getPage() { // 获取页面传入的页码 $nowpage = input("page"); //每页显示10条数据 $limits = 10; $app = new appInfo(); $page_info = $app->limit(($nowpage * $limits), $limits)->select(); // ajax 分页输出 $info = [&＃39;pageinfo&＃39;=>$page_info,&＃39;nowpage&＃39;=>$nowpage,&＃39;nowpage&＃39;=>$nowpage]; return json($info); } //获取所有页数 public function getAllPage(){ try{ $count = appInfo::count(); $limits = 10; // 计算总页面 $allpage = ceil($count / $limits); $info =[&＃39;allpage&＃39;=>$allpage]; }catch (\Exception $e){ abort(500,$e->getMessage(),[&＃39;result&＃39;=>TopsecGWErrer::TOPSEC_GW_ERR_NO_UNKNOWN]); } return json($info); }

应用名称应用类型应用图像创建日期修改日期操作

//pageCount：总页数。用于初始化laypage分页控件。 //pageIndex：初始化当前页。显示第一页。 //currentPage：当前页数。 //getPageData:获取每页数据的函数。 //url:获取每页数据的方法的路径。由控制器和函数名组成。 function jsonPage(pageCount, pageIndex,currentPage, getPageData,url) { var laypageindex = laypage({ cont: &＃39;result&＃39;, //容器。值支持id名、原生dom对象，jquery对象。 skin: &＃39;#3c8dbc&＃39;, pages: pageCount, //通过后台拿到的总页数 curr: pageIndex, //初始化当前页 prev: &＃39;上一页&＃39;, //若不显示，设置false即可 next: &＃39;下一页&＃39;, //若不显示，设置false即可 skip: true, //是否开启跳页 jump: function (obj, first) { //触发分页后的回调 //getPageData(1); if (!first) { //点击跳页触发函数自身，并传递当前页：obj.curr getPageData(url,obj.curr); currentPage = obj.curr; } } }); } /url:获取总页数据的方法的路径。由控制器和函数名组成。 function getAllpage(url){ var tmp ; $.ajax({ type: "GET", dataType: "json", async: false, url: PUBLIC_BASE+url, success: function(json) { var data = eval(json); tmp=data.allpage; }, error: function(json) { } }); return tmp; } //data:每页的数据。由JSON对象组成。 function instantiation(data) { //begin $.each $.each(data.pageinfo, function (index, item) { $("#table_body").append($(&＃39;&＃39;) .append($("").html(item.name)) .append($("").html(item.desc)) .append($("").html("")) .append($("").html(item.create_time)) .append($("").html(item.update_time)) .append( $("") .append($("

查看丨 ")) .append($("

编辑丨 ")) .append($("

删除丨 ")) .append($("

禁用")) ) ); $("#view"+item.id).click(function() { fillMainContent("/application/application?model=view&id="+item.id); }) $("#edit"+item.id).click(function() { fillMainContent("/application/application?model=edit&id="+item.id); }) $("#delete"+item.id).click(function() { deleteApp(item.id); alert("删除成功"); }) $("#forbid"+item.id).click(function() { deleteApp(item.id); alert("删除成功"); getPageData(currentPage); }) }); //end $.each } //获取每页的数据。curr:页码，curl:获取数据的路径。 function getPageData(url,curr) { curr = curr-1; $.ajax({ type: "GET", dataType: "json", data: {page:curr}, url: PUBLIC_BASE+url, success: function(json) { $(&＃39;#table_body&＃39;).empty(); var data = eval(json); console.log(data); instantiation(data); }, error: function(json) { var data = eval(json); console.log(data); } }); } //调用函数实现分页 //获取总页数，用于初始化分页控件总页数 pageCount= getAllpage("/application/getAllPage"); //获取第一页数据 getPageData("/application/getpage",1); //初始化分页控件并分页 jsonPage(pageCount,pageIndex,currentPage,getPageData,"/application/getpage");

看完上述内容，你们对如何在thinkPHP5中利用laypage实现一个列表分页功能有进一步的了解吗？如果还想了解更多知识或者相关内容，请关注编程笔记行业资讯频道，感谢大家的支持。