登録ページの作成

最終更新日 : 2024年4月25日
メモ

Dreamweaver 以降では、ユーザーインターフェイスが簡素化されています。 そのため、この記事で説明されているオプションの一部が Dreamweaver 以降には存在しない場合があります。 詳しくは、こちらの記事を参照してください。

登録ページについて

Webアプリケーションには、ユーザーがサイトに初めて訪問したときに登録が必要なページを含めることができます。

登録ページは、次の作成ブロックで構成されます。

  • ユーザーのログイン情報を保存するデータベーステーブル

  • ビジターがユーザー名とパスワードを選択するための HTML フォーム

    フォームを使用して、ユーザーから他の個人情報を取得することもできます。

  • サイトユーザーのデータベーステーブルを更新するInsert Recordサーバービヘイビア

  • ユーザーが入力したユーザー名が他のユーザーによって使用されていないことを確認するCheck New Usernameサーバービヘイビア

ビジターのログイン情報の保存

登録ページには、ユーザーが入力したログイン情報を保存するデータベーステーブルが必要です。

  • データベーステーブルにユーザー名とパスワードの列が含まれていることを確認してください。ログインしたユーザーに異なるアクセス権限を持たせたい場合は、アクセス権限列を含めてください。
  • サイトのすべてのユーザーに共通のパスワードを設定したい場合は、データベースアプリケーション(Microsoft Access、Microsoft SQL Server、Oracle など)を設定して、デフォルトで各新規ユーザーレコードにパスワードを入力するようにしてください。ほとんどのデータベースアプリケーションでは、新しいレコードが作成されるたびに列をデフォルト値に設定できます。初期設定値として、共通パスワードを設定します。
  • データベーステーブルを使用して、ユーザーに関するその他の有用な情報を保存することもできます。

    登録ページ作成の次のステップは、ユーザーがユーザー名とパスワード(該当する場合)を選択できるよう、登録ページにHTMLフォームを追加することです。

ユーザー名とパスワード選択用のHTMLフォームを追加

ユーザーがユーザー名とパスワード(該当する場合)を選択できるよう、登録ページにHTMLフォームを追加します。

ページを作成し(ファイル/新規/空白ページ)、Dreamweaverデザインツールを使用して登録ページをレイアウトします。
HTMLフォームを追加するには、フォームを表示したい位置に挿入ポイントを配置し、挿入メニューからフォームを選択します。

ページに空白のフォームが作成されます。 フォームの境界線を表示するには、非表示要素(表示/ビジュアルエイド/非表示要素)を有効にする必要がある場合があります。境界線は細い赤い線で表されます。

ドキュメントウィンドウの下部にある<form>タグをクリックしてフォームを選択し、プロパティインスペクター(ウィンドウ/プロパティ)を開いて、フォーム名ボックスに名前を入力してHTMLフォームに名前を付けます。

ユーザーが送信ボタンをクリックしたときにレコードデータをどこにどのように送信するかをフォームに指示するためのactionまたはmethod属性を指定する必要はありません。Insert Recordサーバービヘイビアがこれらの属性を設定します。

ユーザーがユーザー名とパスワードを入力できるよう、テキストフィールド(挿入/フォーム/テキストフィールド)を追加します。

フォームには、その他の個人データを記録するためのフォームオブジェクトを追加することもできます。

各フォームオブジェクトの横にラベル(テキストまたは画像)を追加して、ユーザーにそれが何であるかを伝える必要があります。また、HTMLテーブル内にフォームオブジェクトを配置して整列させる必要があります。フォームオブジェクトの詳細については、web フォームの作成を参照してください。

フォームに送信ボタンを追加します(挿入 > フォーム > ボタン)。

送信ボタンのラベルを変更するには、ボタンを選択し、プロパティインスペクター(ウィンドウ > プロパティ)を開いて、値ボックスに新しい値を入力します。

登録ページの作成における次のステップは、データベース内のユーザーテーブルにレコードを挿入するためのInsert Recordサーバービヘイビアを追加することです。

データベースのユーザーテーブルの更新

データベース内のユーザーのテーブルを更新するため、登録ページにレコード挿入サーバービヘイビア を追加する必要があります。

サーバービヘイビアパネル(ウィンドウ > サーバービヘイビア)で、プラス(+)ボタンをクリックし、ポップアップメニューからレコード挿入 を選択します。

レコードの挿入ダイアログボックスが表示されます。

ダイアログボックスに必要事項を入力し、ユーザーデータが挿入されるデータベース内のユーザーテーブルを必ず指定してください。「OK」をクリックします。

登録ページの作成における最終ステップは、 ユーザー名が他の登録ユーザーによって使用されていないことを確認することです。

一意のユーザー名を確保するためのサーバービヘイビアを追加する

ユーザー 登録ページにサーバービヘイビアを追加して、そのユーザーを登録ユーザーのデータベース に追加する前に、ユーザー名が一意であることを検証できます。

ユーザーが登録ページの送信ボタン をクリックすると、サーバービヘイビアは、ユーザーが入力した ユーザー名を、登録ユーザーのデータベーステーブルに保存されているユーザー名と比較します。データベーステーブルで一致するユーザー名が見つからない場合、 サーバービヘイビアはレコード挿入操作を正常に実行します。一致するユーザー名が見つかった場合、サーバービヘイビアはレコード挿入操作をキャンセルし、新しいページを開きます(通常、そのユーザー名が既に使用されていることをユーザーに通知するページ)。

サーバービヘイビアパネル(ウィンドウ > サーバービヘイビア)で、プラス(+)ボタンをクリックし、ポップアップメニューからユーザー認証 > 新しいユーザー名をチェックを選択します。
ユーザー名フィールドポップアップメニューで、訪問者が ユーザー名を入力するために使用するフォームテキストフィールドを選択します。
「既に存在する場合、移動先」ボックスで、データベーステーブルで一致するユーザー名が見つかった場合に 開くページを指定し、OKをクリックします。

表示されたページで、そのユーザー名が既に使用されていることをユーザーに通知し、再試行できるようにする必要があります。