ドットインストールのCakePHPレッスンのメモ書き

CakePHPを使ってサービスを作ろうと思いアイデアはあるしCakePHPも日常で使っているのだけれど、作るなら基本設計がしっかりしたきれいな構成で作りたかったので、今回もう一度基礎の再確認の意味でまたまたドットインストールさんのお世話になりました。動画内で説明されていた内容についてあとで振り返れるようにメモ。phpとmysqlの知識が必要です。過去の記事でも紹介しているので見てみてください。

:: ドットインストールのPHPレッスン基本編のメモ書き
:: ドットインストールのPHPレッスン応用編のメモ書き
:: phpmyadminを使ったMYSQLのSQL構文の入門編メモ書き公式サイト APIリファレンス

※CakePHPのバージョンは2.6.4を使うため、ドットインストールさんのバージョンとは異なります。
※Modelは単数形、ControllerとViewは複数形(覚書)

PS. ドットインストールさんいつもありがとうございます!!

MVC

Model – データ
View – 見た目
Controller – かけはし

CoC
Convention over Configuration(設定より規約)

ディレクトリ構造

Config – アプリケーションの設定
Console
Controller – データの架け橋
Lib
Locale
Model – データベースへのアクセス
Plugin – debug kitとか
Test
tmp -　一時ファイルを保管
Vender
View – 見た目のファイルを保管 .ctp
webroot – css, Javascript、jpg、gifなど
index.php

※tmpフォルダは初期設定として書き込み権限を変える必要がある。

データベースの設定

MACのMAMP環境で、ターミナル経由でmysqlでコマンドを実行する。ターミナルの実行

$ cd /Applications/MAMP/Library/bin/

1	$ cd /Applications/MAMP/Library/bin/

rootでログイン

$ ./mysql -u root -p

1	$ ./mysql -u root -p

パスワードを入力(MAMPのrootパスワード)後、接続完了。
※表示が「mysql>」になっていればOK。

データベースを作成。

mysql> create database cake_blog
    -> ;
Query OK, 1 row affected (0.00 sec)

mysql>

mysql> create database cake_blog

-> ;

Query OK, 1 row affected (0.00 sec)

mysql>

ユーザーの設定をする (以下はrootユーザー)

mysql> grant all on cake_blog.* to root@localhost identified by '********'
    -> ;
Query OK, 0 rows affected (0.00 sec)

mysql>

mysql> grant all on cake_blog.* to root@localhost identified by '********'

-> ;

Query OK, 0 rows affected (0.00 sec)

mysql>

********は任意のパスワード

データベースの設定ファイルを変更

/app/Config/database.phpを開く

class DATABASE_CONFIG {

  public $default = array(
    'datasource' => 'Database/Mysql',
    'persistent' => false,
    'host' => 'localhost',
    'login' => '********',
    'password' => '********',
    'database' => 'cake_blog',
    'prefix' => '',
    //'encoding' => 'utf8',
  );
}

class DATABASE_CONFIG {

public $default = array(

'datasource' => 'Database/Mysql',

'persistent' => false,

'host' => 'localhost',

'login' => '********',

'password' => '********',

'database' => 'cake_blog',

'prefix' => '',

//'encoding' => 'utf8',

);

}

********箇所は先ほど設定したログインユーザー名とパスワードを入力する

アプリケーションの開発範囲

ブログアプリを作るための機能要件、作成ファイル

開発内容

記事
– 一覧を表示
– 個別記事を表示
– 追加
– 編集
– 削除

具体的な開発ファイル

Model(Model/Post.php)
— mysql table

Controller(Controller/PostsController.php)　※複数形 Posts
– index – /cake_blog/
– view – /cake_blog/posts/view/(id)
– add
– edit
– delete

View(View/Posts/)　※複数形 Posts
– index.ctp
– view.ctp
– add.ctp
– edit.ctp

postsテーブルの作成

ターミナルで使うデータベースを設定

mysql> use cake_blog
Database changed
mysql>

