laravel分页各种情况的使用介绍

1、普通分页结果展示

{{$articles->links()}}

页面前端一定要引入bootstrap.min.css

如果显示效果不对,记得检查是不是bootstrap的版本问题,一定要引入最新版的bootstrap.min.css

2、ajax获得分页结果的输出

后台php代码部分:

$articles = DB::table('articles')->paginate(10);
$data = $articles->toArray();
$link = $articles->links()->toHtml();

return response()->json(compact('data','link'));

前台ajax输出部分:

<div id="paging"></div>

$('#paging').html(data.link);

$.each(data.data.data, function (k, v) {
var str ="<tr class='text-c'><td><input type='checkbox' value="+v.id+"name='duoxuan'></td>"
+ "<td>"+v.id+"</td><td class='text-l'><u style='cursor:pointer' class='text-primary' onClick='' title='查看'>"
+v.title+"</u></td><td>"+v.name+"</td><td>"+v.updated_at+"</td>"
+"<td>21212</td><td class='td-status'><span class='label label-success radius'>已发布</span></td>"
+"<td class='f-14 td-manage'><a style='text-decoration:none' onClick='article_stop(this,'10001')'"
+" href='javascript:;' title='下架'><i class='Hui-iconfont'>&#xe6de;</i></a><a style='text-decoration:none'"
+" class='ml-5' onClick='' href='../article-add/"+v.id+"' title='编辑'><i class='Hui-iconfont'>&#xe6df;</i>"
+"</a><a style='text-decoration:none' class='ml-5' onClick='article_del(this,"+v.id+")'href='javascript:;''"
+" title='删除'><i class='Hui-iconfont'>&#xe6e2;</i></a></td></tr>";

$("#tb").append(str);

});

posted @ 2017-07-09 09:47  mayer326  阅读(643)  评论(0编辑  收藏  举报