NetBeansを使用してJBoss上で実行されるGWT-Extコントロールを使用してGWTアプリケーションを作成します。 ステップバイステップ

NetBeansを使用して本格的なGWTアプリケーションを作成する方法と、それをJBossアプリケーションサーバーにデプロイする方法を一般の人々と共有することにしました。 残念ながら、ネットワーク上でこのプロセスの完全な説明を見つけることができませんでした(GWTについて、GWT-EXTについて、JBossについて別々に記事があります)、すべてをまとめることにしました。 このガイドが誰かに役立ち、出発点として役立つことを願っています。 それでは始めましょう。

ご注意 たくさんの素晴らしいスクリーンショット

必要なもの:


-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.6C:\ Java \ JdkJAVA_HOME
JBoss Application Server v4.2.3 GAC:\ Java \ JBossJBOSS_HOME
Google Web Toolkit 1.6.4C:\ Java \ GWTGWT_HOME
GWT-Ext v2.0.5C:\ Java \ GXTGXT_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で、まだ仕事中です。 私はあなたのために努力しています。

Source: https://habr.com/ru/post/J62744/


All Articles