Recommended
More Related Content
What's hot
What's hot (20)
Similar to JSF2.2で簡単webアプリケーション開発
Similar to JSF2.2で簡単webアプリケーション開発 (20)
JSF2.2で簡単webアプリケーション開発
- 6. JSFとは
- 8. JSF≠Struts
- 9. JSFの開発はとても簡単
- 10. Strutsの場合 <html:form action=”/act1”> <html:submit value=”act1”/> </html:form> <html:form action=”/act2”> <html:submit value=”act2”/> </html:form> JSP Act1Action Act1Form Act2Form Act2Action <struts-config> <form-beans> <form-bean name=”act1Form”/> <form-bena name=”act2Form”/> </form-beans> <action-mappings> <action path=”act1”/> <action path=”act2”/> </action-mappings> </struts-config> struts-config.xml
- 11. JAX-RSの場合 <form action=”/act1”> <input type=”submit” value=”act1”/> </form> <form action=”/act2”> <input type=”submit” value=”act2”/> </form> HTML @Path public class ActResource { @POST @Path(“act1”) @Produces(“text/html”) public Viewable act1() { //... } @POST @Path(“act2”) @Produces(“text/html”) Public Viewable act2() { //... } }
- 12. JSFの場合 <h:form> <h:commandButton type=”submit” value=”act1” action=”#{actBean.act1}”/> <h:commandButton type=”submit” value=”act2” action=”#{actBean.act2}”/> </h:form> Facelets @Named @RequestScoped public class ActBean { public String act1() { //... } public String act2() { //... } }
- 13. どうしてこんな事が 出来るのか
- 16. JSFの歴史
- 17. JSFの歴史 ● JSR127 – JSF 1.0（2004年3月） – JSF 1.1（2004年5月） ● JSR252 – JSF 1.2（2006年5月） ● Java EE 5
- 18. JSFの歴史 ● JSR314 – JSF 2.0（2009年6月） ● Java EE 6 – JSF 2.1（2010年10月） ● メンテナンスリリース ● JSR344 – JSF 2.2（2013年03月） ● Java EE 7
- 19. JSFと私
- 21. 開発環境 ● GlassFish v2 – Sun Java System Application Server 9.1 ● NetBeans5.5
- 23. JSF1系はいけてない
- 24. なぜ？
- 27. 嫌われるJSF
- 28. JSF2.0
- 29. 大きなパラダイムシフト
- 32. 昔話はこれくらいにして
- 33. JSF開発時のポイント
- 35. 環境
- 36. 環境 ● JavaとNetBeansを入れる （GlassFishを入れる） ● アプリケーションを作る – 「Maven > Webアプリケーション」がおすすめ
- 37. 初期設定
- 38. web.xml ● FacesServletの設定はJSF2.1から不要 ● error-pageのおすすめ – javax.faces.application.ViewExpiredException -> 408 ● JSFでセッションが切れた際に発生 – javax.persistence.EntityNotFoundException -> 404 ● JPAでデータが見つからない場合に発生 – 動的な画面にしたいような場合はExceptionHandlerクラス を作成する
- 42. 開発
- 43. JSFの主要要素 ● Facelets – 画面、JSPみたいなもの、xhtml ● CDI – POJO、処理を記載 ● EL – 画面出力、CDIとの紐付け
- 44. 画面遷移の仕組み ● URL=Facelets名 – /faces/index.xhtmlでindex.xhtmlを表示 ● 処理の返り値 – 処理の返り値として文字列を返す – indexという文字列を返すとindex.xhtmlに遷移 ● 文字列指定 – ボタンのactionやoutcomeに文字列で指定 – indexでindex.xhtmlに遷移
- 50. 繰り返し ● JSTLはJSFと相性が悪いので使わない方が良い （実行タイミングが違う） – c:forEach → ui:repeat – c:set → ui:param – c:if → rendered属性等
- 51. 処理の実行 ● h:commandLinkまたはh:commandButton ● action属性に実行するバッキングビーンのメ ソッドを指定 ● 普通の移動はh:linkやh:buttonを使う
- 53. ブックマーカビリティ ● f:viewParam – クエリーストリングの値をバッキングビーンにセッ トできる ● f:viewAction（f:event + preRenderView） – 初回画面表示時に処理を実行できる
- 56. 入力処理 ● 入力系のタグ – h:inputText – h:inputTextarea – h:inputSecret – h:inputHidden – h:selectOneMenu – h:selectOneRadio – H:selectOneListbox – h:selectBooleanCheckbox – h:selectManyCheckbox – h:selectManyManu – h:selectManyListBox
- 57. 日付型の入力処理 ● コンバータ – f:convertDateTimeタグを使用 – DateとStringの相互変換を行う – timeZoneを指定しないと９時間ずれるので注意
- 58. 関連クラスを選択 ● カスタムコンバータ – 本が所属するカテゴリーを選択したい – キー名とオブジェクトを相互変換 – h:selectOneMenuで選択 本 カテゴリー n 1
- 61. 入力チェックしたい ● バリデーション – JSFのバリデータ。f:validateLength等 （今時は使わない） – Beanバリデーション ● @Size(min = 4)で４文字以上
- 64. メッセージバンドル ● Facesメッセージの変更 – javax.faces-2.2.0.jarから javax.faces.Messages.propertiesを取得 – 修正してクラスパスに配置 – faces-config.xmlにmessage-bundleを指定
- 65. Beanバリデーションのメッセージ ● Beanバリデーションのメッセージも変えたい – バリデーションのロケール指定 – ValidationMessages.propertiesをクラスパスに 配置 ● Hibernate ValidatorのJarファイルの org.hibernate.validatorパッケージ等から取得する。
- 67. メッセージのロケール化 ● リソースバンドルの使用 – FaceletsではELで参照 – ソース内では ● 長い．．． FacesContext fc = FacesContext.getCurrentInstance(); fc.getApplication().getResourceBundle(fc, "msg").getString("message.text"); #{msg['message.text']}
- 71. Ajax ● 画面を部分更新したい ● f:ajaxタグを使う – executeで送信データ、renderで書き換える部分 を指定 – 複数指定する場合はスペース区切り – 「:」を付けるとルートからの指定 – executeには@this, @form, @all, @noneも指定で きる
- 74. 処理でRequestにアクセスしたい ● FacesContext – 処理内でHTTPServletRequestやSessionにアクセ スしたい – FacesContextを使う – Request以外にも様々な情報にアクセス出来る
- 75. これくらい知ってれば大体大丈夫！
- 76. 最後にJSFの問題点
- 77. JSFの問題点 ● 動的な画面の生成が難しい – クライアントサイドだけで処理出来ない – もっと読むとか ● パフォーマンス – まだやや遅い – JSF1が10秒、JSF2が2秒、アクション系フレーム ワークが1秒くらいのイメージ – 昔よりかなり早くなった
- 78. 是非、JSF試してみて下さい