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

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

<?php

namespace app\models;

use yii\db\ActiveRecord;

class MyUser extends ActiveRecord

{

    public static function tableName()

    {

        return '{{%user}}';

    }

}

然后创建分页的控制器：

<?php

namespace 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>

    <?php

    echo \yii\widgets\LinkPager::widget([

        'pagination' => $page,

        'firstPageLabel' => '首页',

        'lastPageLabel' => '尾页',

        'nextPageLabel' => '下一页',

        'prevPageLabel' => '上一页',

        //设置class样式

        'options' => ['class' => 'page'],

    ]) ?>

</body>

</html>

最后效果如下：

YII2中分页组件的使用的更多相关文章

  1. drf框架中分页组件

    drf框架中分页组件 普通分页(最常用) 自定制分页类 pagination.py from rest_framework.pagination import PageNumberPagination ...

  2. Primeng UI框架中 分页组件用法

    1.在当前模块或当前页面的对应的module.ts文件中引入相应组件模块,如:core.module.ts模块. import { PaginatorModule } from 'primeng/pr ...

  3. asp.mvc中的vue分页实例，分页组件无法重置reload，解决点击查询按钮后，分页不刷新的问题

    刚刚接触Vue.js,现在需要做一个查询功能,并且进行服务端分页.主要思路是在页面中注册一个分页组件,然后进行调用.代码如下 1.引用vue.js,具体去网上下载 2.在html的body中添加如下代 ...

  4. 详解分页组件中查count总记录优化

    1 背景 研究mybatis-plus(以下简称MBP),使用其分页功能时.发现了一个JsqlParserCountOptimize的分页优化处理类,官方对其未做详细介绍,网上也未找到分析该类逻辑的只 ...

  5. vue中使用分页组件、将从数据库中查询出来的数据分页展示（前后端分离SpringBoot+Vue）

    文章目录 1.看实现的效果 2.前端vue页面核心代码 2.1. 表格代码(表格样式可以去elementui组件库直接调用相应的) 2.2.分页组件代码 2.3 .script中的代码 3.后端核心代 ...

  6. 基于Vue.js的表格分页组件

    有一段时间没更新文章了,主要是因为自己一直在忙着学习新的东西而忘记分享了,实在惭愧. 这不,大半夜发文更一篇文章,分享一个自己编写的一个Vue的小组件,名叫BootPage. 不了解Vue.js的童鞋 ...

  7. asp.net mvc4+mysql做一个简单分页组件（部分视图）

    在开始做mysql分页功能组件前,便设定的是要有一定可复用性.先在项目里Views文件夹下右键新建名为_PaginationComponent.cshtml,这里html及css我采用的bootstr ...

  8. 基于vue2.0的分页组件开发

    今天安排的任务是写基于vue2.0的分页组件,好吧,我一开始是觉得超级简单的,但是越写越写不出来,写的最后乱七八糟的都不知道下句该写什么了,所以重新捋了思路,小结一下- 首先写组件需要考虑: 要从父组 ...

  9. PHP在yii2中封装SuperSlide 幻灯片编写自己的SuperSlideWidget的例子

    因为近期给朋友公司做个门户网站,把荒置了6.7年的PHP又重新拾起,发现PHP这些年兴旺多了,很多新的东西看的不明不白,研究了几个框架ZendFramework.thinkphp.Symfony.yi ...

随机推荐

  1. 使用Docker搭建Tomcat运行环境

    1 准备宿主系统 准备一个 CentOS 7操作系统,具体要求如下: 必须是 64 位操作系统 建议内核在 3.8 以上 通过以下命令查看您的 CentOS 内核: # uname -r 2 安装Do ...

  2. 将文本文件中的\n字符串变成换行符

    1.用notepad打开文件 2.查看换行符,不同操作系统的换行符是不同的. [视图]——[显示符号]——[显示行尾符]. 我的操作系统是windows,所以行尾符是CR LF——对应的正则表达式是\ ...

  3. Servlet开发

    源地址:http://www.cnblogs.com/xdp-gacl/p/3760336.html 一.Servlet简介 Servlet是sun公司提供的一门用于开发动态web资源的技术. Sun ...

  4. How to Pronounce the Word ARE

    How to Pronounce the Word ARE Share Tweet Share Tagged With: ARE Reduction Study the ARE reduction. ...

  5. html中，纯数字或纯英文的一串字符超出父容器不会折行显示，如何解决？

    这种情况在软件使用过程中一般不会出现,只有测试人员在测试的时候手比较贱会给你弄一个这种数据,当然这也算是bug吧. 如图:“经营范围”的值严重超出父容器长度,并且没有像“服务信息”一样折行显示.这种情 ...

  6. 吴裕雄 python神经网络（6）

    import randomimport numpy as npnp.random.randint(0,49,3) ##required libarariesimport tensorflow as t ...

  7. ajax-》post

    1:最近写完前端,又写后端,jQuery的ajax已经用烂了,事实证明的确好用,再分享一下. data是后台echo的值,可以是数字,也可以是数组,用json_encode()包裹数组形式,前端接收要 ...

  8. clearfix原理

    [clearfix原理] .clearfix:after { <----在类名为“clearfix”的元素内最后面加入内容: content: "."; <----内容 ...

  9. java程序重要节点

    1.前台页面 2.前台页面到controller层跳转 和controller层的承上启下(jsp页面和java程序的桥梁) 3.serviceIpmle 程序处理的逻辑层 3.mybatis操作数据 ...

  10. python3 获得shell的输出内容(subprocess.getstatusoutput)

    默认通过os.system(“shell")命令赋值,结果是0之类的,0表示shell命令运行正确 如果想获得shell输出的内容,可以通过[subprocess.getstatusoutp ...