アンケートご協力のお願いgihyo.jpでは,2010年度に向けて豪華プレゼントが当たる読者属性アンケートを実施しております。ご協力ください。

gihyo.jp » DEVELOPER STAGE » 連載 » CakePHPで高速Webアプリ開発 » 第6回 CakePHPで作るToDoアプリ(2)

CakePHPで高速Webアプリ開発

第6回 CakePHPで作るToDoアプリ(2)

第5回ではテストデータの表示までが完了しました。今回はタスクの追加機能を実装します。

実装においては,作業上のデメリットの発生やセキュリティ問題などを引き起こさないように配慮したコードにしました。その代償として他のチュートリアルに比べて比較的複雑になっていますが,より実践的なサンプルとして扱えると思います。

入力フォームを作る

まずは入力フォームです。app/views/tasks/index.thtmlを書き換えて,ToDo一覧ページにフォームを設置します。リスト1の赤字の部分が追記されたコードになります。

リスト1 app/views/tasks/index.thtml

<form action="<?php echo h($html->url('/tasks/add')) ?>" method="post" style="margin-bottom:1em">
<p><?php echo $html->input('Task/content') ?>
<?php echo $html->submit('タスクを追加') ?></p>
</form>

<table>
<tr>
<th>Id</th>
<th>タスク内容</th>
<th>状態</th>
<th>作成日</th>
</tr>
<?php foreach ($tasks as $task) { ?>
<tr>
<td><?php echo h($task['Task']['id']) ?></td>
<td><?php echo h($task['Task']['content']) ?></td>
<td><?php echo h($task['Task']['status']) ?></td>
<td><?php echo h($task['Task']['created']) ?></td>
</tr>
<?php } ?>
</table>

見慣れないコードが沢山出てきましたが,頻繁に使うことになる類のコードですのでしっかり追っていきます。まずはform要素の開始タグです。

form要素の開始タグと,formTagメソッドにまつわるあれこれ

<form action="<?php echo h($html->url('/tasks/add')) ?>" method="post" style="margin-bottom:1em">

$htmlはHTMLヘルパーのオブジェクトです。読み込むヘルパーをコントローラ内で指定していなければ,HTMLヘルパーは自動で読み込まれます。

HTMLヘルパーのurlメソッドは,CakePHPアプリケーションのURLを,CakePHPを設置したディレクトリに応じて書き換えて返してくれるメソッドです。このメソッドを通してURLを記述しておくことで,Webサーバーのどのディレクトリにアプリケーションを配置しても正しくリンクがつながります。

form要素のaction属性においても同じことが言えますので,使用しています。第4回でセットアップした環境でこのコード動作させた場合,action属性の値は「/~gihyo/todo/tasks/add」となります。

method属性はHTTPのPOSTメソッドで送信することを明示しています。style属性にはフォーム下の表との間隔をとって見栄えを良くするために1文字ぶんのマージン(間隔)を設定するスタイルシートを記述しています。

ここではform要素のaction属性のみHTMLヘルパーで記述しましたが,実はHTMLヘルパーにはform要素の開始タグそのものを出力するformTagメソッドがあります。CakePHP的にはformTagメソッドを使用したほうがいいのかもしれませんが,1.1のHTMLヘルパーには開始タグを出力するメソッドはあれど閉じタグを出力するメソッドがありません。閉じタグはそのままHTMLとして「</form>」と記述することになるのですが,この書き方を行うとDreamweaverなどのWYSIWYGエディタでこのビューファイルを開いたときにエディタ上のレイアウトが大きく崩れることがあります。

form要素の開始タグのみヘルパーで書かれているため,エディタがform要素を認識できないからです。認識できないだけなら良いのですが中途半端な閉じタグが存在していると自動的に修正されたり,エラーを表示してしまうことがあります。分業の進んだWebアプリケーション開発においては,この問題は見過ごせません。

それでもformTagメソッドを使った方がメリットが大きいと判断されることもあるのですが,ここではとりあえず使わないことにします。

著者プロフィール

秋田真宏(あきたまさひろ)

株式会社ヨセミテ CTO。個人ブログは「akiyan.com」。1981年生まれ。

URLhttp://www.akiyan.com/

著書

  • Fast CakePHP

    Fast CakePHP

