Skip to main content

分页

<?php
namespace frontend\controllers;//命名空间
use Yii;
use frontend\models\Zhoukao2;//加载model层
use  yii\data\Pagination; //加载分页类
class ExaminationController extends \yii\web\Controller
{
      //展示留言添加页面
      public function actionIndex()
      {
          $query = Examination::find();
          $countQuery = clone $query;
          $pages = new Pagination(['totalCount' => $countQuery->count(),'pageSize'=>2]);
          $models = $query->offset($pages->offset)
              ->limit($pages->limit)
              ->all();
          return $this->render('index', [
               'model' => $models,
               'pages' => $pages,
          ]);
      }
}

 

<?php 
use \yii\widgets\LinkPager;//加载分页类
 ?>
 <h2>留言类表</h2>
<?php 
      foreach ($model as  $v) {
          echo "<table border=1 style='margin-top:20px'>";
          echo "<tr>";
          echo "<td>姓名:".$v['username']."</td>";
          echo "<td>性别:".$v['sex']."</td>";
          echo "<td>爱好:".$v['hobby']."</td>";
          echo "</tr>";
          echo "<tr>";
          echo "<td colspan='3'>内容:".$v['content']."</td>";
          echo "</tr>";
          echo "</table>";
      }
 ?>
 

<?php//显示分页
echoLinkPager::widget([
'pagination'=>$pages,
'class'=>'tosanPage',
'firstPageLabel'=>'首页',
'lastPageLabel'=>'末页',
'nextPageLabel'=>'下一页',
'prevPageLabel'=>'上一页',
]);
?>

 

<styletype="text/css">
.pagination{
}

.pagination.first,.pagination.pre,.pagination.next,.pagination.last{
}

.pagination li{
float:left;
margin-left:10px;
border:1pxsolid#DDDDDD;
border-radius:5px;
padding:3px2px;
min-width:30px;
text-align:center;
}
</style>

 

.tosanPage{
display:inline-block;
padding:0;
margin:10px0;
}

.tosanPageli{display:inline;}

.tosanPagelia,.disabled{
color:black;
float:left;
padding:8px16px;
text-decoration:none;
}
.tosanPagelia.active{
background-color:#4CAF50;
color:white;
}

.tosanPagelia:hover:not(.active){background-color:#ddd;}
.tosanPagelia.active{
background-color:#4CAF50;
color:white;
}

.tosanPagelia:hover:not(.active){background-color:#ddd;}
.tosanPagelia,.disabled{
border-radius:5px;
}

.tosanPagelia.active{
border-radius:5px;
}
.tosanPagelia,.disabled{
transition:background-color.3s;
}
.tosanPagelia,.disabled{
border:1pxsolid#ddd;/*Gray*/
}
.tosanPageli:first-childa,.disabled{
border-top-left-radius:5px;
border-bottom-left-radius:5px;
}

.tosanPageli:last-childa,.disabled{
border-top-right-radius:5px;
border-bottom-right-radius:5px;
}
.tosanPagelia,.disabled{
margin:04px;/*0对应的是头部与底部,可以修改它看看效果*/
}