演習

次の演習では、このチュートリアルの第 II 章と第 III 章で構築した Zen Contacts アプリケーションに機能を追加する手順を説明します (ソリューション・ファイルの場所については、下記のメモを参照してください)。ここで追加する機能により、ユーザは、連絡先の電話番号に関する情報を表示、作成、編集、および削除できるようになります。具体的に、この新しい機能には以下が含まれます。

• 選択した連絡先の電話番号を表示するテーブル。ユーザが Contact テーブルの view phones リンクをクリックすると、その連絡先の電話番号 (番号とタイプ) が表示されたテーブルがページに表れます。

• 電話番号の編集フォーム。電話番号テーブルの各行には、edit リンクが含まれます。ユーザがこのリンクをクリックすると、編集フォーム (連絡先編集フォームのようなもの) が表示されます。ユーザはこのフォームを使って、選択した電話番号の情報を更新することができます。

• new phone リンク。ユーザがこのリンクをクリックすると、ページに電話番号の編集フォームが表示されます。ユーザはこのフォームを使用して新しい電話番号を作成し、Contact テーブルで現在選択されている連絡先に属する電話番号のセットに、この新しい電話番号を追加できます。

以下に、電話番号テーブルと電話番号の編集フォームの両方が表示された状態で、ブラウザにアプリケーションがどのように表示されるかを示します。