mysql> use cake_blog

Database changed

mysql>

テーブルの作成、テストデータの挿入

mysql> create table posts (
    -> id int not null auto_increment primary key,
    -> title varchar(50),
    -> body text,
    -> created datetime default null,
    -> modified datetime default null
    -> );
Query OK, 0 rows affected (0.28 sec)

mysql> 
mysql> insert into posts (title, body, created, modified) values
    -> ('title 1', 'body 1', now(), now()),
    -> ('title 2', 'body 2', now(), now()),
    -> ('title 3', 'body 3', now(), now());
Query OK, 3 rows affected (0.06 sec)
Records: 3  Duplicates: 0  Warnings: 0

mysql>

mysql> create table posts (

-> id int not null auto_increment primary key,

-> title varchar(50),

-> body text,

-> created datetime default null,

-> modified datetime default null

-> );

Query OK, 0 rows affected (0.28 sec)

mysql>

mysql> insert into posts (title, body, created, modified) values

-> ('title 1', 'body 1', now(), now()),

-> ('title 2', 'body 2', now(), now()),

-> ('title 3', 'body 3', now(), now());

Query OK, 3 rows affected (0.06 sec)

Records: 3 Duplicates: 0 Warnings: 0

mysql>

テーブル、テストデータの確認

mysql> desc posts;
+----------+-------------+------+-----+---------+----------------+
| Field    | Type        | Null | Key | Default | Extra          |
+----------+-------------+------+-----+---------+----------------+
| id       | int(11)     | NO   | PRI | NULL    | auto_increment |
| title    | varchar(50) | YES  |     | NULL    |                |
| body     | text        | YES  |     | NULL    |                |
| created  | datetime    | YES  |     | NULL    |                |
| modified | datetime    | YES  |     | NULL    |                |
+----------+-------------+------+-----+---------+----------------+
5 rows in set (0.01 sec)

mysql> select * from posts;
+----+---------+--------+---------------------+---------------------+
| id | title   | body   | created             | modified            |
+----+---------+--------+---------------------+---------------------+
|  1 | title 1 | body 1 | 2015-05-10 16:26:12 | 2015-05-10 16:26:12 |
|  2 | title 2 | body 2 | 2015-05-10 16:26:12 | 2015-05-10 16:26:12 |
|  3 | title 3 | body 3 | 2015-05-10 16:26:12 | 2015-05-10 16:26:12 |
+----+---------+--------+---------------------+---------------------+
3 rows in set (0.00 sec)

mysql>

mysql> desc posts;

+----------+-------------+------+-----+---------+----------------+

+----------+-------------+------+-----+---------+----------------+

| id | int(11) | NO | PRI | NULL | auto_increment |

+----------+-------------+------+-----+---------+----------------+

5 rows in set (0.01 sec)

mysql> select * from posts;

+----+---------+--------+---------------------+---------------------+

+----+---------+--------+---------------------+---------------------+

| 1 | title 1 | body 1 | 2015-05-10 16:26:12 | 2015-05-10 16:26:12 |

| 2 | title 2 | body 2 | 2015-05-10 16:26:12 | 2015-05-10 16:26:12 |

| 3 | title 3 | body 3 | 2015-05-10 16:26:12 | 2015-05-10 16:26:12 |

+----+---------+--------+---------------------+---------------------+

3 rows in set (0.00 sec)

mysql>

PostのModelを作る

Modelフォルダに「Post.php」を作る

<?php

class Post extends AppModel {

}

<?php

class Post extends AppModel {

}

Controllerフォルダに「PostsController.php」を作る

<?php

class PostsController extends AppController {

}

<?php

class PostsController extends AppController {

}

Scaffoldを使う

CakePHPであらかじめ用意されている、Controllerに1行追加するだけで超簡易版の管理画面できる機能。（初めて見た時は本当に感動しました。）

<?php

class PostsController extends AppController {
  public $scaffold;

}

<?php

