美文网首页
列表的搜索分页

列表的搜索分页

作者: meteorites | 来源:发表于2017-07-17 00:15 被阅读0次

后端代码

public function actionList()
    {
    //接收查询的关键字
    $keywords = Yii::$app->request->get('keywords',"");
    
    //获取页码,参数需和Pagination中配置的参数一致
    $page=Yii::$app->request->get('page');
    $page=($page-1)>0?($page-1):0;
    $pageSize=5;
    
    $goods = Goods::find()
        ->where(['status'=>1])
        ->offset($page*$pageSize)
        ->limit($pageSize)
        ->orderBy('id');
    
    //判断查询是否为空
    if (!empty($keywords)) {
        $goods->where("name like '%{$keywords}%' OR goods_no like '%{$keywords}%'");
    }
    
    //设置分页配置
    $config=[
        'totalCount' => $goods->count(),
        'defaultPageSize' => $pageSize,
    ];
    
    //实例化分页器,将配置参数传入到Pagination中
    $pages = new Pagination($config);
    
    $categoryModel = GoodsCategory::find()->asArray()->all();
    $brands = Brand::find()->asArray()->all();
    $goods = $goods->all();
    
    return $this->render('list',[
        'category'=>$categoryModel,
        'brands' =>$brands,
        'goods' => $goods,
        'pages' => $pages
        ]);
    }

前端代码

<tr>
<td align="right" nowrap="true" colspan="6">
    <div id="turn-page">
        <?=\yii\widgets\LinkPager::widget([
                'pagination' => $pages,
                'nextPageLabel' => '下一页',
                'prevPageLabel' => '上一页',
                'firstPageLabel' => '首页',
                'lastPageLabel' => '尾页',
                'maxButtonCount' => 5,
                'hideOnSinglePage' => false,
        ])?>
    </div>
</td>
</tr>

相关文章

  • 列表的搜索分页

    后端代码 前端代码

  • vue+element ui的一些总结

    1,获取列表函数 - [搜索、筛选(多个)、分页] 设置一个获取列表的函数 getlist分页+第一次加载: 筛选...

  • 大数据渲染解决方式

    大量数据放到select,并支持搜索 解决方式思路: 1、懒加载+分页:由前端完成分页 长列表优化,每次只加载能看...

  • 关于ES6的find

    在项目中,一些没分页的列表的搜索功能由前端来实现,搜索一般分为精确搜索和模糊搜索。搜索也要叫过滤,一般用filte...

  • Decorator|实践--将搜索参数写入url

    项目背景 一些历史原因,在项目(vue框架)中很多任务列表(超过60个)在做搜索和分页功能的时候,都没有做搜索参数...

  • ElasticSearch系列文章五 深度分页与批量操作

    深度分页与批量操作 深度分页 分页查询 深度分页其实就是搜索的深浅度 ,默认搜索量配置是小于等于10000条。在获...

  • 第二周第一天

    1.继续完成 显示列表 搜索显示功能。上周只完成了分页和数据提取,今天完成搜索功能。(中午11点完成) 2.设计经...

  • angularjs当使用子控制器时,ng-if和ng-show使

    背景: 运营系统很多日报月报,很多列表,列表有分页,项目对请求列表和分页做了封装。有一个具体的需求是,一个列表,打...

  • 2018-08-02

    一、会员中心 1.会员首页 2.会员列表 此接口应有筛选、排序、分页及关键字搜索 3.会员详情 4.会员卡列表 5...

  • flutter数据表格DataTable

    可以分页显示的数据列表

网友评论

      本文标题:列表的搜索分页

      本文链接:https://www.haomeiwen.com/subject/djoxkxtx.html