Gwt1

GWT アプリケーション開発の基本その１　～ DB からデータを読んで Grid に表示する～（株）ケーピーエス　伊東成幸

目次  サンプルの紹介  開発環境  クライアント・サーバー間通信の概要  クライアントモジュールの実装  サーバーモジュールの実装  RPC 通信の実装  GWT の可能性 (GXT アプリケーション )

１．サンプルの紹介  GWT アプリケーション

２．開発環境  Java 5.0  Tomcat 5.5  GWT 1.6  postgres 8.2  Windows Vista Business  Eclipse 3.4

３．クライアント・サーバー間通信の概要  通信の仕組み１． GWT では、クライアント・サーバー間通信をメッセージ交換ではなく　手続き呼び出し (Remote Procedure Call ・以下 RPC) を使う。 2 ．クライアント側ではサーバーのサービスメソッドを呼び出して、　　　その結果を戻り値として受け取る。 GWT で決められた手続きに従って 3 ．サーバー側では、サービスメソッドが呼び出される事でクライアント作成したモジュールで通信を行います。　　　からの呼び出しと引数を受信する。 (Ajax と同じ XMLHttpRequest をラ 4 ．通信は非同期で行われる。ップ )

３．クライアント・サーバー間通信の概要 Client Module Server Module GWT 側で提供 ServiceDefTarget RemoteService RemoteServiceServlet < interface > < interface > 開発者が作成 ServiceProxy Service ServiceImpl ( 注 1) < interface > extends ServiceAsync implements 注 1 GWT が自動生 < interface > 成

３．クライアント・サーバー間通信の概要  ServiceProxy を生成するネーミングルール１． Proxy インターフェース名は『サービスインタフェース名 + Async 』２． Proxy のメソッド名はサービスインタフェースのメソッド名と同じにする。 ⇒ 戻り値は『 void 』とする。 ⇒ 引数の最後にサービスの結果を受ける AsyncCallback 型　のオブジェクトを追加する

４．クライアントモジュールの実装 Client Module Server Module GWT 側で提供 RemoteServiceServlet ServiceDefTarget RemoteService < interface > < interface > 開発者が作成 ① ③ ServiceProxy ShohinService ShohinServiceImpl ( 注 1) < interface > ② extends ShohinServiceAsync implements < interface > 注 1 GWT が自動生成

４．クライアントモジュールの実装 ■ Service ・ Proxy インターフェースの作成 ① ShohinServiceの作成 ② ShohinServiceAsync の作成

４．クライアントモジュールの実装 ShohinService の作成 a ）マーカーインターフェースである RemoteService を継承したサービスの作成 b ）サーバーが提供するサービスをメソッドとして宣言する。 public interface ShohinService extends RemoteService { public List shohin(String shohinMakerCode); }

４．クライアントモジュールの実装 ② ShohinServiceAsync の作成 a ）メソッドの戻り値を void とする b ） ShohinService のメソッドに AsyncCallback 型のオブジェクトを追加する。 c ）非同期での戻り値を AsyncCallback 型のオブジェクトで受け取る。 public interface ShohinServiceAsync { public void shohin(String shohinMakerCode,AsyncCallback callback); }

５．サーバーモジュールの実装 ■ サービスメソッドの作成とサーブレット登録 ① ShohinServiceImpl の作成 ② Servlet への登録

５．サーバーモジュールの実装  ShohinServiceImpl の作成 a ） HttpServlet を継承している RemoteServiceServlet を継承する。 b ） ShohinService を実装する。 c ）サービスクラスは、サーブレットとして実行されるのでスレッドセーフにする。 public class ShohinServiceImpl extends RemoteServiceServlet implements ShohinService { public List shohin(String shohinMakerCode) { ： return list; 内容は次ページに } }

５．サーバーモジュールの実装  ShohinServiceImpl の作成　 a ） shohin メソッドの内容 Class.forName("org.postgresql.Driver"); Connection con = 　　　 DriverManager.getConnection("jdbc:postgresql://*****", "*****", "*****"); String sql = "select * from shohin where shohin_maker_cd = ?;"; PreparedStatement st = con.prepareStatement(sql.toString()); st.setString(1,shohinMakerCode); Shohin クラスは ResultSet rs = st.executeQuery(); while (rs.next()) { IsSerializable Shohin shohin = new Shohin(); を shohin.setShohinCd(rs.getString(1)); : 実装した list.add(shohin); JavaBean } return list;

５．サーバーモジュールの実装  JavaBean(Shohin) の内容　 a ）プロパティの定義とゲッター・セッターのみ public class Shohin implements IsSerializable ｛ private String shohinCd; 他にも使用でき private String shohinName; る型の限定があ : ります public Shohin(){ （次ページへ） } public String getShohinCd() { return shohinCd; } public void setShohinCd(String shohinCd) { this.shohinCd = shohinCd; } 　　　　　　　　　　　 : }