class PostsController extends AppController {

public $scaffold;

}

アクセスすると管理画面が出来ている。

記事の一覧を表示する

PostsContollerにindexメソッドを追加

<?php

class PostsController extends AppController {
  // public $scaffold;
  public $helper = array('HTML', 'Form');

  public function index() {
    $this->set('posts', $this->Post->find('all')); //$this->setでPosts変数へ代入。 $this->Post->fin('all')で記事を全て持ってくる。
  }

}

<?php

class PostsController extends AppController {

// public $scaffold;

public $helper = array('HTML', 'Form');

public function index() {

$this->set('posts', $this->Post->find('all')); //$this->setでPosts変数へ代入。 $this->Post->fin('all')で記事を全て持ってくる。

}

View直下に、Postsフォルダを作成。その中にindex.ctpファイルを作成

<h2>記事一覧</h2>

<ul>
<?php foreach ($posts as $post) : ?>
<li>
<?php
debug($post);
?>
</li>
<?php endforeach; ?>
</ul>

<ul>

<?php foreach ($posts as $post) : ?>

<li>

<?php

debug($post);

</li>

<?php endforeach; ?>

</ul>

※debugで$postにセットされている値を表示。

$Postに渡されている配列の中身が分かる

$postのtitleを表示させる

<h2>記事一覧</h2>

<ul>
<?php foreach ($posts as $post) : ?>
<li>
<?php
// debug($post);
echo h($post['Post']['title']); //hとはCakePHPが持っているHTML Special charactoresの省略形
?>
</li>
<?php endforeach; ?>
</ul>

<ul>

<?php foreach ($posts as $post) : ?>

<li>

<?php

// debug($post);

echo h($post['Post']['title']); //hとはCakePHPが持っているHTML Special charactoresの省略形

</li>

<?php endforeach; ?>

</ul>

以下のようにタイトルだけ表示される

記事の一覧ページをトップ(cake_blog)でアクセスする設定

/app/Config/routes.phpを以下に変更する

Router::connect('/', array('controller' => 'posts', 'action' => 'index'));

1	Router::connect('/', array('controller' => 'posts', 'action' => 'index'));

ちなみに、headerとfooterのパーツ箇所はView/Layouts内で指定している

タイトルを変更する

/View/Layouts/default.ctpを変更

<title>
  <?php echo $title_for_layout; ?>
</title>

<title>

<?php echo $title_for_layout; ?>

</title>

/Controller/PostsController.phpに追加

<?php

class PostsController extends AppController {
  // public $scaffold;
  public $helper = array('HTML', 'Form');

  public function index() {
    $this->set('posts', $this->Post->find('all')); //$this->setでPosts変数へ代入。 $this->Post->fin('all')で記事を全て持ってくる。
    $this->set('title_for_layout', '記事一覧'); //タイトルをセット
  }

}

<?php

class PostsController extends AppController {

// public $scaffold;

public $helper = array('HTML', 'Form');

public function index() {

$this->set('posts', $this->Post->find('all')); //$this->setでPosts変数へ代入。 $this->Post->fin('all')で記事を全て持ってくる。

$this->set('title_for_layout', '記事一覧'); //タイトルをセット

}

find()を使いこなす

例えば、表示件数を2件にして並び順をmodifiedの降順にしてみる

<?php

class PostsController extends AppController {
  // public $scaffold;
  public $helper = array('HTML', 'Form');

  public function index() {
    $param = array (
      'order' => 'modified desc',
      'limit' => 2
    );

    $this->set('posts', $this->Post->find('all', $param)); //$this->setでPosts変数へ代入。 $this->Post->fin('all')で記事を全て持ってくる。
    $this->set('title_for_layout', '記事一覧'); //タイトルをセット
  }

}

<?php

class PostsController extends AppController {

// public $scaffold;

public $helper = array('HTML', 'Form');

public function index() {

$param = array (

'order' => 'modified desc',

'limit' => 2

);

$this->set('posts', $this->Post->find('all', $param)); //$this->setでPosts変数へ代入。 $this->Post->fin('all')で記事を全て持ってくる。

$this->set('title_for_layout', '記事一覧'); //タイトルをセット

}

その他にも公式サイトのDocumentation内で命令の詳細を確認することができる

個別記事の詳細を表示する

/Controller/PostsController.phpにviewを追加

<?php

class PostsController extends AppController {
  // public $scaffold;
  public $helper = array('HTML', 'Form');

