Dreamweaver アプリケーションで、ユーザーがデータベースに新しいレコードを挿入することができるレコード挿入ページを作成する方法について説明します。
Dreamweaver 以降では、ユーザーインターフェイスが簡素化されています。そのため、この記事で説明されているオプションの一部が Dreamweaver 以降には存在しない場合があります。詳しくは、この記事を参照してください。
ユーザーがデータベースに新しいレコードを挿入するためのページを、アプリケーションに含めることができます。
挿入ページは、次の 2 つの作成ブロックで構成されます。
ユーザーがデータを入力する HTML フォーム
データベースを更新する「レコードの挿入」サーバービヘイビアー
ユーザーがフォーム上の「送信」ボタンをクリックしたときに、サーバービヘイビアーによってデータベーステーブルにレコードが挿入されます。
これらの 2 つの作成ブロックは、「レコード挿入フォーム」データオブジェクトを使用して 1 回の操作で追加できます。または、Dreamweaver のフォームツールとサーバービヘイビアーパネルを使用して 1 つずつ追加することもできます。
挿入ページが保有できるレコード編集用のサーバービヘイビアーは、常に 1 つだけです。例えば、挿入ページには「レコードの更新」や「レコードの削除」などのサーバービヘイビアーを追加できません。
フォームツールとサーバービヘイビアーを使用して挿入ページを作成することもできます。
ページに空白のフォームが作成されます。フォームの境界線を表示するには、表示/ビジュアルエイド/不可視エレメントを選択する必要があります。フォームの境界線は細い赤線で表示されます。
フォームの action 属性や method 属性を指定して、ビジターが「送信」ボタンをクリックしたときのレコードの送信先や送信方法を指示する必要はありません。「レコードの挿入」サーバービヘイビアーが自動的にこれらの属性を設定します。
フォームオブジェクトはデータエントリ用です。データエントリには一般的にテキストフィールドを使用しますが、メニュー、オプション、ラジオボタンなども使用できます。
「送信」ボタンのラベルを変更するには、ボタンを選択し、ウィンドウ/プロパティを選択してプロパティインスペクターを開き、「ラベル」ボックスに新しい値を入力します。
データタイプとは、データベーステーブルの列に入力できるデータの種類です。データタイプには、テキスト、数値、ブールオプション値があります。
フォーム内の各フォームオブジェクトについて、この操作を繰り返します。
Dreamweaver によってサーバービヘイビアーがページに追加されます。HTML フォームに記入して「送信」ボタンをクリックすることで、ユーザーがレコードをデータベーステーブルに挿入できるようになります。
接続を定義する必要がある場合は、「定義」ボタンをクリックします。
Dreamweaver によって、ページの最初のフォームが自動的に選択されます。
データタイプとは、データベーステーブルの列に入力できるデータの種類です。データタイプには、テキスト、数値、ブールオプション値があります。
フォーム内の各フォームオブジェクトについて、この操作を繰り返します。
Dreamweaver によってサーバービヘイビアーがページに追加されます。HTML フォームに記入して「送信」ボタンをクリックすることで、ユーザーがレコードをデータベーステーブルに挿入できるようになります。
サーバービヘイビアーを編集するには、ウィンドウ/サーバービヘイビアーを選択してサーバービヘイビアーパネルを開き、「レコードの挿入」ビヘイビアーをダブルクリックします。
データタイプとは、データベーステーブルの列に入力できるデータの種類です。データタイプには、テキスト、数値、ブールオプション値があります。
フォーム内の各フォームオブジェクトについて、この操作を繰り返します。
Dreamweaver によってサーバービヘイビアーがページに追加されます。HTML フォームに記入して「送信」ボタンをクリックすることで、ユーザーがレコードをデータベーステーブルに挿入できるようになります。
初期設定では、Dreamweaver は、データベーステーブルの各列に対してフォームオブジェクトを 1 つずつ作成します。使用しているデータベースで、新規作成されたレコードに対して自動的に固有のキー ID が生成される場合は、そのキー列に対応するフォームオブジェクトをリストから選択し、「-」ボタンをクリックして削除してください。削除しておけば、フォームを使用するユーザーが既に存在している ID の値を入力してしまうことはありません。
リストからフォームオブジェクトを選択し、ダイアログボックスの右側にある上向きまたは下向きの矢印をクリックすると、HTML フォームのフォームオブジェクトの並び順を変更することができます。
「ラベル」ボックスに、データエントリフィールドの横に表示する説明ラベルを入力します。Dreamweaver では、初期設定のラベルとしてテーブル列の名前が表示されます。
表示形式ポップアップメニューから、データエントリフィールドとして使用するフォームオブジェクトを選択します。「テキストフィールド」、「テキストエリア」、「メニュー」、「チェックボックス」、「ラジオボタングループ」、「テキスト」から選択できます。読み取り専用エントリの場合は、「テキスト」を選択してください。また「パスワードフィールド」、「ファイルフィールド」、および「非表示フィールド」を選択することもできます。
非表示フィールドは、フォームの末尾に挿入されます。
Dreamweaver によって、HTML フォームと「レコードの挿入」サーバービヘイビアーの両方がページに自動的に追加されます。フォームオブジェクトが基本テーブルに配置され、Dreamweaver のページデザインツールでカスタマイズできるようになります。フォームオブジェクト全体がフォームの境界内に収まるようにしてください。
サーバービヘイビアーを編集するには、ウィンドウ/サーバービヘイビアーを選択してサーバービヘイビアーパネルを開き、「レコードの挿入」ビヘイビアーをダブルクリックします。
アカウントにログイン