FeaturesPluginsDocs & SupportCommunityPartners

开发 Web 应用程序简介

本文档介绍了有关使用 NetBeans IDE 5.5 开发 Web 应用程序的基础知识。本文档旨在帮助您快速入门。有关使用 NetBeans IDE 的详细信息,请参见 NetBeans Web 站点中的支持和文档页

您将创建、部署并执行一个简单的 Web 应用程序。该应用程序通过 JavaServer Pages™ 页要求您输入姓名。然后,它使用 JavaBeans™ 组件在 HTTP 会话期间保留该姓名,并在另一个 JavaServer Pages 页上重复使用它。

设置 Web 应用程序项目

在开始编写代码之前,您必须确保已安装了所有必需的软件,并且正确设置了项目。

安装软件

在开始之前,您需要在计算机中安装以下软件:

(可选)可以下载并使用 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 的本地实例。否则,请执行以下步骤:

  1. 从主窗口中,选择“工具”>“服务器管理器”。
  2. 单击“添加服务器”。选择服务器类型,并为实例指定一个名称。然后,单击“下一步”。
  3. 指定服务器信息、应用服务器本地实例的位置以及要将 Web 应用程序部署到的域。

创建新的 Web 应用程序项目

  1. 选择“文件”>“新建项目”。在“类别”下选择 "Web"。在“项目”下选择“Web 应用程序”,然后单击“下一步”。
  2. 在“项目名称”下输入 HelloWeb。请注意,“上下文路径”为 /HelloWeb
  3. 将“项目位置”更改为计算机中的任意目录。从现在起,将此目录称为 $PROJECTHOME
  4. 选择源结构将遵循的建议,这纯属个人偏好:
  5. 选择要部署应用程序的服务器。仅列出在 IDE 中注册的服务器。
  6. 将“设置为主项目”复选框保留为选中状态。单击“完成”。

    IDE 将创建 $PROJECTHOME/HelloWeb 项目文件夹。该项目文件夹包含所有源代码和项目元数据,如项目的 Ant 生成脚本。HelloWeb 项目将在 IDE 中打开。您可以在“项目”窗口中查看其逻辑结构,在“文件”窗口中查看其文件结构。

创建和编辑 Web 应用程序源文件

创建和编辑源文件是 IDE 提供的最重要的功能。因为这可能才是您需要花费大量时间从事的工作。IDE 提供了各种工具,可以满足任何开发者的个人样式要求,无论您希望手动进行任何编码还是希望 IDE 为您生成大量代码。

创建 Java 包和 Java 源文件

  1. 展开“源包”节点。请注意,“源包”节点只包含一个空的缺省包节点。
  2. 右键单击“源包”节点,然后选择“新建”>“Java 类”。在“类名”文本框中输入 NameHandler,然后在“包”下拉列表中键入 org.me.hello。单击“完成”。
  3. 在源代码编辑器中,通过紧靠类声明下方键入以下行来声明某个字段:
        String name;
  4. nameHandler() 方法中添加以下行:
        name = null;

生成 getter 和 setter 方法

  1. 在类开头的字段声明中右键单击 name 字样,然后选择“重构”>“封装字段”。单击“下一步”使用缺省选项运行该命令。
  2. 单击“执行重构”。将为 name 字段生成 getter 和 setter 方法,并将其访问级别更改为私有。现在,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 文件

  1. 展开 HelloWeb 项目节点和“Web 页”节点。请注意,IDE 已创建了缺省 JavaServer Pages 文件 index.jsp。创建项目时,IDE 在源代码编辑器中已打开 index.jsp 文件。
  2. 选择 index.jsp 源代码编辑器标签。现在,index.jsp 文件在源代码编辑器中具有焦点。
  3. 在源代码编辑器右侧的组件面板中,展开“HTML 表单”并将一个表单项拖到源代码编辑器的 <h1> 标记下面。将显示“插入表单”对话框:

    组件面板

    设置以下值:

    • 操作:response.jsp
    • 方法:GET
    • 名称:Name Input Form

    单击“确定”。将在 index.jsp 文件中添加该表单。

  4. 将一个文本输入项拖到紧靠 </form> 标记前面。

    设置以下值:

    • 名称:name
    • 类型:text

    单击“确定”。将在 <form> 标记之间添加该文本输入。

  5. 将一个按钮项拖到紧靠 </form> 标记前面。

    设置以下值:

    • 标签:OK
    • 类型:submit

    单击“确定”。将在 <form> 标记之间添加该按钮。

  6. <input> 标记前面键入 Enter your name:,然后将 <h1> 标记之间的文本更改为 Entry Form

    现在,<body> 标记之间的标记如下所示:

  7. <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 文件

  1. 展开 HelloWeb 项目节点和“Web 页”节点。
  2. 右键单击“Web 页”节点,选择“新建”> "JSP",将 JavaServer Pages 文件命名为 response,然后单击“完成”。

    将在源代码编辑器中打开新的 response.jsp

  3. 在源代码编辑器右侧的组件面板中,展开 "JSP" 并将一个“使用 Bean”项拖到源代码编辑器中紧靠 <body> 标记的下面。

    设置以下值:

    • ID:mybean
    • 类:org.me.hello.NameHandler
    • 范围:session

    单击“确定”。将在 <body> 标记下面添加“使用 Bean”。

  4. 通过组件面板来添加“获取 Bean 属性”项和“设置 Bean 属性”项。然后,更改代码以使 <body> 标记之间的标记如下所示:
  5. <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>

生成并运行 Web 应用程序项目

IDE 使用 Ant 生成脚本来生成并运行 Web 应用程序。IDE 将根据您在“新建项目”向导和项目的“项目属性”对话框中输入的选项来生成您的生成脚本。

  1. 从“运行”菜单中选择“运行”>“运行主项目”(F6)。

    IDE 将构建 Web 应用程序,并使用在创建项目时指定的服务器来部署它。

  2. 在部署的 index.jsp 页的文本框中输入姓名:

    组件面板

    单击“确定”。应打开 response.jsp 页并显示问候语:

    组件面板



后续步骤

有关在 NetBeans IDE 5.5 中开发 Web 应用程序的更多信息,请参见以下资源:

要发送意见和建议、获得支持以及随时了解 NetBeans IDE Java EE 开发功能的最新开发情况,请加入 邮件列表。有关 NetBeans IDE 中即将推出的 Java EE 开发功能的详细信息,请参见 http://j2ee.netbeans.org/

Bookmark this page

del.icio.us furl simpy slashdot technorati digg
Companion
Projects:
MySQL Database Server   Open JDK: an Open SourceJDK   GlassFish Community: an Open Source Application Server    Mobile & Embedded Community    Open Solaris   java.net - The Source for Java Technology Collaboration   Virtual Box - full virtualizer  Open ESB - The Open Enterprise Service Bus Powered by