HOME / Docs & Support / NetBeans 6.0 / Web Application Documentation

Web アプリケーション開発入門

このドキュメントでは、NetBeans IDE 6.0 を使用して Web アプリケーションを開発する基本的な手順を学ぶことができます。このドキュメントは、できるだけすばやく作業を進められるように作られています。NetBeans IDE の使用方法については、NetBeans の Web サイトのサポートおよびマニュアルを参照してください。単純な Web アプリケーションを作成、配備、実行します。このアプリケーションは JavaServer Pages[tm] ページを使用して、名前の入力を求めます。続いて、JavaBeans[tm] コンポーネントを使用して、HTTP セッション中その名前を維持し、別の JavaServer Pages ページにその名前を繰り返します。

ソフトウェアのインストール

開始する前に、コンピュータに次のソフトウェアをインストールしておく必要があります。

NetBeans IDE 6.0 (ダウンロード )
Java Standard Development Kit (JDK[tm]) バージョン 5.0 またはバージョン 6.0 ( ダウンロード)

Web アプリケーションプロジェクトの準備と作成

「ファイル」>「新規プロジェクト」を選択します。「カテゴリ」で「Web」を選択します。「プロジェクト」で「Web アプリケーション」を選択して、「次へ」をクリックします。
「プロジェクト名」に HelloWeb と入力します。「コンテキストパス」が /HelloWeb になっていることに注意してください。
「プロジェクトの場所」を使用コンピュータ上の任意のフォルダに変更します。以降、このディレクトリを $PROJECTHOME と表記します。
アプリケーションを配備するサーバーを選択します。IDE に登録されているサーバーのみ表示されます。「次へ」をクリックします。
「主プロジェクトとして設定」チェックボックスがすでに選択されていることを確認します。「完了」をクリックします。
これで、 $PROJECTHOME /HelloWeb プロジェクトフォルダが作成されます。このプロジェクトフォルダには、ソースおよび、プロジェクトの Ant 構築スクリプトなどのプロジェクトメタデータのすべてが含まれます。IDE で HellowWeb プロジェクトが開きます。プロジェクトの論理構造は「プロジェクト」ウィンドウで、ファイル構造は「ファイル」ウィンドウで確認できます。

Web アプリケーションのソースファイルの作成と編集

ソースファイルの作成と編集は、IDE が提供するもっとも重要な機能です。これは、開発者が時間の大半を費やす部分です。IDE には、開発者が手動ですべてのコードを作成するか、あるいはコードのかなりの部分を IDE に自動的に生成させるかどうかに関係なく、開発者各自の開発スタイルに役立つ広範囲のツールが用意されています。

Java パッケージと Java ソースファイルの作成

「ソースパッケージ」ノードを展開します。「ソースパッケージ」ノードには、空の「デフォルトパッケージ」ノードだけ含まれていることに注意してください。
「ソースパッケージ」ノードを右クリックし、「新規」>「Java クラス」を選択します。「クラス名」テキストボックスに NameHandler と入力し、「パッケージ」ドロップダウンリストに org.me.hello と入力して、「完了」をクリックします。
ソースエディタで、クラス宣言のすぐ下に次の行を入力してフィールドを宣言します。
```
    String name;
```
次のコンストラクタを Java クラスに追加します。
```
    public NameHandler()
```
nameHandler() コンストラクタに次の行を追加します。
```
    name = null;
```

取得メソッドと設定メソッドの生成

クラスの先頭部分のフィールド宣言にある変数 name を右クリックして、「リファクタリング」>「フィールドをカプセル化」を選択します。

「リファクタリング」をクリックします。「 name 」フィールド用の取得および設定メソッドが生成され、そのアクセスレベルが private に変更されます。Java クラスは次のようになります。

    package org.me.hello;

    /**
     *
     * @author Administrator
     */

    public class NameHandler {

	private String name;

        /** NameHandler の新しいインスタンスを作成*/
        public NameHandler() {
           name = 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 フォーム」を展開し、「フォーム」項目をソースエディタ内の <h2> タグの下にドラッグします。
「挿入フォーム」ダイアログが表示されます。

次の値を設定します。
- アクション: response.jsp
- メソッド: GET
- 名前: Name Input Form
「了解」をクリックします。index.jsp ファイルにフォームが追加されます。
</form> タグの直前に「テキスト入力」項目をドラッグします。
次の値を設定します。
- 名前: name
- 種類: テキスト
「了解」をクリックします。<form> タグの間に「テキスト入力」項目が追加されます。
<form> タグの直前に「ボタン」項目をドラッグします。

次の値を設定します。
- ラベル: OK
- 種類: 送信
「了解」をクリックします。<form> タグの間に「ボタン」項目が追加されます。
h2 タグと Entry Form 間のテキストを変更します。
<input> タグの前に Enter your name: と入力し、<h2> タグに囲まれたテキストを Entry Form に変更します。
<body> タグに囲まれたタグは次のようになります。

<h2>Entry Form</h2><form name="Name Input Form" action="response.jsp">
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 を使用」項目が追加されます。
<h2> タグの間のテキストを次のように変更します。
```
<h2>Hello, !</h2>
```
パレットから「Bean プロパティーを取得」項目をドラッグし、<h2> タグ間のコンマの後にドロップします。
パレットから「Bean プロパティーを取得」項目をドラッグします。コードを変更して、<body> タグに囲まれたタグを次のようにします。

<jsp:useBean id="mybean" scope="session" class="org.me.hello.NameHandler" />
<jsp:setProperty name="mybean" property="*" />
<h2>Hello, <jsp:getProperty name="mybean" property="name" />!</h2>

Web アプリケーションプロジェクトの構築と実行

IDE では、Ant 構築スクリプトを使用し、Web アプリケーションを構築、実行します。IDE は、「新規プロジェクト」ウィザードとプロジェクトの「プロジェクトプロパティー」ダイアログで指定されたオプションに基づいて構築スクリプトを生成します。

「実行」メニューから「実行」>「主プロジェクトを実行」(F6) を選択します。
Web アプリケーションが構築され、プロジェクトを作成するときに指定したサーバーを使用して配備されます。
配備された index.jsp ページのテキストボックスに自分の名前を入力します。

「了解」をクリックします。response.jsp ページが開いて、次のメッセージが表示されます。