  public function index() {
    $this->set('posts', $this->Post->find('all')); //$this->setでPosts変数へ代入。 $this->Post->fin('all')で記事を全て持ってくる。
    $this->set('title_for_layout', '記事一覧'); //タイトルをセット
  }

  public function view($id = null) {
    $this->Post->id = $id;
    $this->set('post', $this->Post->read());
  }
}

<?php

class PostsController extends AppController {

// public $scaffold;

public $helper = array('HTML', 'Form');

public function index() {

$this->set('posts', $this->Post->find('all')); //$this->setでPosts変数へ代入。 $this->Post->fin('all')で記事を全て持ってくる。

$this->set('title_for_layout', '記事一覧'); //タイトルをセット

}

public function view($id = null) {

$this->Post->id = $id;

$this->set('post', $this->Post->read());

}

/View/Posts/view.ctpを新しく作成

<h2><?php echo h($post['Post']['title']); ?></h2>
<p><?php echo h($post['Post']['body']); ?></p>

1 2	<h2><?php echo h($post['Post']['title']); ?></h2> <p><?php echo h($post['Post']['body']); ?></p>

/View/Posts/index.ctpにリンクを追加

<h2>記事一覧</h2>

<ul>
<?php foreach ($posts as $post) : ?>
<li>
<?php
// debug($post);
// echo h($post['Post']['title']); //hとはCakePHPが持っているHTML Special charactoresの省略形
// 
echo $this->Html->Link($post['Post']['title'], '/posts/view/' .$post['Post']['id']);
?>
</li>
<?php endforeach; ?>
</ul>

<ul>

<?php foreach ($posts as $post) : ?>

<li>

<?php

// debug($post);

// echo h($post['Post']['title']); //hとはCakePHPが持っているHTML Special charactoresの省略形

echo $this->Html->Link($post['Post']['title'], '/posts/view/' .$post['Post']['id']);

</li>

<?php endforeach; ?>

</ul>

/View/Layouts/default.ctp内でheaderにホームへ戻るボタンを追加

<div id="header">
  <h1><?php echo $this->Html->link('Home', '/'); ?></h1>
</div>

</div>

記事を追加する

Controller/PostsControllerにaddを追加

