Exadel StudioによるStruts/JSF開発第4回

JSFの場合

Web Projectsビューの「WebContent」を右クリックし、「New→File→JSP」でJSPを作成するためのウィザードが起動するので、index.jsp、success.jsp、error.jspの3つを作成します。

このときTemplateで「JSFBasePage」を選んでおくと、JSF用の雛形が生成されるので便利です（図2）。なお、設定ダイアログの「Exadel → JSF → JSF Pages」で独自のテンプレートを追加することも可能です（Strutsの場合も同様です）。

図2：JSP作成ウィザード
（画像をクリックすると別ウィンドウに拡大図を表示します）

ログイン画面のソースコードはリスト2のようになります。

リスト2：index.jsp（JSF版）

%@ page language="java" contentType="text/html; charset=Windows-31J" %>

	%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>

	%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>

	

	   


	      JSFアプリケーション


	      

	   

	   

	      

	         


	            

	            

	               

	               

	            

	            

	               

	               

	            

	            

ID



	                  

	                  required="true" /> 

	                  

	               



Pass



	                   

	                  

	               




	            

	            value="ログイン" />

ID	required="true" />
Pass

リスト2の（1）の#{loginBean.id}ではテキストボックスの入力値をloginBeanのidプロパティーに、リスト2の（2）の#{loginBean.password}ではパスワードフィールドの入力値をloginBeanのpasswordプロパティーにマッピングしています。

また、どちらの場合もrequired="true"の指定によってIDとパスワードは必須入力であることを指定しています。

もし、テキストボックスに値が入力されていない場合はの部分にエラーメッセージが表示されます。また、リスト2の（3）の#{loginBean.doLogin}ではボタンが押された場合に loginBeanのdoLogin()メソッドを呼び出すよう指定しています。