OS：Windows11

XAMPP：8.0.25 (PHP8.0.25)

Composer：2.5.1

CakePHP：4.4

前回はコントローラーとビューを作成し、簡単な画面表示を行いました。

今回はモデルを作成し、データベースからデータを取得してその内容を画面に表示してみましょう。

まずはデータを取得するためのテーブルを作成します。CREATE文は以下の通りです。

CREATE TABLE `tests` (
  `id` int(11) NOT NULL,
  `name` varchar(30) CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL,
  `gender` int(2) NOT NULL,
  `type` int(2) NOT NULL,
  `create_date` datetime DEFAULT NULL COMMENT '作成日',
  `update_date` datetime DEFAULT NULL COMMENT '更新日'
) ENGINE=InnoDB DEFAULT CHARSET=latin1 COLLATE=latin1_swedish_ci COMMENT='テストテーブル';

CakePHPの命名規則として、複数形かつ長いテーブル名にする場合はアンダースコア記法で作成する必要があります。

　例）users、document_settings


データを表示するために、適当なレコードを作成しておきます。

INSERT INTO `tests` (`id`, `name`, `gender`, `type`, `create_date`, `update_date`) VALUES
(1, '田中　太郎', 1, 1, '2023-01-16 18:44:57', '2023-01-16 18:44:57'),
(2, '山田　花子', 2, 1, '2023-01-16 18:45:15', '2023-01-16 18:45:15');

以下のディレクトリへアクセスします。

..cake_pjt/src/Model/Table

このディレクトリの中へ「TestsTable.php」というファイルを作成します。

これでCakePHPは「tests」テーブルを使用するモデルであると認識することができます。

「TestsTable.php」のファイル内に以下の内容を記載します。

Tests->find('all'); // ・・・①
        $this->set('tests', $tests_list);　　　 // ・・・②
    }
}
?>

データベースからテーブルデータを取得するだけなので、これだけでOKです。


それではさっそくコントローラーからモデルを呼び出しましょう。

コントローラーファイルを開きます。

..cake_pjt/src/Controller/TestsController.php

前回作成した「index」メソッドに、以下の内容を追記します。

モデルを作成し、コントローラー・ビューと連携してデータベースの表示を行いました。

では、簡単な更新処理を実装してみようと思います。

内容はいたってシンプルで、画面上のリンクをクリックすると、「更新日付」の値が現在の時間に更新されるような仕組みです。

▼完成予想図

　：
    
        
　　　　：
            更新ボタン
       
    
　：
　：
    
        Form->postLink(
            '更新',
            ['action' => 'update', $test->id],
            ['confirm' => '更新します']
        )
        ?>
     
　：

更新	

    /**
     * 更新処理
     *
     */
    public function update($id)
    {
        // postとupdateのリクエストのみ受け入れる
        $this->request->allowMethod(['post', 'update']);
        // 保存用に空のエンティティを用意
        $save_data = $this->Tests->newEmptyEntity();

        $now = new DateTime();
        $update_date = $now->format('Y-m-d H:i:s');
        $save_data->id = $id;
        $save_data->update_date = $update_date;
        // 日付を更新する
        $this->Tests->save($save_data);

        return $this->redirect(['action' => 'index']);
    }

デフォルトのテーブルレイアウトを変更したかったため、新たに作成したCSSを読み込む方法についてご紹介します。

まずは、以下のディレクトリに使用したいCSSファイルを作成してください。ここでは「main.css」というCSSを作成しました。


デフォルトでは以下のファイルが読み込まれるよう設定されています。

..cake_pjt/src/templates/layout/default.php

新たなCSSを読み込みたいため、「main.php」ファイルを作成します。

..cake_pjt/src/templates/layout/maim.php

    Html->charset() ?>
    
    
    Html->meta('icon') ?>

    

    fetch('meta') ?>
    Html->css('main.css'); ?>
    fetch('css') ?>
    fetch('script') ?>


    

        

            fetch('content') ?>
        
    
    

「Html->css('main.css'); ?>」とすることで、main.cssを読み込むことができます。
このレイアウトをコントローラー側で設定しましょう。

コントローラーファイルを開きます。

..cake_pjt/src/controller/TestsController.php

このコントローラー全体で適用したいため、「initialize」メソッドに以下の内容を追記しましょう。

    /**
     * init
     *
     */
    public function initialize(): void
    {
        // レイアウトの設定
        $this->viewBuilder()->setLayout('main');
    }

これでCSSの変更は完了です。

今回はモデルの作成を行い、データベース情報の表示と簡単なデータ更新を行いました。

更新処理のみでしたが、Fromヘルパーを使用することで削除処理も同様に実装できるのではないかと思いますので、ぜひチャレンジしてみてください。

次回はbake機能を使用し、MVCを作成してお問い合わせフォームの作成に取り掛かっていきたいと思います。