Yii2.0小部件GridView(两表联查/搜索/分页)功能的实现代码

 gridview 两表联查/搜索/分页

当我们在一个网格视图中显示活动数据的时候，你可能会遇到这种情况，就是显示关联表的列的值，为了使关联列能够排序，你需要连接关系表，以及添加排序规则到数据提供者的排序组件中，对数据进行搜索，排序。

ⅰ.控制器层controller

<?php 
namespace backend\controllers;
header("content-type:text/html;charset=utf-8");
use yii;
use yii\web\controller; //超级控制器类
use backend\models\booksinfo; //表model类
use backend\models\infosearch; //引入搜索model类
use yii\data\activedataprovider; //小部件数据源类
use yii\grid\gridview; //查询小部件
/**
 *@abstract bookscontroller
 *@author ning <[email [e-mail]]>
 *@version [version 1.0] [书籍管理]
 */
class booksinfocontroller extends controller
{
 
 //书籍列表
 public function actionindex()
 {
 $searchmodel = new infosearch(); //实例化searchmodel[搜索model]
 if(!empty($_get['infosearch'])){
  $getsearch = yii::$app->request->get(); //接收搜索字段
  $data = $searchmodel->search($getsearch);
 }else{
  //小部件查询数据
  $data = new activedataprovider([
    'query' => booksinfo::find(), //查询数据
    'pagination' => [
      'pagesize' => 2, //每页显示条数
    ],
    'sort' => [
      'defaultorder' => [
        // 'created_at' => sort_desc,
        'id' => sort_asc, //[字段]设置排序·
      ]
    ],
  ]);
 }
 //传送查询数据、搜素model
 return $this->render('index',['data'=>$data,'searchmodel'=>$searchmodel]);
 }
?>

ⅱ.查询模型层model

<?php 
namespace backend\models;
use yii;
use yii\db\activerecord;
/**
 *@abstract [bookform]
 *@author ning <[email [e-mail]]>
 *@version [vector 1.0] [书籍详情模型]
 */
class booksinfo extends activerecord
{
 /**
   * @设置表名
   */
  public static function tablename()
  {
    return '{{%books_info}}';
  }
  //关联表
  public function getbookstype(){
    // hasone要求返回两个参数 第一个参数是关联表的类名 第二个参数是两张表的关联关系 
    // 这里id是books_type表的id, 关联books_info表的type_id 
    return $this->hasone(bookstype::classname(), ['id' => 'type_id']);
  }
 public function attributelabels()
 {
 return [
  'id' => 'id',
  'book_name' => '书籍名称',
  'book_face' => '书籍封面',
  'type_id' => '书籍分类id',
  'type_name' => '书籍分类',
 ];
 }
}
?>

ⅲ.搜索模型层search

<?php
namespace backend\models; //命名空间
use yii;
use yii\base\model; //引入基类model
use yii\data\activedataprovider;  //引入数据源类
/**
 *@abstract [搜索model]
 *@return [type]
 *@author ning <[email [e-mail]]>
 */
// 注意:此处继承的是查询model--->booksinfo
class infosearch extends booksinfo
{
  public $type_name; //定义属性变量
  // 只有在 rules() 函数中声明的字段才可以搜索
  public function rules()
  {
    return [
      // [['book_name','type_name'], 'safe'],
      [['type_name'], 'safe'],
    ];
  }
  public function scenarios()
  {
    // 旁路在父类中实现的 scenarios() 函数
    return model::scenarios();
  }
  public function search($params)
  {
    $query = booksinfo::find();
    $dataprovider = new activedataprovider([
      'query' => $query,
      'pagination' => [
        'pagesize' => 1,
      ],
    ]);
    /*这里的articlecategory是article模型里面关联的方法名，除了首字母，其他都要完全一样，否则会报错*/
    $query->joinwith(['bookstype']);
    // 从参数的数据中加载过滤条件，并验证
    if (!($this->load($params) && $this->validate())) {
      return $dataprovider;
    }
    // 增加过滤条件来调整查询对象
    $query->andfilterwhere(['like', 'book_name', $this->book_name]);
    //添加关联字段过滤条件[注意:此处books_type.type_name中books_type为分类表名]
    $query->andfilterwhere(['like', 'books_type.type_name', $this->type_name]);
    return $dataprovider;
  }
}
?>

ⅳ.视图层view

<?php 
use yii\grid\gridview;
use yii\data\activedataprovider;
use yii\grid\actioncolumn;
use yii\helpers\html;
$this->title = '图书列表';
?>
<!-- 面包屑 -->
<ol class="breadcrumb">
 <li><a href="#" rel="external nofollow" rel="external nofollow" >home</a></li>
 <li><a href="#" rel="external nofollow" rel="external nofollow" >图书信息</a></li>
 <li class="active">图书列表</li>
</ol>
<?php
echo gridview::widget([
 'dataprovider' => $data,  //数据源
  'filtermodel' => $searchmodel, //搜索列
 'columns' => [
    // ['filtermodel' => $searchmodel],
    ['class' => 'yii\grid\checkboxcolumn'], //复选框列
    ['attribute' => 'id'],
   ['attribute' => 'book_name',],
    ['attribute' => 'book_face','content'=>function($model){
     // 图片显示
     return html::img($model->book_face,['width'=>'50']);
    }],
 [
      'attribute' => 'type_name',
      'value' => 'bookstype.type_name', //两表联查[书籍类型]
    ],
    ['class' => 'yii\grid\actioncolumn','header'=>'操作'], //动作列
 ],
  'pager' => [//自定义分页样式以及显示内容
    'prevpagelabel'=>'上一页',
    'nextpagelabel'=>'下一页',
    'firstpagelabel' => '第一页',
    'lastpagelabel' => '最后一页',
    'options'=>['style'=>'margin-left:200px;','class'=>"pagination"],
    ],
]);
?>

ⅴ.效果展示

总结

以上所述是小编给大家介绍的yii2.0小部件gridview(两表联查/搜索/分页)功能的实现代码，希望对大家有所帮助