Windows + Xampp環境にAkelosで簡易Blogを作ってみる(2)

前回の「Windows + Xampp環境にAkelosで簡易Blogを作ってみる(1)」からの続きです。
この記事はAkelos公式サイトの解説動画を参考にしています。

1). 部品の共有化

エントリー内容を表示する部分を共有化します。新しくapp/views/blog/_post.tplファイルを作成し、app/views/blog/show.tplの下記のソースをコピー&ペーストしてください。

・_post.tpl

    <hr />
    <h2><?php echo $url_helper->link_to($post->title, array('action'=>'show', 'id'=>$post->id)); ?></h2>
    <p><?php echo $text_helper->textilize($post->body); ?></p>
    <p><small>{post.posted_at}<?php echo $blog_helper->link_to_edit($post); ?></small></p>

次にこの部品化された_post.tplをshow.tplとlisting.tplから呼び出します。app/views/blog/show.tplとapp/views/blog/liting.tplを下記のように書き直してください。

・show.tplのshowブロックを下記のように書き換え

  <div class="show">
    <?php echo $controller->render(array('partial'=>'post')); ?>
  </div>

・liting.tplのcontentブロックを下記のように書き換え

<div id="content">
  <h1>_{The Akelos Blog}</h1>
  {?posts}
     <?php echo $controller->render(array('partial'=>'post', 'collection'=>$posts)); ?>
  {end}
</div>

ソースを書き直したら、ブラウザで今まで通り問題なく処理されていることを確認してください。

2). コメントテーブルを作成

コメント機能を実装するためにCommentモデルを作成します。下記のコマンドを実行してください。上手くいかない場合は最後に–forceを付けて実行してください。

php generate model Comment

次はapp/models/comment.phpとapp/models/post.phpにお互いの依存関係をソースに追加します。

・comment.php

<?php
class Comment extends ActiveRecord
{
  var $belongs_to = 'post';
}
?>

・post.phpのfunction validate()の上に追加

<?php
class Post extends ActiveRecord
{
	var $has_many = 'comments';

	function validate()
	{
		$this->validatesPresenceOf('title');
	}
}
?>

次にapp/installers/comment_installer.phpを下記のように書き換えます。

<?php
class CommentInstaller extends AkInstaller
{
    function up_1()
    {
        $this->createTable('comments', "
          id,
          body,
          post_id
        ");

        AK::import('post,comment');

        $Post = new Post(1);
        $Post->comment->create(array('body'=>"コメントをどうぞ。"));
        $Post->save();
    }

    function down_1()
    {
        $this->dropTable('comments');
    }
}
?>

installerファイルを作ったら、コマンドを入力してテーブルを作成します。

php migrate comment install

commentテーブルが作成され、レコードが1つ作成されていることが確認できると思います。このコメントをshowページに表示させるため、app/controllers/blog_controller.phpとapp/views/app/views/blog/show.tplにソースを追記します。

・blog_controller.phpのshowアクションのfind関数の引数にコメント情報を追加します。

function show()
{
    $this->post =& $this->Post->find(@$this->params['id'], array('include'=>'comments'));
}

・show.tplのcontentブロックの最後に追加します。

<h2>_{Comments}</h2>
{loop post.comments}
  <hr />
  <p>{comment.body}</p>
{end}

showページをリロードしてコメントが表示されていることを確認してください。

3). コメント欄を実装

app/views/blog/show.tplにコメント欄のソースを追加します。先ほどのコメントを表示するソースの後に追加します。

  <h3>_{Add a comment}</h3>
  <?php echo $form_tag_helper->form_tag(array('action'=>'comment', 'id'=>$post->id)); ?>
    <?php echo $form_helper->text_area('comment','body'); ?><br />
    <?php echo $form_tag_helper->submit_tag("Comment!"); ?>
  </fom>

app/controllers/blog_controller.phpに、commentアクションを追加します。

  function comment()
  {
    $Post = $this->Post->find($this->params['id']);
    $Post->comment->create($this->params['comment']);
    $Post->save();

    $this->flash['notice'] = $this->t('Your comment was successfully added');
	$this->redirectTo(array('action'=>'show', 'id'=>$Post->id));
  }

showページに入力欄が表示されます。コメントを入力して、正しく動作しているか確認してください。

次回に続きます。