前 次 前/次ボタンと目次ボタンとの区切り線

9. その他の Web コンポーネントの追加 (省略可能)

ここでは、管理対象 Bean (LoginBean) とビュー (login.jsp) を Web アプリケーションにインポートします。また、login.jsp ページのナビゲーション ルールを定義してアプリケーションを実行します。

9.1. 管理対象 Bean とビューのインポート

  1. LoginBean.java ファイルを、workshop-JSF-tutorial/web/Resources フォルダから beans パッケージにコピーします。
  2. LoginBean クラスのコードを開いて確認します。validate( ) メソッドは、ユーザのユーザ ID とパスワードを検証し、ユーザを home.jsp にナビゲートするための論理結果 login を返します。ユーザ ID またはパスワードが不正な場合は、エラー メッセージを表示して再ログインを要求するために null を返します。
  3. faces-config.xml ファイルに、管理対象 Bean として LoginBean をコンフィグレーションします。
  4. LoginBean のスコープは [request] に設定します。faces-config.xml ファイルを保存します。
  5. 次のコード行 (キーと値のペア) を application.properties ファイルに追加します。このコード行は、workshop-JSF-tutorial/web/Typing_Aid/application_properties_3.txt からコピーすることもできます。
  6. # -- ログイン ページ --
    loginPageTitle=Login to Workshop...
    loginFormHeader=Member Login
    login_NewUser=New User
    login_SignUp=Sign Up
    invalidPassword=Please provide correct password for userId: {0}
    invalidUserId=Please provide correct userId
  7. application.properties ファイルを保存します。
  8. login.jsp.txt ファイルを、workshop-JSF-tutorial/web/Resources フォルダから pages フォルダにコピーし、名前を login.jsp に変更します。

9.2. login.jsp のナビゲーション ルールの定義

LoginBean.validate メソッドは、ユーザを home.jsp ページにナビゲートするために login を返します。

  1. faces-config.xml ファイルの [ナビゲーション] ビューを使用して、login.jsp ページのナビゲーション ルールを定義します。
  2. ナビゲーション ルール /pages/login.jsp ページの新しいナビゲーション ケースを定義します。

  3. faces-config.xml ファイルを保存します。

9.3. アプリケーションの実行

  1. [プロパティ] ビューの [プロパティ シート] タブをクリックします。[実行サーバで実行] を選択します。
  2. [完了] をクリックすると、サーバが起動して login.jsp ページが表示されます。

  3. [送信] リンクをクリックし、ユーザ ID「ricky」を使用して登録します。
  4. パスワードを入力せずにログイン操作を実行し、エラー メッセージが表示されることを確認します。
  5. ユーザ ID「peter」、不正なパスワード「1234」でログインすると、次の図のようにエラー メッセージが表示されます。
  6. 正しいユーザ ID と正しいパスワードでログインすると、home.jsp ページにナビゲートされます。

  7. サーバを停止します。

チュートリアルの前後の手順に移動するには、次の矢印をクリックしてください。

 

ナビゲーションをスキップ バー   ページの先頭