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

Web 应用开发简介

由来自中文社区的 88250 翻译
由校对
2008 年 1 月 31 日

本文将让您了解使用 NetBeans IDE 来开发 Web 应用的基本方法。文中将演示如何创建一个简单的 Web 应用，将其部署到服务器，并在浏览器中进行浏览。这个应用使用JavaServer Pages™ (JSP)技术作为用户输入的界面处理，要求输入您的姓名。然后使用 JavaBeans™ 组件技术在 HTTP 会话期间持久化您输入的姓名，最后在另一个 JSP 页面显示您的输入。

更多的 NetBeans IDE 开发信息，请访问 Documentation, Training & Support.

预计持续时间: 25 分钟

本文将涉及如下内容：

安装开发环境及软件
创建一个 Web 应用工程
创建与编辑 Web 应用源文件
构建并运行 Web 应用
更多参考

安装开发环境及软件

在开始以前，请确保在您的计算机上安装了如下软件：

NetBeans IDE 6.0，及其 Web 与 Java EE 支持 (下载)
Java SE Development Kit&trade (下载)

注意：

为了能够运行本教程的示例应用，您必须拥有一个在 IDE 内注册过的服务器。 NetBeans IDE 的 Web 与 Java EE 支持能有让您可以选择安装 Apache Tomcat 6.0.14 Servelet 服务器，还有 GlassFish V2 应用服务器。
如果您是第一次安装 NetBeans IDE，您必须先安装Java SE Development Kit™ (JDK) 。JDK 包含了Java Runtime Environment (JRE), 即一系列开发 Java 所需的工具与 APIs。

创建一个 Web 应用工程

从主菜单选择 File > New Project (Ctrl-Shift-N)，并在工程分类中选择 Web ，选择 Web Application，然后单击 Next。
第二步，在工程名输入框里输入工程名 HelloWeb。注意上下文（Context）路径 (例如，服务路径) 变为了 /HelloWeb。
规定工程路径到您计算机上的任何目录。在本教程中，这个参考目录为 $PROJECTHOME.
选择一个您想要部署该应用的服务器。您在 IDE 中注册过的服务器在此将被列出。单击 Next。
选择作为 Main Project 选项并单击 Finish。 NetBeans IDE 将创建$PROJECTHOME/HelloWeb 工程目录。这个工程目录包含了您所有的工程源文件以及元数据文件。例如工程的 Ant 构建脚本。然后， HelloWeb 工程将在 IDE 中打开。在 welcome 页面中，即 index.jsp，将在源代码编辑器（Source Editor）中打开。您可以在 Files 视图窗口中看到工程文件的结构 (Ctrl-2)，工程的逻辑结构将在 Project 视图窗口中出现(Ctrl-1)：

创建与编辑 Web 应用源文件

创建并编辑源文件是 IDE 提供的最重要的功能。毕竟，这可能是您在工作中花费大多数时间的地方。 NetBeans IDE 提供了很多的工具让您能够以自己的风格作开发，无论您喜欢自己手写所有代码还是让 IDE 自动生成大量的代码。

创建 Java 包与 Java 源文件

在 Projects 窗口中，展开源代码包结点。请注意源代码包结点目前只包含了一个默认的包结点。
右键单击源代码包结点并选择 New > Java Class。在类名输入框中输入NameHandler并在源代码包输入框中输入 org.me.hello。单击Finish。此时源文件NameHandler.java将在源代码编辑器中打开。
在源代码编辑器中，为NameHandler声明一个String类型的变量：
```
String name;
```
为该类添加构造方法：
```
public NameHandler()
```
在构造方法 NameHandler()中添加如下代码：
```
name = null;
```

生成 Getter 与 Setter 方法

在源代码编辑器中右击 name 字段并选择 Refactor > Encapsulate Fields。封装字段对话框将打开，列出了name 字段。注意，该字段的可见性是默认的 private，而访问器（Accessors）的可见性为 public，这说明了该类变量的默认访问与修改方式是 private 的，无论 getter 与 setter 方法是否被分别提供为 public 或 private。

单击 Refactor。 name 字段的 Getter 与 Setter 方法将被自动生成。类变量的默认访问将变为 private 当 getter 与 setter 方法被以 public 方式提供之后。现在，这个 Java 类应该是这样的：

