DreamweaverMX Ultradev の探索 (3-2)

著者：Eve Cole 更新時間：2009-05-31 21:07:40

Dreamweaver MX Ultradev 探索 (3) データベースにレコードを追加する

<4> ここで、DW MX の威力を実感します。コードを 1 行も書かずに、一見難しそうなエフェクトを数多く実現できます。図 (3-7) に示すように、「アプリケーション」--->「サーバーの動作」--->「レコードの挿入」。

3-7

DW MX には、データの挿入、更新、削除など、実際的なサーバーの動作が多数付属しています。ここではデータの挿入について一時的に紹介し、他の動作については後で説明します。クリックすると、図(3-8)に示すように、データを挿入するためのダイアログボックスが表示されます。このダイアログボックスでは、ページで使用可能なフォーム要素を使用して独自のデータベースを構築できます。以下のフィールドに入力する必要があります。

接続: [接続データベース] ドロップダウンリストボックスで指定したデータベース接続を選択できます。接続が指定されていない場合は、[定義] ボタンをクリックしてデータベース接続を定義します。ここでは、上で指定したデータベース testmx を選択します。

テーブルに挿入:これは、データベース内のすべてのテーブルのドロップダウンリストになります。ここでは、先ほど作成したデータテーブル「User Table」を選択します。

挿入後、移動:これにより、挿入の完了後にユーザーを別のページにリダイレクトできます。つまり、データがデータベースに正常に保存された後にユーザーに表示されるページで、データが挿入されたことがユーザーに通知されます。データベースに。ここでは、insertok.asp として定義します。注: このページを忘れずに作成してください。ページが見つからない場合は、エラーが報告されます。

値の取得元: このフィールドを form1 に設定します。ページ上の唯一のフォームである必要がありますが、複数のフォームがある場合は、フォームのドロップダウンリストを使用することができます。

フォーム要素:テキストフィールドはすべてここにリストされます。フォーム要素の選択、適切なデータ列の選択、テキストボックスの下の適切なデータ型の選択など、これらの項目はすべて 1 つずつ設定する必要があります。「ユーザー名」列にユーザー名、「パスワード」列にパスワード、「メールボックス」列にメールアドレスが入力されます。先ほど、テキストボックスの名前とデータベースのフィールド名が同じになるように定義しました。今後は、DW MX がそれらを自動的に一致させるようにする必要があります。良い習慣です。

列と送信名:送信時のテキストボックスのデータタイプ。通常、これを選択する必要はありません。DW MX が自動的に選択します。

3-8
<5> これらの手順を完了したら、[OK] ボタンをクリックすると、サーバーの動作がこのページに適用されます。サーバー動作により、すべてのコードがページに自動的に書き込まれ、データベースの挿入が完了します。図(3-9)に示すとおりです。 DW MX は、サーバー動作が使用されていることを示すためにさまざまな色を使用します。

3-9

最後に、テストしてみます。図(3-10)に示すとおりです。

3-10

<6> 送信して、先ほど設計したデータベースを開くと、図 (3-11) に示すように、送信したばかりのコンテンツがそこにあります (笑)。。。 Dreamweaver MX は私たちの世界をさらに美しくします。

3-11

次の章では、データベース内のデータを更新する方法について説明します。DW MX には、さらに魅力的な機能が用意されています。