HOME / Docs & Support / NetBeans 5.5

開發 Web 應用程式簡介

本文將向您介紹利用 NetBeans IDE 5.5 開發 Web 應用程式的基礎知識。本文的宗旨在於讓您儘快入門。有關使用 NetBeans IDE 的詳細資訊，請參見 NetBeans 網站上的 Support and Docs page（支援與檔案頁）。

您建立、部署和執行一個簡單的 Web 應用程式。該應用程式使用 JavaServer Pages™ 頁面要求您輸入您的名字。隨後再使用一個 JavaBeans™ 元件在 HTTP 階段中存留名字，並在另一個 JavaServer Pages 頁面上重復該名字。

建立 Web 應用程式專案

在您開始編寫代碼之前，您必須確保擁有了需要的各種軟體，且專案已建立好。

安裝軟體

開始之前，需要在電腦上安裝以下軟體：

NetBeans IDE 5.5 （下載）。
Java Standard Development Kit (JDK™) version 5.0 或 version 6.0（下載）

也可以下載和使用 Sun Java System (SJS) Application Server（下載）、JBoss 或 WebLogic。但隨 IDE 套裝的 Tomcat Web Server 提供如本指南仲介紹的兩層 web 應用程式需要的一切支援。只有在需要開發企業應用程式時才需要應用程式伺服器（如 SJS Application Server、JBoss 或 WebLogic）。

利用 IDE 登錄伺服器

套裝的 Tomcat Web Server 將自動隨 IDE 登錄。但是，在您可以部署 SJS Application Server、JBoss 或 WebLogic 之前，您必須將 IDE 與本機實例登錄。如果安裝了 NetBeans IDE 5.5/SJS Application Server 套件，則會自動登錄 SJS Application Server 常式。否則，請執行如下操作：

從主視窗選擇「工具」 > 「伺服器管理員」。
按一下「新增伺服器」。選擇伺服器類型，並命名常式。然後按一下「下一步」。
執行伺服器資訊、應用程式伺服器本機常式的位置，以及您要部署的網域。

新建 Web 應用程式專案

選擇「檔案」 > 「新建專案」。在「類別」中，選擇 Web。在「專案」下，選擇 Web Application 並按一下「下一步」。
在「專案名稱」下，輸入 HelloWeb。請注意，「上下文路徑」為 /HelloWeb。
將「專案位置」變更為電腦上的任意目錄。從此時開始，此目錄就被稱為 $PROJECTHOME。
選擇來源結構依附的建議，這純粹與個人喜好有關：
- Java BluePrints。 詳細資訊，請參見 http://java.sun.com/blueprints/code/projectconventions.html。
- Jakarta。 詳細資訊，請參見 http://jakarta.apache.org/tomcat/tomcat-5.5-doc/。
選擇您希望在其上面部署應用程式的伺服器。系統只列出與 IDE 登錄的伺服器。
讓「設定為主專案」核取方塊保持被核取狀態。按一下「完成」。
IDE 建立 $PROJECTHOME/HelloWeb 專案資料夾。此專案資料夾包含所有的程式碼與專案元資料，如專案的 Ant 建置腳本。HelloWeb 專案隨即在 IDE 中開啟。您可以在「專案」視窗中檢視其邏輯結構，在「檔案」視窗檢視其檔案結構。

建立和編輯 Web 應用程式程式碼檔案

建立和編輯 Web 應用程式程式碼檔案是 IDE 擔負的最重要功能。畢竟，這是您耗時最多的地方。IDE 提供大量的工具，可以滿足任意開發員的喜好，無論您是喜好人工編寫一切代碼，還是希望 IDE 為您生成大段的代碼。

建立 Java 套件與 Java 程式碼檔案

展開「程式碼套件」節點。請注意，「程式碼套件」節點只包含一個空的預設套件節點。
右鍵按一下「程式碼套件」節點，並選擇「新建」 >「Java 類別」。在「類別名稱」文字方塊中輸入 NameHandler；在「套件」下拉功能表中輸入 org.me.hello 。按一下「完成」。
在「程式碼編輯器」中，在類別宣言下面輸入以下一行內容，宣言一個欄位：
```
    String  name;
```
在 nameHandler() 方法中新增下行：
```
    name  =  null;
```

產生 Getter 與 Setter 方法

右鍵按一下類別開始位置欄位宣言中的單字 name 並選擇「重構」 > 「封裝欄位」。按一下「下一步」，利用預設選項執行指令。

按一下「重構」。這樣，就為 name 欄位產生了 Getter 與 setter 方法，並將存取層級變更為專用。Java 類別應該類似於：

    package org.me.hello;

    /**
     *
* @author Administrator
     */

public class NameHandler {

	String  name;

/** Creates a new instance of HelloWorldApp */
        public NameHandler() {
           setName(null);
        }

        public String getName() {
           return name;
        }

        public void setName(String name) {
           this.name = name;
        }

    }

編輯預設 JavaServer Pages 檔案

展開 HelloWeb 專案節點與 Web Pages 節點。請注意，IDE 已為您建立了一個預設 JavaServer Pages 檔案，即 index.jsp。在您建立專案時，IDE 在「程式碼編輯器」中開啟 index.jsp 檔案。
選擇 index.jsp 「程式碼編輯器」標籤。index.jsp 檔案隨即成為「程式碼編輯器」的焦點。
在「程式碼編輯器」右側的「面板」中，展開 HTML Forms ，並拖動「程式碼編輯器」中 <h1> 標籤下的一個 Form。隨即顯示 Insert Form 對話方塊：

設定如下數值：
- Action: response.jsp
- Method: GET
- Name: Name Input Form
按一下「確定」。Form 隨即被新增到 index.jsp 檔案中。
將一個 Text Input 項拖到 </form> 標籤前。
設定如下數值：
- Name： name
- Type: text
按一下「確定」。Text Input 隨即被新增到 <form> 標籤之間。
將一個 Button 項拖到 </form> 標籤前。

設定如下數值：
- Label: 確定
- Type: 交付
按一下「確定」。Button 隨即被新增到 <form> 標籤之間。
輸入 Enter your name:（位於 <input> 標籤之前），並將 <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 Pages 節點。
右鍵按一下 Web Pages 節點，並選擇「新建」> JSP，將 JavaServer Pages 檔案命名為 response，然後按一下「完成」。
新的 response.jsp 隨即在「程式碼編輯器」中開啟。
在「程式碼編輯器」右側「面板」中，展開 JSP，並拖動「程式碼編輯器」中 <body> 標籤下的 Use Bean。
設定如下數值：
- ID: mybean
- Class: org.me.hello.NameHandler
- Scope: session
按一下「確定」。Use Bean 隨即被新增到 <body> 標籤之下。
從「面板」新增一個 Get Bean Property 項以及一個 Set Bean Property 項。隨後變更編碼，使 <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>