首页 > 其他 > 详细

回顾tp5页面替换的方式进行分页

时间:2019-07-06 13:11:27      阅读:134      评论:0      收藏:0      [点我收藏+]

php代码

public function show2(){
        //接收当前页
        $page = input("get.page");
        $cpage = empty($page) ? 1 : $page;
        //每页显示的条数
        $length = 3;
        //总条数
        $count = model(‘article‘)->getCount();
        //总页数
        $num_page = ceil($count/$length);
        //偏移量
        $limit = ($cpage-1)*$length;
        //chaxun
        $data = model(‘article‘)->getAll($limit,$length);

        //判断
        $arr[‘home‘] = 1;
        $arr[‘prev‘] = $cpage-1 <= 1 ? 1 : $cpage-1;
        $arr[‘next‘] = $cpage+1 >= $num_page ? $num_page : $cpage+1;
        $arr[‘last‘] = $num_page;
        $arr[‘data‘] = $data;

        return view(‘show2‘,[‘arr‘=>$arr]);
    }

 

 

html代码:

<table border="1">
    <tr>
        <th>主键</th>
        <th>标题</th>
        <th>描述</th>
    </tr>

    {volist name="arr.data" id="v"}
        <tr>
            <td>{$v.id}</td>
            <td>{$v.title}</td>
            <td>{$v.desc}</td>
        </tr>
    {/volist}
</table>

<a href="javascript:void(0)" onclick="page({$arr.home})">首页</a>
<a href="javascript:void(0)" onclick="page({$arr.prev})">上一页</a>
<a href="javascript:void(0)" onclick="page({$arr.next})">下一页</a>
<a href="javascript:void(0)" onclick="page({$arr.last})">尾页</a>

<script src="__STATIC__/js/jquery-3.3.1.min.js"></script>
<script>
    function page(obj) {
        $.get("{:url(‘Test/show2‘)}?page="+obj,function (data) {
            $("body").html(data);
        })
    }
</script>

 

回顾tp5页面替换的方式进行分页

原文:https://www.cnblogs.com/jiangshiguo/p/11141967.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!