package org.me.hello;

/**
 *
 * @author nbuser
 */

public class NameHandler {

    private String name;

    /** Creates a new instance of NameHandler */
    public NameHandler() {
       name = null;
    }

    public String getName() {
       return name;
    }

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

}

编辑默认的 JSP 文件

让我们重新在源代码编辑器中打开 index.jsp 文件。
打开 Palette (Ctrl-Shift-8) 窗口，它将出现在源代码编辑器的右边，展开 HTML Forms 并拖拽一个 Form 项到源代码编辑器中 <h2> 标签后。然后一个 Form 将出现：

输入如下值：
- Action: response.jsp
- Method: GET
- Name: Name Input Form
单击 OK。此时，一个 HTML 表单已经添加到了 index.jsp 文件中。
再拖一个 Text Input 项到 </form> 标签之前，然后输入如下值：
- Name: name
- Type: text
单击 OK。此时，一个 HTML <input> 框被添加到了 <form> 表单里。
最后，拖一个 Button 项到 </form> 标签之前，然后输入如下值：
- Label: OK
- Type: submit
单击 OK。此时，又一个 HTML 按钮被添加到了 <form> 表单里。
在<input> 标签前输入 Enter your name:，然后把<h2>标签里默认的 Hello World! 更改为 Entry Form。

在源代码编辑器中右击，并选择 Format (Alt-Shift-F) 去整理一下您的代码格式。现在，您的 index.jsp 文件应该是这样的：

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <title>JSP Page</title>
    </head>
    <body>
        <h2>Entry Form</h2>

        <form name="Name Input Form" action="response.jsp">

            Enter your name:
            <input type="text" name="name" />
            <input type="submit" value="OK" />

        </form>
    </body>
</html>

创建一个 JSP 文件

在 Projects 视图窗口中，右击 HelloWeb 工程结点并选择 New > JSP，JSP 文件创建向导将打开。命名这个文件为 response，单击 Finish。此时，一个 response.jsp 文件结点将显示在 Projects 视图窗口中，位于 index.jsp 之下，并在源代码编辑器中打开这个新建的文件。
在源代码编辑器右边的 Palette 窗口中，展开 JSP 并拖一个 Use Bean 项到 <body> 标签之下。在 Insert Use Bean 对话框中输入如下的值：
- ID: mybean
- Class: org.me.hello.NameHandler
- Scope: session
单击 OK。此时， <jsp:useBean> 标签已被添加到了 <body> 标签下。
再从 Palette 中拖一个 Set Bean Property 项到 <h2> 标签之前并单击 OK。编辑 <jsp:setProperty> 标签如下所示：
```
<jsp:setProperty name="mybean" property="name" />

                    
```
更改在 <h2> 标签之间的文本，如下：
```
<h2>Hello, !</h2>
```
最后，从 Palette 中拖一个 Get Bean Property 项到 <h2> 标签后。在 Insert Get Bean Property 对话框中输入如下值：
- Bean Name: mybean
- Property Name: name
单击 OK。此时，一个 <jsp:getProperty> 标签已被添加到<h2> 标签之间了。

在源代码编辑器中右击，并选择 Format (Alt-Shift-F) 去整理一下您的代码格式。现在，您的response.jsp 文件应该是这样的：


<body>
    <jsp:useBean id="mybean" scope="session" class="org.me.hello.NameHandler" />
    <jsp:setProperty name="mybean" property="name" />

    <h2>Hello, <jsp:getProperty name="mybean" property="name" />!</h2>
</body>

构建并运行 Web 应用

NetBeans IDE 使用 Ant 构建脚本去构建与运行您的 Web 应用。 IDE 基于您在新建工程向导时的选择生成构建脚本。也可以选择它从工程的属性对话框 (在 Projects 视图窗口中，右击工程结点并选择 Properties)。/p>

在 Projects 视图窗口中，右击 HelloWeb 工程结点并选择 Run (F6)。 NetBeans IDE 构建这个 Web 应用并部署它到您在创建工程时指定的服务器上。 index.jsp 页面将在您的默认浏览器中打开：
在文本框中输入您的名字，然后单击 OK。 response.jsp 页面显示如下的一个简单问候：