５．サーバーモジュールの実装　　 RPC 通信で使用できる型　 a ）基本型・参照型・配列・クラス・ユーザ定義型があります基本型 char 、 byte 、 short 、 int 、 long 、 boolean 、 float 、 double 参照型 String 、 Date 、 Char 、 Byte 、 Short 、 Integer 、 Long 、 Boolean 、 Float 、 Double 配列・クラス配列、 List 、 Map 、 Set 、 ArrayList 、 HashMap 、 HashSet 、 Stack 、 Vecto r、 AbstractList 、 AbstractCollection 、 AbstractMap 、 AbstractSet 、 Collectio n ユーザ定義型 IsSerializable インターフェースを実装したユーザ定義クラス

５．サーバーモジュールの実装 ② Servlet への登録 a ）サービスクラスを Servlet として、『 web.xml 』に登録する。 <servlet> <servlet-name>shohin</servlet-name> <servlet-class> jp.co.kpscorp.SeminarGXT.gwt.server.ShohinServiceImpl </servlet-class> </servlet> <servlet-mapping> <servlet-name>shohin</servlet-name> <url-pattern>/SeminarGXT/shohin</url-pattern> </servlet-mapping>

６． RPC 通信の実装  Entry ポイントの作成 a ）プロキシのインスタンスを取得する。 b ）エントリーポイントにサービスへの接続点を設定する。 ShohinServiceAsync proxy = 　 (ShohinServiceAsync)GWT.create(ShohinService.class); ServiceDefTarget entrypoint = (ServiceDefTarget)proxy; String entryURL = GWT.getModuleBaseURL() + "shohin"; entrypoint.setServiceEntryPoint(entryURL); サーブレットの url- pattern

６． RPC 通信の実装 ② サービスの結果に対する処理を決める a ） AsyncCallback の作成時に「 onSuccess 」と「 onFailure 」を実装します。 b ）結果により、「 onSuccess 」 ( 成功 ) と「 onFailure 」 ( 失敗 ) で処理を振り分ける。 AsyncCallback callback = new AsyncCallback(){ public void onFailure(Throwable caught) { Window.alert(caught.toString()); } public void onSuccess(Object result) { : } } 内容は次ページに

６． RPC 通信の実装 ② サービスの結果に対する処理を決める a ） onSuccess 時の処理 public void onSuccess(Object result) { List list = (List)result; Grid grid = new Grid(list.size(),5); grid.setStyleName("shohinGrid meisai"); ColumnFormatter cf = grid.getColumnFormatter(); for(int a=0; a<list.size(); a++){ Shohin shohin = (Shohin)list.get(a); grid.setText(a,0,shohin.getShohinCd()); grid.setText(a,1,shohin.getShohinName()); : cf.setStyleName(0,"ShohinCd"); cf.setStyleName(1,"ShohinName"); : } }

６． RPC 通信の実装 ③ サービスを呼び出す a ）作成したプロキシーと AsyncCallback オブジェクトを使いサービスを呼び出す。 b ）通信は非同期で行われ、結果は onSuccess と onFailure に返る。 ShohinServiceAsync proxy = 　 (ShohinServiceAsync)GWT.create(ShohinService.class); AsyncCallback callback = new AsyncCallback(){ ･･ } String shohin_maker_cd; proxy.shohin(shohin_maker_cd,callback);

７． GWT の可能性 (GXT アプリケーション )  GXT とは？　 ExtGWT （以下、 GXT ）は、 RIA 開発用の JavaScript フレームワークで　有名な『 Ext JS 』の GWT 版であり、 Java のコードだけで　 JavaScript の動的な動き (Ajax) を実現するフレームワークです。　 GXT では様々な部品が用意され、サンプルソースも公開されています。　　最後に、ここまで作成した GWT アプリケーションの GXT 版を紹介します。

７． GWT の可能性 (GXT アプリケーション )  GXT アプリケーション

７． GWT の可能性 (GXT アプリケーション )  KPS フレームワーク

http://kpnote.cocolog-nifty.com	403
http://kptech.cocolog-nifty.com	247
http://extjs.co.jp	77
http://www.extjs.co.jp	48
http://webcache.googleusercontent.com	13
http://74.125.153.132	6
http://www.slideshare.net	5
http://74.125.45.132	1

Gwt1

by katsu.taira on Jul 08, 2009

Accessibility

Categories

Upload Details

Usage Rights

8 Embeds 800

Statistics

Gwt1 — Presentation Transcript