ご注意 たくさんの素晴らしいスクリーンショット
必要なもの:
-Sun JDK v1.6
-JBoss Application Server v4.2.3 GA
-NetBeans v6.5.1
-Google Web Toolkit 1.6.4
-GWT-Ext v2.0.5
-ExtJS v2.0.2またはextjs.com/products/extjs/download.php
数点
-私のガイドでは、
C:/Java.
フォルダーを使用します
C:/Java.
その中に必要なものをすべて入れます。 同じことをお勧めします。
-Windows XPの環境変数を設定するときは、再起動することをお勧めします
ステップ1. Javaをインストールする
Javaのインストール方法はおそらく説明しません。 すべてがすでに何度も噛まれています。 完全に操作するには、 JAVA_HOME変数を環境変数に登録する必要があるとしか言えません。
ステップ2.すべてのアーカイブと環境変数を解凍する
アーカイブは次のように解凍する必要があります。 環境変数を書くことを忘れないでください。
Sun JDK v1.6 | C:\ Java \ Jdk | JAVA_HOME |
JBoss Application Server v4.2.3 GA | C:\ Java \ JBoss | JBOSS_HOME |
Google Web Toolkit 1.6.4 | C:\ Java \ GWT | GWT_HOME |
GWT-Ext v2.0.5 | C:\ Java \ GXT | GXT_HOME |


ステップ3. JBossを起動する
解凍後、JBoss / binに移動してrun.batを実行します。 すべてがうまくいけば、次のようになります。

ステップ4. NetBeansとGWT4NBプラグインのインストール
NetBeansをインストールしたら、[ツール]-> [プラグイン]に移動します。 そこで、タブでGWT4NBプラグインを選択します。 プラグインをインストールすると、次のようになります。

ステップ5. Webプロジェクトを作成する









ステップ6.プロジェクトの公開をテストする
プロジェクトを右クリックして、「デプロイ」を選択します。 JBossはすでに実行されているため、NetBeansはプロジェクトをコンパイルし、独自にサーバーに配置します。 次のようになります。

プロジェクトは、次のアドレスで利用可能になりました: http:// localhost:8080 / SampleGwtApplication 。 碑文のあるボタンがあります。
ステップ7.クライアント部分にサーバーコードを引き出すように教えます。 動作中のAJAX
これを行うには、サービスを作成する必要があります。 プロジェクトを右クリックします。



NetBeansが必要なクラスを生成した後、MainModuleEntryPoint.javaに移動して、onModuleLoad関数に次を記述します。

プロジェクトを再度公開します。 コンパイル後、テキストボックスとボタンがプロジェクトページに表示されます( http:// localhost:8080 / SampleGwtApplication )。 ボタンは、完全なajaxリクエストをサーバーに送信します。 デバイスサービスと、インターネット上で読むためにクライアントとどのように機能するかについての詳細。
ステップ8. GWT-Extを固定する
最初に行うことは、GWT-Extプロジェクトをライブラリに接続することです。 これを行うには、プロジェクトライブラリを右クリックし、[ライブラリを追加...]を選択します。

... NetBeansで新しいライブラリを作成する

ライブラリ自体を指定します。C:\ Java \ GXT \ gwtext.jar

...およびそのドキュメント

MainModule.gwt.xmlファイルに、次の 1行を追加します。

これでMainEntryPoint.javaコードでGWT-Extコントロールを使用できます。 しかし、これはすべてが機能するのに十分ではありません。 また、ExtJSクライアントスクリプトをプロジェクトに配置する必要があります。 これを行うには、Webフォルダーにスクリプト、CSS、および画像フォルダーを作成します。 ここのように:

... ext-2.0.2.zipアーカイブから、アダプターとext-all.jsをscriptsフォルダーに配置する必要があります

... cssフォルダーにext-2.0.2.zip/resources/cssのコンテンツを配置する必要があります

...画像フォルダに、ext-2.0.2.zip / resources / imagesのコンテンツを配置する必要があります

...次に、これらのスクリプトをページに接続します。 welcomeGWT.htmlファイルにそのようなことを書きます...

少し残った。 MainModuleEntryPoint.javaコードで、GWT-Extパネルとそのボタンの作成を記述します。 同様に、他のcom.gwtext.client.widgets パッケージコントロールを使用できます。

プロジェクトを再度公開し、結果を確認します

それだけです。 ご清聴ありがとうございました。
PS音節と大きな写真の不器用さを申し訳ありません。 時間は23.41で、まだ仕事中です。 私はあなたのために努力しています。