9
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

cakePHP標準のページネーションに検索機能を実装し、発生した問題点に対処した

Last updated at Posted at 2021-05-27

cakePHP4にはコマンドを使うことで、ビューにページネーション機能を自動生成できます。ところが、このページネーション機能はあくまで単体リストに対するものなので、ここに検索機能を盛り込むと色々と対処しなければならない問題が発生します。ですので、これを実用レベルでシステムを起動するために、あちこちで生じる問題点を補完する作業が必要になります。

cakePHP2、cakePHP3でも参考になる部分もあるかもしれません。

要件定義

実証用のプログラムは以下のものとなっています(別記事にも使ったやつです)。

cakePHPのクエリ処理が遅いときには、SQLを今一度、要確認

  • 全12球団のマスコットと選手が登録されたテーブルがあり、テーブルPersonsに格納されている。
  • 検索条件は、部分一致(テキストボックス)、チーム名(プルダウン)、リーグ選択(ラジオボタン)が実装されている。
  • 検索条件は10件ずつ表示される。

では、この検索システムを通常実装のpaginatorを使って作っていくのですが、cakePHP4は便利なことに、CRUD機能を一発で作ってくれるコマンドがあり、それを活用して作成したのが以下の検索プログラムです。

search1.jpg

ところが、この標準実装されるページネーション機能に、そのまま検索フォームを実装すると次々と問題が発生します。

問題点1:ページを遷移すると検索条件が初期化される

たとえば、フリーワード検索欄で「藤」が含まれる選手を抽出しようとします。すると、検索の最初のページこそはその検索条件に該当したデータが取得されるのですが、別ページに遷移してみると、あろうことか検索条件が初期化されてしまい、何も検索条件が入力されないままでそのページに遷移してしまいます。

search2.jpg

このように、「藤」を含む検索条件で検索したはずなのに、検索条件が保持されていないために、ページ遷移するとそれがなかったことにされてしまいます。

対処法

セッションを使って検索条件を保持しておきましょう。そして、ページが遷移したときにその検索条件を読み取ります。なお、ページ遷移はgetから取得されるので、getでリクエストを受けた場合に検索を受け取るようにします。

クエリ情報を格納した変数$sqlを記憶させ、呼び出すのもいいかも知れませんが、それだけ検索条件を変更した場合の対応が面倒です。

なお、変数$sesはinitializeメソッド(コンストラクタのようなもの)から取得したセッション使用のための変数です。

PersonsController.php

	public function initialize() :void
	{	
		$this -> loadComponent('Flash');
		$ses = $this -> request -> getSession(); //セッション制御
        }
    //中略
    public function index()
    {
		$persons = $this -> persons;
		$t_persons = $this -> t_persons;
		$sql = $this -> sql;
		$ses = $this -> ses;
		$ar_data = [];
		if( $this -> request -> is(['put']) || $this -> request -> is(['post']) ){
			$ar_data = $this->request->getData(); //新規検索フォームの値
		}elseif($this -> request -> is(['get'] )){
			$ar_data = $ses -> read('find'); //検索条件の呼び出し
		}else{
			$ar_data = [];
		}
		if($this->request->is(['put','get','post']) ){
			$ar_where = [];
			if(isset($ar_data['find'])&& $ar_data['find'] != NULL) $ar_andwhere['p.name like'] = "%{$ar_data['find']}%";
			if(isset($ar_data['team'])&& $ar_data['team'] != NULL) $ar_andwhere['t.id'] = $ar_data['team'];
			if(isset($ar_data['league'])&& $ar_data['league'] != NULL) $ar_andwhere['t.league'] = $ar_data['league'];
			if(isset($ar_orwhere) && $ar_orwhere != NULL) $ar_where["OR"] = $ar_orwhere;
			if(isset($ar_andwhere) && $ar_andwhere != NULL) $ar_where["AND"] = $ar_andwhere;
			$sql = $t_persons -> where($ar_where);
			//var_dump($sql -> sql()); //デバッグ用
			$persons = $this -> paginate($sql);
			$ses -> write(['find'=> $ar_data]); //セッションに検索ワードを記憶させる
		}else{
			$persons = $this->paginate($this->t_persons);
		}
        $this->set(compact('persons'));
		$this->set('find',$ar_data);
		$this -> sql = $sql;
		$this -> ses = $ses;
    }

これで検索条件は維持されています。

search3.jpg

ところが、これでは検索条件がフォームに維持されていないので、何の条件で検索したのかわかりません。

問題点2:ページを遷移するとフォームに検索条件が保持されない

これも困った問題で、上図のように検索条件は維持されているのですが、フォームにその検索条件が表示されていません。そこで、それが表示されるように対処します。

対処法

検索条件をsetメソッドでビューに返し、フォームヘルパーにvalueを設定させます。

PersonsController.php
        $this->set(compact('persons'));
		$this -> set('models',$ar_data); //配列$modelsとしてビューに返す
		$this -> sql = $sql;
		$this -> ses = $ses;
    }

そしてこのmodelsに記憶したさせた値をFormヘルパーのvalueに対応させるだけです。$modelsは$ar_dataの値が代入されているので、配列で呼び出すという点に注意してください(オブジェクトで代入させた場合は当然オブジェクトとなります。また変数名は何でも構いません)。なお、検索した場合のリクエストはputとなります。

index.php
    <?= $this->Html->link(__('新規作成'), ['action' => 'add'], ['class' => 'button float-right']) ?>
	<?= $this->Form->create($persons,['name'=>'f1']) ?>
	<?= $this->Form->input('find',['id'=>'find','value'=> $models['find']]) ?>
	<?= $this->Form->select('team',$teams,['empty'=> 'チームを選択','id'=>'sel_team','value'=>$models['team']]) ?>
	<?= $this->Form->radio('league',$leagues,['value'=> NULL,'id'=>'rd_league','class'=>'rd_league radio-inline','value'=>$models['league']]) ?>
	<?= $this->Form->button(__('検索'),['class'=>'button bt_search']) ?>
	<?= $this->Form->end() ?>