 public function add() {
    if ($this->request->is('post')) {
      if ($this->Post->save($this->request->data)) {
        $this->Session->setFlash('Success!');
        $this->redirect(array('action' => 'index'));
      } else {
        $this->Session->setFlash('failed');
      }
    }
  }

public function add() {

if ($this->request->is('post')) {

if ($this->Post->save($this->request->data)) {

$this->Session->setFlash('Success!');

$this->redirect(array('action' => 'index'));

} else {

$this->Session->setFlash('failed');

}

VIew/Posts/add.ctpを作成

<h2>Add post</h2>

<?php
echo $this->Form->create('Post');
echo $this->Form->input('title');
echo $this->Form->input('body', array('rows'=>3));
echo $this->Form->end('Save Post');

<?php

echo $this->Form->create('Post');

echo $this->Form->input('title');

echo $this->Form->input('body', array('rows'=>3));

echo $this->Form->end('Save Post');

View/Posts/index.ctpにAdd Postのリンクを追加

<h2>Add Post</h2>
<?php echo $this->Html->link('Add post', array('controller' => 'posts', 'action' => 'add'));

1 2	<h2>Add Post</h2> <?php echo $this->Html->link('Add post', array('controller' => 'posts', 'action' => 'add'));

記事一覧に記事追加リンクを追加

記事追加画面

記事投稿のエラーチェック

Model/Post.phpで値が空かどうかをチェックする

<?php

class Post extends AppModel {
  public $validate = array (
    'title' => array (
      'rule' => 'notEmpty',
      'message' => '記入してください。' // 表示するメッセージを指定
    ),
    'body' => array (
      'rule' => 'notEmpty'
    )
  );
}

<?php

class Post extends AppModel {

public $validate = array (

'title' => array (

'rule' => 'notEmpty',

'message' => '記入してください。' // 表示するメッセージを指定

'body' => array (

'rule' => 'notEmpty'

)

);

}

jQueryを読み込む

/View/Layouts/default.ctpを変更

<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

1	<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

</body>直前にfadeOutの関数を記述

<script>
$(function() {
  setTimeout(function() {
    $('#flashMessage').fadeOut("slow");
  }, 800);
});
</script>

$(function() {

setTimeout(function() {

$('#flashMessage').fadeOut("slow");

}, 800);

});

</script>

これで、メッセージが自動で消えるようになる。

記事の編集をする

/Controller/PostsController.phpに追加

public function edit($id = null) {
  $this->Post->id = $id;
  if ($this->request->is('get')) {
    $this->request->data = $this->Post->read();
  } else {
    if ($this->Post->save($this->request->data)) {
      $this->Session->setFlash('success!');
      $this->redirect(array('action' => 'index'));
    } else {
      $this->Session->setSFlash('failed');
    }
  }
}

public function edit($id = null) {

$this->Post->id = $id;

if ($this->request->is('get')) {

$this->request->data = $this->Post->read();

} else {

if ($this->Post->save($this->request->data)) {

$this->Session->setFlash('success!');

$this->redirect(array('action' => 'index'));

} else {

$this->Session->setSFlash('failed');

}

View/Posts/edit.ctpを新たに作成

<h2>Edit Post</h2>

<?php
echo $this->form->create('Post', array('action' => 'edit'));
echo $this->form->input('title');
echo $this->form->input('body', array('rows' =>3));
echo $this->form->end('Save!');

<?php

echo $this->form->create('Post', array('action' => 'edit'));

echo $this->form->input('title');

echo $this->form->input('body', array('rows' =>3));

echo $this->form->end('Save!');

View/Posts/index.ctpのpostタイトルの横に表示されるように追加

<?php echo $this->Html->link('編集', array('action'=>'edit', $post['Post']['id'])); ?>

1	<?php echo $this->Html->link('編集', array('action'=>'edit', $post['Post']['id'])); ?>

編集ボタンが追加されて記事の編集が可能になった。

記事を削除する

/Controller/PostsController.phpに追加

public function delete($id) {
  if ($this->request->is('get')) {
    throw new MethodNotAllowedException();
  }
  if ($this->Post->delete($id)) {
    $this->Session->setFlash('Deleted!');
    $this->redirect(array('action'=>'index'));
  }
}

public function delete($id) {

if ($this->request->is('get')) {

throw new MethodNotAllowedException();

}

if ($this->Post->delete($id)) {

$this->Session->setFlash('Deleted!');

$this->redirect(array('action'=>'index'));

}

View/Posts/index.ctpのpostタイトルの横に表示されるように追加

<?php echo $this->Form->postLink('削除', array('action'=>'delete', $post['Post']['id']), array('confirm'=>'sure?')); ?

1	<?php echo $this->Form->postLink('削除', array('action'=>'delete', $post['Post']['id']), array('confirm'=>'sure?')); ?

削除ボタンが追加され、押下すると確認ダイアログが表示される

削除処理をAjax化する

先ほど書いた/Controller/PostsController.phpを修正

// public function delete($id) {
//  if ($this->request->is('get')) {
//    throw new MethodNotAllowedException();
//  }
//  if ($this->Post->delete($id)) {
//    $this->Session->setFlash('Deleted!');
//    $this->redirect(array('action'=>'index'));
//  }
// }

public function delete($id) {
  if ($this->request->is('get')) {
    throw new MethodNotAllowedException();
  }
  if ($this->request->is('ajax')) {
    if ($this->Post->delete($id)) {
      $this->autoRender = false;
      $this->autoLayout = false;
      $response = array('id' => $id);
      $this->header('Content-Type: application/json');
      echo json_encode($response);
      exit();
      }
    }
    $this->redirect(array('action'=>'index'));
  }

// public function delete($id) {

// if ($this->request->is('get')) {

// throw new MethodNotAllowedException();

// }

// if ($this->Post->delete($id)) {

// $this->Session->setFlash('Deleted!');

// $this->redirect(array('action'=>'index'));

// }

public function delete($id) {

if ($this->request->is('get')) {

throw new MethodNotAllowedException();

}

if ($this->request->is('ajax')) {

if ($this->Post->delete($id)) {

$this->autoRender = false;

$this->autoLayout = false;

$response = array('id' => $id);

$this->header('Content-Type: application/json');

echo json_encode($response);

exit();

}

$this->redirect(array('action'=>'index'));

}

View/Posts/index.ctpの削除コード箇所を変更

<!--?php echo $this->Form->postLink('削除', array('action'=>'delete', $post['Post']['id']), array('confirm'=>'sure?')); ?-->
<?php echo $this->Html->link('削除', '#', array('class'=>'delete', 'data-posst-id'=>$post['Post']['id'])); ?>

1 2	<!--?php echo $this->Form->postLink('削除', array('action'=>'delete', $post['Post']['id']), array('confirm'=>'sure?')); ?--> <?php echo $this->Html->link('削除', '#', array('class'=>'delete', 'data-posst-id'=>$post['Post']['id'])); ?>

View/Posts/index.ctpの一番下にjsonのファンクションコードを追加

<script>
$(function() {
  $('a.delete').click(function(e) {
    if (confirm('sure?')) {
      $.post('/cake_blog/posts/delete'+$(this).data('post-id'), {}, function(res)) {
        $('#post_'+res.id).fadeOut();
      }, "json");
    }
    return false;
  });
});
</script>

$(function() {

$('a.delete').click(function(e) {

if (confirm('sure?')) {

$.post('/cake_blog/posts/delete'+$(this).data('post-id'), {}, function(res)) {

$('#post_'+res.id).fadeOut();

}, "json");

}

return false;

});

</script>

View/Posts/index.ctpの<li>にidを付ける

<!-- <li> -->
<li id="post_<?php echo h($post['Post']['id']); ?>">

1 2	<!-- <li> --> <li id="post_<?php echo h($post['Post']['id']); ?>">

コメント機能を実装

コメント – 一覧を表示 – 追加 – 削除 Model – mysql table – association　記事に対して複数コメントを持つ関係性を定義 Controller index add delete テーブルを作成

mysql> create table comments (
    -> id int not null auto_increment primary key,
    -> commenter varchar(255),
    -> body text,
    -> post_id int not null,
    -> created datetime default null,
    -> modified datetime  default null
    -> );
Query OK, 0 rows affected (0.13 sec)

mysql>
mysql> insert into comments (commenter, body, post_id, created, modified) values
    -> ('c1', 'b1', 9, now(), now()),
    -> ('c2', 'b2', 9, now(), now()),
    -> ('c3', 'b3', 9, now(), now());
Query OK, 3 rows affected (0.00 sec)
Records: 3  Duplicates: 0  Warnings: 0

mysql>

mysql> create table comments (

-> id int not null auto_increment primary key,

-> commenter varchar(255),

-> body text,

-> post_id int not null,

-> created datetime default null,

-> modified datetime default null

-> );

Query OK, 0 rows affected (0.13 sec)

mysql>

mysql> insert into comments (commenter, body, post_id, created, modified) values

-> ('c1', 'b1', 9, now(), now()),

-> ('c2', 'b2', 9, now(), now()),

-> ('c3', 'b3', 9, now(), now());

Query OK, 3 rows affected (0.00 sec)

Records: 3 Duplicates: 0 Warnings: 0

mysql>

mysql> show tables;
+---------------------+
| Tables_in_cake_blog |
+---------------------+
| comments            |
| posts               |
+---------------------+
2 rows in set (0.00 sec)

mysql> desc comments;
+-----------+--------------+------+-----+---------+----------------+
| Field     | Type         | Null | Key | Default | Extra          |
+-----------+--------------+------+-----+---------+----------------+
| id        | int(11)      | NO   | PRI | NULL    | auto_increment |
| commenter | varchar(255) | YES  |     | NULL    |                |
| body      | text         | YES  |     | NULL    |                |
| post_id   | int(11)      | NO   |     | NULL    |                |
| created   | datetime     | YES  |     | NULL    |                |
| modified  | datetime     | YES  |     | NULL    |                |
+-----------+--------------+------+-----+---------+----------------+
6 rows in set (0.01 sec)

mysql> select * from comments;
+----+-----------+------+---------+---------------------+---------------------+
| id | commenter | body | post_id | created             | modified            |
+----+-----------+------+---------+---------------------+---------------------+
|  1 | c1        | b1   |       9 | 2015-05-10 23:42:14 | 2015-05-10 23:42:14 |
|  2 | c2        | b2   |       9 | 2015-05-10 23:42:14 | 2015-05-10 23:42:14 |
|  3 | c3        | b3   |       9 | 2015-05-10 23:42:14 | 2015-05-10 23:42:14 |
+----+-----------+------+---------+---------------------+---------------------+
3 rows in set (0.00 sec)

mysql>

mysql> show tables;

+---------------------+

| Tables_in_cake_blog |

+---------------------+

| comments |

| posts |

+---------------------+

2 rows in set (0.00 sec)

mysql> desc comments;

+-----------+--------------+------+-----+---------+----------------+

+-----------+--------------+------+-----+---------+----------------+

| id | int(11) | NO | PRI | NULL | auto_increment |

| post_id | int(11) | NO | | NULL | |

+-----------+--------------+------+-----+---------+----------------+

6 rows in set (0.01 sec)

mysql> select * from comments;

+----+-----------+------+---------+---------------------+---------------------+

+----+-----------+------+---------+---------------------+---------------------+

| 1 | c1 | b1 | 9 | 2015-05-10 23:42:14 | 2015-05-10 23:42:14 |

| 2 | c2 | b2 | 9 | 2015-05-10 23:42:14 | 2015-05-10 23:42:14 |

| 3 | c3 | b3 | 9 | 2015-05-10 23:42:14 | 2015-05-10 23:42:14 |

+----+-----------+------+---------+---------------------+---------------------+

3 rows in set (0.00 sec)

mysql>

アソシエーションとは Modelに$BelongsTo = “Post”;と、public $hasMany = “Comment”;とすることそれぞれが紐づく。

<?php

class Comment extends AppModel {
  public $belongsTo = 'Post'; //全てのコメントはPostに帰属している。PostIdがあれば自動で紐づく
}

<?php

class Comment extends AppModel {

public $belongsTo = 'Post'; //全てのコメントはPostに帰属している。PostIdがあれば自動で紐づく

}

<?php

class Post extends AppModel {
  public $hasMany = "Comment"; //Commentと紐づく
  public $validate = array (
    'title' => array (
      'rule' => 'notEmpty',
      'message' => '記入してください。' // 表示するメッセージを指定
    ),
    'body' => array (
      'rule' => 'notEmpty'
    )
  );
}

<?php

class Post extends AppModel {

public $hasMany = "Comment"; //Commentと紐づく

public $validate = array (

'title' => array (

'rule' => 'notEmpty',

'message' => '記入してください。' // 表示するメッセージを指定

'body' => array (

'rule' => 'notEmpty'

)

);

}

コメント追加・削除機能を実装

コメントの追加コメント用のコントローラーを追加

<?php

class CommentsController extends AppController {
  // public $scaffold;
  public $helper = array('HTML', 'Form');

  public function add() {
    if ($this->request->is('post')) {
      if ($this->Comment->save($this->request->data)) {
        $this->Session->setFlash('Success!');
        $this->redirect(array('controller' => 'posts', 'action' => 'view', $this->data['Comment']['post_id']));
      } else {
        $this->Session->setFlash('failed');
      }
    }
  }
}

<?php

class CommentsController extends AppController {

// public $scaffold;

public $helper = array('HTML', 'Form');

public function add() {

if ($this->request->is('post')) {

if ($this->Comment->save($this->request->data)) {

$this->Session->setFlash('Success!');

$this->redirect(array('controller' => 'posts', 'action' => 'view', $this->data['Comment']['post_id']));

} else {

$this->Session->setFlash('failed');

}

以下のコメント投稿パーツを追加

<h2>Add Comments</h2>
<?php
echo $this->Form->create('Comment', array('action'=>'add'));
echo $this->Form->input('Commenter');
echo $this->Form->input('body', array('row'=>3));
echo $this->Form->input('Comment.post_id', array('type'=>'hidden', 'value'=>$post['Post']['id']));
echo $this->Form->end('post comment');

<h2>Add Comments</h2>

<?php

echo $this->Form->create('Comment', array('action'=>'add'));

echo $this->Form->input('Commenter');

echo $this->Form->input('body', array('row'=>3));

echo $this->Form->input('Comment.post_id', array('type'=>'hidden', 'value'=>$post['Post']['id']));

echo $this->Form->end('post comment');

コメント枠が完成コメントの削除コントローラーで削除機能を追加

 public function delete($id) {
    if ($this->request->is('get')) {
      throw new MethodNotAllowedException();
    }
    if ($this->request->is('ajax')) {
      if ($this->Comment->delete($id)) {
        $this->autoRender = false;
        $this->autoLayout = false;
        $response = array('id' => $id);
        $this->header('Content-Type: application/json');
        echo json_encode($response);
        exit();
        }
      }
      $this->redirect(array('controller'=>'posts', 'action'=>'index'));
    }

public function delete($id) {

if ($this->request->is('get')) {

throw new MethodNotAllowedException();

}

if ($this->request->is('ajax')) {

if ($this->Comment->delete($id)) {

$this->autoRender = false;

$this->autoLayout = false;

$response = array('id' => $id);

$this->header('Content-Type: application/json');

echo json_encode($response);

exit();

}

$this->redirect(array('controller'=>'posts', 'action'=>'index'));

}

ビューで削除パーツを追加

<h2><?php echo h($post['Post']['title']); ?></h2>
<p><?php echo h($post['Post']['body']); ?></p>

<h2>Comments</h2>

<ul>
<?php foreach ($post['Comment'] as $comment): ?>
<li id="comment_<?php echo h($comment['id']); ?>">
<?php echo h($comment['body']) ?> by <?php echo h($comment['commenter']); ?>
<?php echo $this->Html->link('削除', '#', array('class'=>'delete', 'data-comment-id'=>$comment['Post']['id'])); ?>
</li>
<?php endforeach; ?>
</ul>


<h2>Add Comments</h2>
<?php
echo $this->Form->create('Comment', array('action'=>'add'));
echo $this->Form->input('Commenter');
echo $this->Form->input('body', array('row'=>3));
echo $this->Form->input('Comment.post_id', array('type'=>'hidden', 'value'=>$post['Post']['id']));
echo $this->Form->end('post comment');
?>

<script>
$(function() {
  $('a.delete').click(function(e) {
    if (confirm('sure?')) {
      $.post('/cake_blog/comments/delete'+$(this).data('comment-id'), {}, function(res)) {
        $('#comment_'+res.id).fadeOut();
      }, "json");
    }
    return false;
  });
});
</script>