< 前へ | 次へ >

演習 1.4: 表示する新規レコードの作成とデータベースの更新

この演習では、 ユーザーが新規案内広告を作成してそれをデータベースに掲載することができるページを作成します。

最初に、新規レコードをデータベースに表すための関連レコードを作成し、 次に 1 セットの入力フィールドとして、ユーザーのページにレコードを視覚化したものを作成します。

新規関連レコードを作成するには、以下のとおりに実行します。

  1. 「プロジェクト・エクスプローラー」ビューの「new_record.jsp」ファイルをダブルクリックして開く。
  2. デフォルトのテキスト「bodyarea のデフォルトのコンテンツ (Default content of bodyarea)」を削除する。
  3. 「パレット」ビューで、データ・ドロワーをクリックしてそれを展開する。
  4. パレットから「関連レコード」コンポーネントをブランクのコンテンツ領域にドラッグする。 「関連レコードの追加」ウィンドウが開きます。
    注: 使用するデータベースへの接続が確立できなかったことを示す警告メッセージが表示された場合は、Web サイトのテスト後、サーバーを実行したままにしておいたのです。 この警告メッセージが表示された場合は、それぞれのダイアログの「キャンセル」をクリックして、『演習 1.3』の説明に従ってサーバーを停止してください。
  5. 名前」フィールドに「create_record」と入力する。
  6. コントロールの作成対象」の下の「新規レコードの作成」をクリックする。
  7. レコードを Web ページに表示するための入出力コントロールの追加」が選択されていることを確認する。 「関連レコードの追加」ウィンドウは、次のようになるはずです。
    「関連レコードの追加」ウィンドウ
  8. 次へ」をクリックする。
  9. 「テーブル」ボックスで「W5SAMPLE」を展開し、「ADS」を選択する。「次へ」をクリックします。
  10. 再度「次へ」をクリックする。「データ・コントロールの構成」ページが開きます。
    ヒント:データ・コントロールの構成」ページは、 ユーザーの関連レコードの視覚化のカスタマイズを支援します。 例えば、ユーザーの入力フォームにある列、フィールド・ラベル、 および「実行」ボタンを変更できます。 以下の手順を終了すると、全機能の入力フォームがページに作成されます。
  11. 表示するフィールド」セクションで、ユーザーの入力フォームに使用したいフィールド名を除いて、 その他すべてのフィールド名の横にあるチェック・ボックスをクリアする。
    • DESCRIPTION
    • ID
    • MAINCATEGORY
    • PHONE
    • PRICE
    • TITLE
  12. 上矢印または下矢印のボタンをクリックすることにより、次の順序でフィールドを再配列する。
    • ID
    • TITLE
    • DESCRIPTION
    • MAINCATEGORY
    • PRICE
    • PHONE
  13. 自分の望みに合わせてラベルを名前変更する。 例えば、「Maincategory:」ラベルを「Category:」に短縮します。 入力フィールド用に生成されたラベルを名前変更するには、「ラベル」列から該当のラベルをクリックします。 マウス・アイコンがカーソルに変わり、新規テキストを入力できるようになります。
  14. MAINCATEGORY」を選択して、「オプション」をクリックする。 「オプション」ウィンドウが開きます。
  15. 実行ボタン」オプションが選択されていることを確認する。
  16. ラベル」フィールドに「新規リストの掲載 (Post New Listing)」と入力する。次に「OK」をクリックします。「関連レコードの追加」ウィンドウは、次のようになるはずです。
    「関連レコード」ウィンドウ
  17. 終了」をクリックして、入力フォームを生成する。 このフォームは、次のようになるはずです。
    入力フォーム
    注: このフォームには「エラー・メッセージ」フィールドがあります。 これは、 プロジェクトにエラーがあることを意味するものではありません。 このフィールドは、ユーザーがフォームを実行したときにエラーがあった場合、 そのエラーが表示される場所をマークします。
  18. このページを保管する。
入力フォームが実行されると、 ページは新規レコードをデータベースに自動的に追加します。 次の演習では、「新規リストの掲載 (Post New Listing)」ボタンを「all_records.jsp」ページに戻るようにプログラミングして、 データベース内の新規レコードを即時に表示できるようにします。

演習のチェックポイント

演習 1.4 が完了しました。この演習では、 ユーザーが新規案内広告を作成してそれをデータベースに掲載することができるページを作成しました。

< 前へ | 次へ >