こうすれば検索条件が維持され、ページ遷移した後もフォームに表示されます。

search4.jpg

問題点3:ページが遷移した状態で検索条件を入れ替えると、先頭ページに戻らない

これが一番厄介で、検索結果に対して2ページ目を開いているときに、検索条件を入れ替えると検索結果は2ページめから表示されます。これを先頭ページから表示させる処理が必要です。

具体的な説明として、バファローズで検索した後2ページめを開きます。

search5.jpg

このページのまま、検索条件をタイガースに変更すると…

search6.jpg

なんでや!

検索結果のページ数(2ページ目)を引き継いでしまいました。普通、検索結果は1ページ目から表示させるものなので、これを先頭に来るように対処させないといけません。

対処法

paginatorヘルパーやらpaginateメソッドやら色々調べたのですが、解決方法はもっと根本的な部分でした。答えはフォームヘルパーの、createメソッドのactionにコントローラ名を記述するだけです。

index.php
    <?= $this->Html->link(__('新規作成'), ['action' => 'add'], ['class' => 'button float-right']) ?>
	<?= $this->Form->create($persons,['name'=>'f1','action'=>'persons']) ?>
	<?= $this->Form->input('find',['id'=>'find','value'=> $models['find']]) ?>
	<?= $this->Form->select('team',$teams,['empty'=> 'チームを選択','id'=>'sel_team','value'=>$models['team']]) ?>
	<?= $this->Form->radio('league',$leagues,['value'=> NULL,'id'=>'rd_league','class'=>'rd_league radio-inline','value'=>$models['league']]) ?>
	<?= $this->Form->button(__('検索'),['class'=>'button bt_search']) ?>
	<?= $this->Form->end() ?>

では、気を取り直して検索条件をベイスターズに変更してみます。

search7.jpg

しっかりと先頭ページから表示されるようになりました。

これで最低限、実用的な検索プログラムが機能するようになります。

応用編

プルダウンをチェックボックスに変更する

現在、チーム名選択はプルダウンですが、複数選択できるようにチェックボックスに変更してみます。複数選択用のチェックボックス用のメソッドとしてmultiCheckboxというメソッドがあるので、これを活用します。

index.php
<?= $this->Html->link(__('新規作成'), ['action' => 'add'], ['class' => 'button float-right']) ?>
	<?= $this->Form->create($persons,['name'=>'f1','action'=>'persons']) ?>
	<?= $this->Form->input('find',['id'=>'find','value'=> $models['find']]) ?>
	<div class="wire-checkbox">
	<?= $this->Form->multiCheckbox('team',$teams,['empty'=> 'チームを選択','id'=>'sel_team','class'=>'form-check-inline','value'=>$models['team']]) ?>
	</div>

ちなみに、multiCheckboxメソッドで自動生成されるチェックボックスはこのような構造となっていますが、そのままだと行表示されてしまうので、checkboxクラスをdisplay:inline-blockで横並びに制御しておきましょう(Bootstrap実装だと、form-check-inlineで対応できます)。

<div class="checkbox"><label for="sel_team-1" class="selected">
    <input type="checkbox" name="team[]" value="1" checked="checked" id="sel_team-1" empty="チームを選択" class="form-check-inline">Hawks</label>
</div>

また、コントローラ側の制御ですが、in条件に対応させるには以下のようにします。注意点は一般的なSQLだと

t.id in (1,2,3)

となるのですが、cakePHPのwhereメソッドの場合、この場合だと単体だと問題ないのですが、複合条件となった場合、括弧内の先頭の値しか対応しなくなるので、

t.id in ([1,2,3])

とオブジェクトで囲む必要があるようです。

PersonsController.php
if(isset($ar_data['team'])&& $ar_data['team'] != NULL) $ar_andwhere['t.id in'] =  $ar_data['team'];

ですが、これは却って好都合なので、他のオブジェクトと同様の検索条件で値を代入することができます(implode関数での展開が不要)。しかも、値の保持もvalueに同じ配列を記述するだけなので非常に便利です。

search8.jpg

このように検索条件に吉田を含む、かつバファローズとスワローズで検索ができます。

フリーワード検索をOR条件にする

これを応用すれば、フリーワード検索もOR検索ができます。そのためには完全一致条件ならinが使えるのですが、like検索の場合inにしたところで意味がありません。なので同様にオブジェクトに代入していく必要があるのですが…

このやり方だと、キーが同じなのでオブジェクトが上書きされてしまい失敗(後の条件しか適用されない)します。

php
$ar_words = explode(" ",$ar_data['find']); //全角スペース区切りで配列に格納
foreach($ar_words as $word){
    $ar_orwhere['p.name like'] = "%{$word}%"; //キーが同じなので検索条件が上書きされてしまう。
}

なので、次のように対応する必要があります。

personsController.php
$ar_words = explode(" ",$ar_data['find']); //全角スペース区切りで配列に格納
foreach($ar_words as $word){
    $ar_orwords['p.name like'] = "%{$word}%";
    $ar_orwhere[] = $ar_orwords; //逐次、検索条件を格納していく。キーはなし(インデックス)で問題はない。
}

これでOR条件(高橋か髙橋を含む)に対応させることができます。

search9.jpg

無論、AND条件とOR条件の複合条件にも対応しています(ライオンズかジャイアンツかカープ かつ 高橋か髙橋を含む)。

search10.jpg

9
8
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
9
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?