Modern Web Development with ninjaframework

Transcript

1. Modern Web Development with ninjaframework 岡山Javaユーザ会/吉田貴文(@zephiransas) 
2. #jjug_ccc or #ccc_r56 
3. 岡山Javaユーザ会 について • 岡山で勉強会やハンズオンやってます • 基本、ゆるふわ • Javaに限らずフリーに喋れます • 講師（常に）探してます 
4. 第1回 勉強会
6. Java8ハンズオン@後楽園
8. • 吉田貴文(@zephiransas) • 岡山でRailsを使ったパッケージソフト開発に従事 • 元々はSIerでJavaやってました • 岡山Javaユーザ会を主催 • 岡山でJava（や諸々）の勉強会を主催or参加 • 勉強会カメラマン(Nikon D600) 
9. よろしく お願いします 
10. Modern Web Development with ninjaframework 岡山Javaユーザ会/吉田貴文(@zephiransas) 
11. ninjaframeworkの特徴 • 100% Pure Java • Play1を諦めた、Seasar2難民、etc… • Railsライクなフルスタックフレームワーク • 既存の良いライブラリを組み合わせる • Servlet,JPA,Flyway,FreeMarker,Guice,Bean Validator… 
12. アジェンダ • 単純なCRUDアプリ • DBを使うプロジェクトをScaffold • マイグレーションでテーブルを作成 • 一覧画面の作成 • 新規登録画面の作成 • 画面表示とデータ保存 
13. Scaffold • mavenからscaffoldする • 実行するには • あとはお好みの方法でIDEに取り込み • mvn idea:idea、mvn eclipse:eclipse 
14. 
15. Scaffoldで作成される フォルダ(1) • ・assets • cssやjavascript,imageなど • ・conf • Routes,メッセージリソースなど • ・controller • コントローラ 
16. Scaffoldで作成される フォルダ(2) • ・dao • データアクセス層。通常はEntityManagerをInject してDBとのデータ入出力を行う • ・db.migration • Flywayでマイグレーションする際のSQLを置く 
17. Scaffoldで作成される フォルダ(3) • ・models • JPAのEntityを置く • ・views • FreeMarkerで書かれたテンプレートを置く 
18. Migration • Flywayを使用 • db.migrationフォルダにSQLファイルを作成 • V3__.sql,V4__.sql・・・と言った連番を付与 • mvn ninja:runで実行時、未実施のマイグレーショ ンがあれば、自動で実行 
19. V3__.sql 
20. モデルの作成 • modelsパッケージに作成 • JPAのEntityとして作成 
21. 一覧画面 • Routesの設定 • Controllerの作成 • Daoの作成 • Viewの作成 
22. Routesの設定 • conf/RoutesにURLを定義  http://localhost:8080/book にGETでアクセス時、 BookControllerのindexメソッドを実行
23. Controllerの作成(1) • controllersパッケージに作成 • 表示するビューはコントローラ名とメソッドから決定される • 明示的に指定することも可能  メソッド実行後、ビューとして views/BookController/index.ftl.htmlを返す
24. Daoの作成 • JPAを使用 • 全件を取得するfindAllメソッドを実装する  EntityManagerをInjectする
25. Controllerの作成(2)  BookDaoをInjectする 一覧データをRequestスコープにセット
26. Viewの作成 • views/BookController/index.ftl.htmlを作成 • テンプレートエンジンはFreeMarker  Controllerでセットしたbooksの各要素 を、”book”として取得 各Entityの値を埋め込み
27. 一覧画面 
28. 新規画面 Part.1 • 登録フォームを表示するまで • Dtoの作成 • Routesの設定 • Controllerの修正 • Viewの作成 
29. Dtoの作成(1) • 画面の入力内容を保持するクラス • modelsパッケージに作成 • 実際にはdto(form?)パッケージとかのほうがいいかも？ • 必要に応じて、Validation用のAnnotationを付与 • Hibernate Validatorを使用 • JSR303(Bean Validation)のAnnotationが使えます 
30. Dtoの作成(2)  必須入力チェックのAnnotationを付与
31. Routesの設定  GETで/book/newにアクセスした場合 POSTで/book/newにアクセスした場合
32. Controllerの修正(2)  初期化したDtoをセットして画面を表示する 表示するテンプレートを明示的に指定
33. Viewの作成  submit先は/book/newにPOSTメソッドで dtoの値を設定 form.ftl.html
34. 新規画面 
35. 新規画面 Part.2 • 登録フォームの内容をValidation • エラーがあれば、フォームに表示 • Routesの設定 • Daoの修正 • Controllerの修正 • Viewの作成 
36. Routesの設定 • conf/RoutesにURLを定義  http://localhost:8080/book/new にPOSTでアクセス 時、BookControllerのcreateメソッドを実行
37. Daoにメソッドを追加 • Bookを1件追加するaddメソッドを追加  @Transactionalアノテーションで、メソッド内に トランザクションを適用する 引数のEntityをinsert
38. Controllerの作成(1)  Validationを有効にする エラーメッセージをRequestスコープにセット エラーがあればtrueを返す
39. Controllerの作成(2)  Dtoの値をBook Entityに詰め替え Daoを使ってInsert 一覧へRedirect
40. Viewの作成 • エラーメッセージを表示する  Validation内容に応じたメッセージ
41. 新規画面  Validationのエラーが表示される
42. まとめ • Scaffold • マイグレーション(Flyway) • Controllerの作り方、Viewの呼び方(ninja,Guice) • Daoの作り方(JPA, Guice) • DTOを使ったValidation(Hibernate Validation) • Viewの書き方(FreeMarker) 
43. • 今日解説したコードは以下の • GitHubリポジトリにアップしています • https://github.com/zephiransas/ninja-ccc • http://goo.gl/qpAhqh 
44. ありがとう ございました