コメント

  • DBにタスクの内容が登録されない人へ

    CakePHP1.2以降で試してる方用

    <?php echo $html->input('Task/content') ?>
    は1.1用の書き方なので
    <?php echo $form->input('Task.content') ?>
    でcontentのデータも正常に受け渡されます。

    ↓の自分の書き込みはhtmlとformの訂正しか書き込んでないので、
    合わせて引数の中の書き方にご注意ください。

    Commented : #3  egaku (2010/02/17, 10:26)

  • インプットやサブミットのヘルパーがないよーってワーニンが出た人へ

    http://blog.livedoor.jp/sevastyan_tea/archives/51185568.html

    上記サイトを参考に

    <?php echo $html->input('Task/content') ?>
    <?php echo $html->submit('タスクを追加') ?>

    を以下のように書き換えで動きます。

    <?php echo $form->input('Task/content') ?>
    <?php echo $form->end('タスクを追加') ?>

    Commented : #2  egaku (2010/02/16, 10:59)

  • formにmethod="post"を入れないと動かないです

    version 1.1.18.5850を使っていますが
    <form action="<?php echo h($html->url('/tasks/add')) ?>" style="margin-bottom:1em">の指定ではgetになり
    $this->dataは常にNULLです

    Commented : #1  がう (2007/11/17, 22:23)

コメントの記入

パスサポ

多数の情報処理技術者試験対策書籍の発行実績を誇る技術評論社がお届けする,資格試験合格サイト「めざせ! 情報処理試験 パスサポ」が開設されました。

ピックアップ

サクセスストーリーに続く,快適サーバー運用管理のヒント!

データの増大,煩雑な管理,システムダウン,セキュリティなど,迫りくる課題からシステム管理者の負担を軽くするポイントを解説します。

gihyo.jp インフラエンジニア情報局

ネットワークやITにかかわるあらゆる業種で必要とされるインフラエンジニアに向けた技術情報や心構え,その魅力について多角的に紹介。

テストエンジニア ステーション

いま,ITに関わるあらゆる開発業務で注目されつつあるテスト系エンジニアをターゲットにしたコンテンツサイトを展開します。

一行クイックアンケート

gihyo.jpで取り上げてほしいネタは?

※検索はページ右上の検索ボックスをご利用ください。

その他の連載

キーパーソンが見るWeb業界

本連載はWeb Site Expert/gihyo.jpとの連動企画です。阿部淳也, 長谷川敦士, 森田雄のお三方による,Web業界をテーマにした座談会です。

きたみりゅうじの聞かせて珍プレー

ソフトウェア開発の現場で体験したトホホな失敗,思わずうなる珍プレーをきたみりゅうじ氏が四コママンガで紹介。みなさんからの投稿もお待ちしてます!

ActionScript 3.0で始めるオブジェクト指向スクリプティング

野中文雄氏が,簡単なスクリプトは書いたことがあるという初級者を対象に,ActionScript 3.0の基本からクラス定義までを解説します。

まだ間に合う「ITパスポート」受験対策 原山先生の短期合格塾

この連載では,4月18日のITパスポート試験の受験に向けて,短い期間で効率良く受験対策を行う方法や,確実に得点するための裏ワザなどを伝授していきます。

Ubuntu Weekly Recipe

Ubuntuの強力なデスクトップ機能を活用するための,いろいろなレシピをお届けします。

C/C++プログラマのためのDTrace入門

よくカーネルのチューニングや解析で活用されるDTraceですが,実はユーザプログラムの開発においても非常に有用です。連載ではC/C++プログラマやテストに関わる方向けにDTraceの使い方を解説します。

Blogopolisから学ぶ計算幾何

計算幾何学は,図形に関するアルゴリズムを研究するコンピュータサイエンスの一分野です。本連載では,ビジュアルブログ検索エンジン「Blogopolis」で採用されている計算幾何のアプローチを例に取り上げながら,計算幾何の初歩を実践的に学習します。

検索エンジンはいかにして動くのか?

本連載では, 今や誰もが利用している検索エンジンの中身を,全体の仕組みやデータ構造,アルゴリズムから分散インデックスまで,最近の研究事例も交えて紹介します。

連載一覧

gihyo.jp

  • DEVELOPER STAGE
  • ADMINISTRATOR STAGE
  • WEB+DESIGN STAGE
  • LIFESTYLE STAGE
  • SCIENCE STAGE
  • NEWS & REPORT

書籍案内

  • 新刊書籍
  • 書籍ジャンル一覧
  • 書籍シリーズ一覧
  • 新刊ピックアップ
  • ロングセラー
  • 電脳会議

定期刊行物一覧

  • Software Design
  • WEB+DB PRESS
  • Web Site Expert
  • 組込みプレス