ホーム>Web デザインのチュートリアル>Dreamweaver チュートリアル

Ultradev サンプル チュートリアル: 3.4 データベースへのレコードの追加

著者：Eve Cole 更新時間：2009-05-30 18:34:47
第 3 章: データベースを適用して動的 Web ページを作成する

セクション 4: データベースにレコードを追加する

先ほどデータベースにレコードがなかった場合、テストの便宜上、データベースを直接操作していくつかのデータを追加しました。次のコンテンツでは、ブラウザを通じてデータベースにデータを追加できるように、データを送信するためのページを作成する方法を説明します。これは、より一般的なブラウザサーバー モードです。 *_"

さて、始めましょう!

最初のステップ: Ultradev を開きます ---ははは、ナンセンスです。

次の図に示すように、メニューの [挿入] -> [LiveObjects] -> [レコード挿入フォーム] を開きます。



選択すると、データ フォーム プロパティを挿入するための次のダイアログ ボックスが表示されます。



[接続] は、サイトで定義したデータベース接続です。これを選択すると、接続先のデータベース内のテーブルが [テーブルに挿入] 列に表示され、そこからデータを挿入するテーブルを選択できます。データベースには userinfo テーブルが 1 つだけあるので、それを選択します。次に、以下のフォーム フィールドに、テーブル デザインで設計したフィールドとその関連プロパティが表示されます。列はデータベース テーブルのフィールド名を表し、表示形式はテキスト フォーム フィールドなど、使用されるフォーム フィールドのタイプを表します。テキスト フィールド) を使用してレコードを送信する場合、[送信形式] は送信するデータ タイプを示します。たとえば、データ タイプが整数フィールドの場合、テキスト データ タイプでは送信できません。通常、Ultradev はこの列を自動的に選択します。ラベルは、このフォーム フィールドの内容を入力するよう促すのに役立ちます。挿入後、「Go To」列とは、データを送信した後にそのページにジャンプすることを意味します。たとえば、登録が成功した後、登録が完了したことを示すページにジャンプします。息子の。何も入力しない場合は、データ送信後にこのページに戻ることになります。

次に、データを追加するフィールドを選択します。ここで、IDはデータベースによって自動的に番号付けされ、自動的に生成されるため、この行を選択し、「-」のボタンをクリックして削除します。データベースの設計時に Reg_date フィールドにデフォルト値 =Now() を指定しましたが、これも介入なしでデータベースによって自動的に生成されるため、これも削除されます。次に、ラベルを中国語に変更して、以下の図に示すようにデータ追加フォームの準備が整います。


「OK」をクリックすると、次の図に示すページが生成されます。おお！見覚えがあるでしょうか？はぁ、簡単なユーザー登録ページが完成しました、とても簡単です！興味があれば、Ultradev が生成したコードをご覧ください。非常に長いです。



ああ、設定する場所がもう 1 つあることを忘れないでください。それは、以下に示すように、ユーザー パスワード部分のフォーム フィールド属性です。そのタイプをパスワードに設定する必要があります。このようにすると、パスワードを入力するときに平文で表示されず、代わりに * が使用されます。



ページを保存して、すぐに結果を試してみましょう。次に示すように、ブラウザを開いてアドレスを入力し、いくつかのデータを入力します。



「レコードの挿入」をクリックしてデータを送信すると、データが表示されるページにジャンプします。ほら、入力したデータがそのままそこにあります。マウスを数回動かすだけで完全に機能するページが表示される、Ultradev の威力を再度体験したことと思います。手書きで書く場合、どれくらい時間がかかるかはまだわかりません。テストを続けなければなりません。



実際、この登録機能はまだ不完全です。たとえば、データを繰り返し入力する場合はどうすればよいでしょうか。ユーザーが一部のコンテンツを入力できなかった場合はどうすればよいですか?これらの問題については、後ほど『Ultradev Advanced User Guide』で説明しますので、しばらくお待ちください。

さて、次回はデータベース内のレコードを編集する方法について説明します。うっかり間違ったデータを入力してしまったらどうなるでしょうか?その方法については、次回説明します。
関連記事