印刷用ページ      送信     
クリックして評価とフィードバックをお寄せください
MSDN
MSDN ライブラリ
ユーザー登録ページを簡単に作る方法

download1.gif サンプル コードのダウンロード (aspnettips_CreateUserWizard.msi, 235 KB)
※このサンプルをお使いいただくためには、 Visual Studio 2005 が必要です。

従来の ASP.NET でユーザー登録機能を作成する場合、コントロールの配置やコードの追加など、手間のかかる作業が必要でした。しかし、 ASP.NET 2.0 では、ユーザー登録機能を簡単に実装できるようになりました。新たに追加された CreateUserWizard コントロールを使えば、コードを追加することなく、基本的なユーザー登録機能を実現できてしまいます。

今回は、登録機能の実装のほか、よく使う設定項目(コントロールのデザイン、表示テキストやメッセージ、終了後の処理)をカスタマイズします。登録機能は、ユーザー ID、パスワード、メールアドレスと、パスワード回復のための質問および回答を登録するといった標準的なものを想定します。

 図

図1 今回作成するページ

ここでは、 CreateUser.aspx Web フォームを追加した状態から、その上に次の手順でユーザー登録機能を作成します。なお、あらかじめ Web サイト管理ツールを使って、サイトへのアクセス方法を「インターネットから」に設定し、フォーム認証を有効にしておきます(Web.config を直接編集しても可)。

  1. CreateUserWizard コントロールを配置

  2. コントロールのデザインを設定

  3. ボタンやラベルの表示テキストを編集

  4. 検証エラーメッセージを編集

  5. 登録終了後のリダイレクト先 URL を設定

  6. ユーザー作成後自動ログインするかどうかを設定

  7. 実行

(1) CreateUserWizard コントロールを配置

最初に、CreateUserWizard コントロールを配置します(図2)。デザイナ上で配置するのではなく、HTML ソースを直接記述することも可能です(図3)。

 図

図2 CreateUserWizard コントロール

図3 HTML ソース

(2) コントロールのデザインを設定

次に、CreateUserWizardコントロールおよびその中にある各コントロールに対し、デザインを設定します。プロパティの「スタイル」グループ(図4)で細かい設定ができるほか、デザイナ上から「CreateUserWizard タスク」を展開し、[オートフォーマット] を利用することも可能です。今回は、オートフォーマットで「クラシック」を選択します(図5)。

 図

図4 スタイルに関するプロパティ

図5 オートフォーマットによる整形

(3) ボタンやラベルの表示テキストを編集

必要に応じて、ボタンやラベルの表示テキストを変更します。そのために、プロパティの「表示」グループ内の値を編集します。ここでは「ユーザー名:」を「ユーザーID:」に変更するため、UserNameLabelText プロパティを編集します(図6)。

 図

図6 ラベルの表示テキストを変更

(4) エラーメッセージを編集

必要に応じて、エラー時のメッセージを変更します。今回は InvalidPasswordErrorMessage プロパティの値を編集し、パスワード設定値が不適切だった場合のエラーメッセージを変更します(図7)。

図7 パスワード設定値が不適切だった場合の警告文

(5) 登録終了後のリダイレクト先 URL を設定

ユーザー登録終了後([続行] ボタンクリック時)にリダイレクトするページの URL を設定するため、ContinueDestinationPageUrl プロパティを編集します。今回は、「Default.aspx」に設定します(図8)。

 図

図8 リダイレクト先の設定

(6) ユーザー作成後自動ログインするかどうかを設定

最後に、ユーザー作成後自動ログインするかどうかを設定します(デフォルトでは自動ログインする)。今回は、LoginCreatedUser プロパティを False にし、自動ログインしない設定にします(図9)。

 図

図9 自動ログインしないように設定

(7) 実行

以上で準備が整いました。ページをブラウザで表示し、実行してみます。ここで、ユーザー登録に必要な各データを入力します(図10)。

 図

図10 データの入力

[ユーザーの作成] ボタンをクリックすると、ユーザーが作成され、登録完了画面が表示されます(図11)。入力データに問題があった場合は、画面にエラーメッセージが表示されます(図12)。

 図

図11 登録完了

 図

図12 エラー表示

© 2008 Microsoft Corporation.All rights reserved. 使用条件  |  商標  |  プライバシー
Page view tracker