tp5分页效果及分页查询后数据处理

效果图：

 

一、样式

/*分页*/
.pagination {
    position: relative;
    margin-top:50px;
    margin-left: 400px;
}
.pagination li {
    display: inline-block;
    margin-right: -1px;
    padding: 5px;
    border: 1px solid #e2e2e2;
    min-width: 20px;
    text-align: center;
}
.pagination li.active {
    background: #344157;
    color: #fff;
    border: 1px solid #344157;
}

.pagination li a {
    display: block;
    text-align: center;
}

二、html界面

<!--   分页-->
{$lists|raw}

三、后台查询并进行数据处理

public function total_index(){
    $gs=Db::name('bussiness')->field('gs_name,id')->paginate()->each(function($item, $key){
        //$item 就是查询出来的每一条数据
        $f=(new WaterModel())->gettotal_sd($item['id']);
        $item['dianfei'] = $f['dianfei'];;
        $item['shuifei'] = $f['shuifei'];;
        return $item;
    });;
    return view('total_index',['lists'=>$gs]);
}