Web アプリケーション開発入門
このドキュメントでは、NetBeans IDE 5.5 を使用して Web アプリケーションを開発する基本的な手順を学ぶことができます。 このドキュメントは、できるだけすばやく作業を進められるように作られています。 NetBeans IDE の使用方法については、NetBeans の Web サイトのサポートおよびマニュアル を参照してください。
単純な Web アプリケーションを作成、配備、実行します。 このアプリケーションは JavaServer Pages[tm] ページを使用して、名前の入力を求めます。 続いて、JavaBeans[tm] コンポーネントを使用して、HTTP セッション中その名前を維持し、別の JavaServer Pages ページにその名前を繰り返します。
コーディングを開始するには、必要なすべてのソフトウェアを用意し、プロジェクトを正しく作成、設定しておく必要があります。
ソフトウェアのインストール
開始する前に、コンピュータに次のソフトウェアをインストールしておく必要があります。
必要に応じて、Sun Java System (SJS) Application Server (ダウンロード )、JBoss、または WebLogic をダウンロードし、使用することもできます。 ただし、IDE に付属している Tomcat Web サーバーには、このガイドで説明しているような 2 層 Web アプリケーションに必要なすべてのサポートが用意されています。 アプリケーションサーバー (SJS Application Server、JBoss、WebLogic など) は、エンタープライズアプリケーションを開発する場合にのみ必要です。
IDE へのサーバーの登録
付属の Tomcat Web サーバーは、IDE に自動的に登録されます。 SJS Application Server、JBoss、または WebLogic に配備するには、IDE にローカルインスタンスを登録する必要があります。 NetBeans IDE 5.5/SJS Application Server バンドルをインストールした場合は、SJS Application Server のローカルインスタンスが自動的に登録されます。 このバンドルをインストールしなかった場合は、次の手順に従います。
メインウィンドウで「ツール」>「サーバーマネージャー」を選択します。
「サーバーを追加」をクリックします。 サーバーの種類を選択し、そのインスタンスに名前を付けて 「次へ」をクリックします。
サーバー情報、アプリケーションサーバーのローカルインスタンスの場所、および配備先のドメインを指定します。
Web アプリケーションプロジェクトの新規作成
「ファイル」>「新規プロジェクト」を選択します。 「カテゴリ」で「Web」を選択します。 「プロジェクト」で「Web アプリケーション」を選択して、「次へ」をクリックします。
「プロジェクト名」に HelloWeb と入力します。 「コンテキストパス」が /HelloWeb になっていることに注意してください。
「プロジェクトの場所」を使用コンピュータ上の任意のフォルダに変更します。 以降、このディレクトリを $ PROJECTHOME
ソースコードが準拠する推奨仕様を選択します。次のどちらの仕様でもかまいません。
アプリケーションを配備するサーバーを選択します。 IDE に登録されているサーバーのみ表示されます。
「主プロジェクトとして設定」チェックボックスがすでに選択されていることを確認します。 「完了」をクリックします。
これで、$PROJECTHOME /HelloWeb
ソースファイルの作成と編集は、IDE が提供するもっとも重要な機能です。 これは、開発者が時間の大半を費やす部分です。 IDE には、開発者が手動ですべてのコードを作成するか、あるいはコードのかなりの部分を IDE に自動的に生成させるかどうかに関係なく、開発者各自の開発スタイルに役立つ広範囲のツールが用意されています。
Java パッケージと Java ソースファイルの作成
「ソースパッケージ」ノードを展開します。 「ソースパッケージ」ノードには、空の「デフォルトパッケージ」ノードだけ含まれていることに注意してください。
「ソースパッケージ」ノードを右クリックし、「新規」>「Java クラス」を選択します。 「クラス名」テキストボックスに NameHandler と入力し、「パッケージ」ドロップダウンリストに org.me.hello と入力して、 「完了」をクリックします。
ソースエディタで、クラス宣言のすぐ下に次の行を入力してフィールドを宣言します。
String name;
nameHandler() メソッドに次の行を追加します。
name = null;
取得メソッドと設定メソッドの生成
クラスの先頭部分のフィールド宣言にある変数 name を右クリックして、「リファクタリング」>「フィールドをカプセル化」を選択します。 「次へ」をクリックして、デフォルトのオプションでコマンドを実行します。
「リファクタリングを実行」をクリックします。 「name 」フィールド用の取得および設定メソッドが生成され、そのアクセスレベルが private に変更されます。 Java クラスは次のようになります。
package org.me.hello;
/**
*
* @author Administrator
*/
public class NameHandler {
private String name;
/** Creates a new instance of NameHandler */
public NameHandler() {
setName(null);
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
}
デフォルトの JavaServer Pages ファイルの編集
「HelloWeb」プロジェクトノード、「Web ページ」ノードを順に展開します。 IDE によって、デフォルトの JavaServer Pages ファイル index.jsp が自動的に作成されています。 プロジェクトを作成すると、index.jsp ファイルがソースエディタで開きます。
ソースエディタで「index.jsp 」タブを選択します。 ソースエディタで index.jsp ファイルが表示されます。
ソースエディタの右側の「パレット」で、「HTML フォーム」を展開し、「フォーム」項目をソースエディタ内の <h1> タグの下にドラッグします。 「挿入フォーム」ダイアログが表示されます。
次の値を設定します。
アクション: response.jsp
メソッド: GET
名前: Name Input Form
「了解」をクリックします。 index.jsp ファイルにフォームが追加されます。
</form> タグの直前に「テキスト入力」項目をドラッグします。
次の値を設定します。
「了解」をクリックします。 <form> タグの間に「テキスト入力」項目が追加されます。
</form> タグの直前に「ボタン」項目をドラッグします。
次の値を設定します。
「了解」をクリックします。 <form> タグの間に「ボタン」項目が追加されます。
<input> タグの前に Enter your name: と入力し、<h1> タグに囲まれたテキストを Entry Form に変更します。
<body> タグに囲まれたタグは次のようになります。
<h1>Entry Form</h1><form name="Name Input Form" action="response.jsp" method="GET">
Enter your name: <input type="text" name="name" value="" />
<input type="submit" value="OK" /></form>
JavaServer Pages ファイルの作成
「HelloWeb」プロジェクトノード、「Web ページ」ノードを順に展開します。
「Web ページ」ノードを右クリックして、「新規」>「JSP」を選択し、「JSP ファイル名」に response という名前を指定して「完了」をクリックします。
ソースエディタに新しい response.jsp が表示されます。
ソースエディタの右側の「パレット」で、「JSP」を展開し、「Bean を使用」項目をソースエディタ内の <body> タグのすぐ下にドラッグします。
次の値を設定します。
ID: mybean
クラス: org.me.hello.NameHandler
スコープ: session
「了解」をクリックします。 <body> タグの下に「Bean を使用」項目が追加されます。
「Bean プロパティーを取得」項目と「Bean プロパティーを設定」項目を「パレット」から追加します。 コードを変更して、<body> タグに囲まれたタグを次のようにします。
<jsp:useBean id="mybean" scope="session" class="org.me.hello.NameHandler" />
<jsp:setProperty name="mybean" property="*" />
<h1>Hello, <jsp:getProperty name="mybean" property="name" />!</h1>
IDE では、Ant 構築スクリプトを使用し、Web アプリケーションを構築、実行します。 IDE は、「新規プロジェクト」ウィザードとプロジェクトの「プロジェクトプロパティー」ダイアログで指定されたオプションに基づいて構築スクリプトを生成します。
「実行」メニューから「実行」>「主プロジェクトを実行」(F6) を選択します。
Web アプリケーションが構築され、プロジェクトを作成するときに指定したサーバーを使用して配備されます。
配備された index.jsp ページのテキストボックスに自分の名前を入力します。
「了解」をクリックします。 response.jsp ページが開いて、次のメッセージが表示されます。
NetBeans IDE 5.5 での Web アプリケーションの開発についての詳細は、次のリソースを参照してください。
nbj2ee
@
netbeans.org
メーリングリストに登録することによって、NetBeans IDE Java EE 開発機能に関するご意見やご提案を送信したり、サポートを受けたり、最新の開発情報を入手したりできます。 NetBeans IDE の今後の Java EE 開発機能については、http://j2ee.netbeans.org/ を参照してください。
