YII2中分页组件的使用

当数据过多，无法一页显示时，我们经常会用到分页组件，YII2中已经帮我们封装好了分页组件。

首先我们创建操作数据表的AR模型：

<?phpnamespace app\models;use yii\db\ActiveRecord;class MyUser extends ActiveRecord
{public static function tableName(){return '{{%user}}';}
}

然后创建分页的控制器：

<?phpnamespace app\controllers;use YII;
use app\models\MyUser;
use yii\data\Pagination;
use yii\web\Controller;class IndexController extends Controller
{public function actionIndex(){$name = YII::$app->request->get('name', '');$where = '1=1 ';$param = [];//如果查询条件很多，可以按这种方式，拼where条件if (!empty($name)) {$where .= "AND name=:name";$param = array_merge($param, [':name' => $name]);}//设置分页大小，为了演示，我写成了2$pageSize = 2;$user = MyUser::find()->where($where, $param);//创建分页组件$page = new Pagination([//总的记录条数'totalCount' => $user->count(),//分页大小'pageSize' => $pageSize,//设置地址栏当前页数参数名'pageParam' => 'p',//设置地址栏分页大小参数名'pageSizeParam' => 'pageSize',]);//获取数据$data = $user->orderBy('id DESC')->offset($page->offset)->limit($page->limit)->asArray()->all();return $this->renderPartial('index', ['data' => $data,'page' => $page,]);}
}

最后就是显示数据分页：

<!doctype html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><title>分页显示</title><style>.page li {display: inline-block;border: 1px solid #ccc;border-radius: 3px;padding: 2px 3px;}.page li.active a {font-weight: bold;}.page li a {text-decoration: none;}.page li a, .page li span {color: #666;}</style>
</head>
<body><ul><?php foreach ($data as $item): ?><li><?php echo $item['id']; ?>    <?php echo $item['name']; ?></li><?php endforeach; ?></ul><?phpecho \yii\widgets\LinkPager::widget(['pagination' => $page,'firstPageLabel' => '首页','lastPageLabel' => '尾页','nextPageLabel' => '下一页','prevPageLabel' => '上一页',//设置class样式'options' => ['class' => 'page'],]) ?>
</body>
</html>

最后效果如下：

转载于:https://www.cnblogs.com/jkko123/p/8668419.html

YII2中分页组件的使用相关推荐

Yii2中关于组件的注册以及创建的方法详解
2019独角兽企业重金招聘Python工程师标准>>> 了解yii组件注册与创建的过程,并发现原来yii组件注册之后并不是马上就去创建的,而是待到实际需要使用某个组件的时候再去创建对 ...
对elementui中分页组件进行二次封装
为什么二次封装一般在后台管理项目当中,页面功能涉及到的数据展示的地方会比较多,而其中却少不了表格,分页以及条件检索.如果代码是 copy 来又 copy 去,岂不是很没有技术含量. 而且每个项目的U ...
Vue中分页组件的用法
分页组件 <el-pagination@size-change="handleSizeChange":prev-text="$t('pages.previousPa ...
解决element-UI中分页组件显示英文
问题: 在写vue项目的时候,发现分页控件显示英文解决方案: src/main.js // 注释掉英文,替换成中文即可 import locale from 'element-ui/lib/loca ...
解决element-ui/element-plus中el-pagination分页组件显示英文
解决element-ui/element-plus中el-pagination分页组件显示英文解决方法: 在main.js或main.ts中引入中文语言 import locale from 'el ...
使用 java 的 displaytag1.2 分页组件使用步骤
今天我的小博客项目写完了,心情挺好,发表篇 java web开发的分页组件使用技巧吧,在这里面, 我不想啰嗦,直接我把我的使用方式写了出来,希望给我们为 java 分页节省更多的时间做更 ...
Python分页组件
分页组件的实现: class Pagination(object):"""自定义分页"""def __init__(self,current ...
与服务器交互的分页组件PageComponent
2019独角兽企业重金招聘Python工程师标准>>> Ext.define('tools.PageComponent', {extend : 'Ext.Container',req ...
基于jquery的php分页,基于jQuery封装的分页组件
前言: 由于项目需要实现分页效果,上jQuery插件库找了下,但是木有找到自己想要的效果,于是自己封装了个分页组件. 思路: 主要是初始化时基于原型建立的分页模板然后绑定动态事件并实现刷新DOM的分页 ...

YII2中分页组件的使用

YII2中分页组件的使用相关推荐

最新文章

热门文章