Web应用程序是为互联网编写的应用程序，很多语言都支持Web程序的开发，例如Perl、ASP.NET、Java等。NetBeans集成开发环境提供了对Web程序开发的良好支持，可以创建空Web应用程序项目、快速编写HTML页面、建立JSP文件、开发Servlet、使用JavaServer Faces和Struts框架、开发Applet小程序、创建和使用标记等。
本章首先介绍如何开发一个可以在网页上运行的小程序，然后介绍如何开发一个包含HTML页面和JSP页面的Web应用程序。
在学习本章时，假定读者已经具有了编写JSP程序的能力，这里着重介绍如何在NetBeans集成开发环境中使用这些技术进行开发。对于一些初学者，建议首先学习必要的知识。另外，为了便于初学者学习，对于讲到的一些技术，书中都进行了必要的解释，这样可以保证读者能够顺利完成本章的学习。
本章主要内容
— Applet小程序的创建和使用
— 如何创建一个JSP应用程序
— 各个HTML组件的详细使用方法
— 各个HTML表单组件的详细使用方法
本章亮点
— Applet小程序运行时问题的处理
— 在JSP和JavaBean中访问Java DB数据库
11.1 开发Applet
Applet，又叫小程序，是用Java语言编写的一些小应用程序，这些程序直接嵌入到页面中运行。Applet是最早可以在Web页面上运行的Java技术，能同时处理图像、声音、动画等多媒体数据。通过Applet可以生成有良好人机交互界面的动态Web页面。当支持Java的浏览器（例如IE浏览器）访问包含Applet的页面时，Applet被下载到用户的计算机上执行，因此Applet的执行速度不受网络带宽的影响。
11.1.1 创建小程序
NetBeans支持Applet的创建和开发。在NetBeans集成开发环境中，既可以创建一个不带可视化编辑界面的Applet，也可以创建一个能通过窗体编辑器进行编辑的Applet。下面分别进行介绍。
1．创建不带可视化编辑界面的Applet
下面的步骤将创建一个简单的Applet程序。
创建一个Java标准应用项目，项目的名字为“AppletDemo”。创建项目时，不创建主类。
把创建的项目设置为主项目。
选择NetBeans主菜单中的“文件”à“新建文件”命令，打开“新建文件”对话框。在对话框的“类别”列表中选择“Java”节点，显示如图11-1所示的界面。
图11-1 “新建文件”对话框
这里，可以创建两种类型的Applet。如果在“文件类型”列表中选中“JApplet”节点，那么会创建一个新的JFC（Swing）Applet，即Applet将继承于javax.swing.JApplet类；如果在“文件类型”列表中选中“Applet”节点，那么会创建一个新的AWT（Abstract Window Toolkit，抽象窗口工具包）Applet，即Applet将继承于java.applet.Applet类。在“文件类型”列表中选中“JApplet”节点，单击“下一步”按钮，打开“新建 JApplet”对话框，如图11-2所示。
图11-2 “新建 JApplet”对话框
说明：前面讲的Applet是小程序的统称。下面为了区分小程序是从哪个类派生出来的，把从Applet类派生出来的小程序叫做Applet，把从JApplet派生出来的小程序叫做JApplet。
在“类名”文本框中输入JApplet的类名“MyJApplet”，单击“完成”按钮，创建一个Applet，代码如下所示。
/*
* MyJApplet.java
*
* Created on 2007年4月10日, 下午8:01
*
*/
/**
*
* @author Liu Bin
*/
public class MyJApplet extends javax.swing.JApplet {
/** Creates a new instance of MyJApplet */
public MyJApplet() {
}
}
这里创建了一个空白的JApplet，为了能够显示内容，添加如下的方法，在屏幕上绘制文本“Hello world!”。
public void paint(Graphics g) {
g.drawString("Hello world!", 50, 25);
}
添加引用“import java.awt.Graphics;”，完成一个简单Applet的创建。如果还需要添加任何功能，可以按照Applet的编程要求进行，这里不再赘述。
2．创建能通过窗体编辑器进行编辑的小程序
下面在上一个项目的基础上，创建一个带可视化编辑界面的JApplet，并添加一些简单的功能。
在上一个项目的基础上，选择NetBeans主菜单中的“文件”à“新建文件”命令，打开“新建文件”对话框。在对话框的“类别”列表中选择“Swing GUI窗体”节点，显示如图11-3所示的界面。
图11-3 “新建文件”对话框
在“文件类型”列表中选择“JApplet窗体”节点，单击“下一步”按钮，打开“新建JApplet窗体”对话框，如图11-4所示。
图11-4 “新建 JApplet窗体”对话框
在“类名”文本框中输入新Applet的名字“MyJAppletForm”，单击“完成”按钮，即可创建JApplet小程序，创建的代码如下所示。
/*
* MyJAppletForm.java
*
* Created on 2007年4月10日, 下午8:11
*/
/**
*
* @author Liu Bin
*/
public class MyJAppletForm extends javax.swing.JApplet {
/** Initializes the applet MyJAppletForm */
public void init() {
try {
java.awt.EventQueue.invokeAndWait(new Runnable() {
public void run() {
initComponents();
}
});
} catch (Exception ex) {
ex.printStackTrace();
}
}
/** This method is called from within the init() method to
* initialize the form.
* WARNING: Do NOT modify this code. The content of this method is
* always regenerated by the Form Editor.
*/
// <editor-fold defaultstate="collapsed" desc=" 生成的代码 ">
private void initComponents() {
org.jdesktop.layout.GroupLayout layout = new
org.jdesktop.layout.GroupLayout(getContentPane());
getContentPane().setLayout(layout);
layout.setHorizontalGroup(
layout.createParallelGroup(
org.jdesktop.layout.GroupLayout.LEADING)
.add(0, 400, Short.MAX_VALUE)
);
layout.setVerticalGroup(
layout.createParallelGroup(
org.jdesktop.layout.GroupLayout.LEADING)
.add(0, 300, Short.MAX_VALUE)
);
}// </editor-fold>
// 变量声明 - 不进行修改
// 变量声明结束
}
在窗体中添加一个JLabel标签和一个JButton按钮，如图11-5所示。
单击窗体编辑器工具栏中的“连接模式”按钮，再依次单击JButton和JLabel按钮，打开“连接”向导中的“选择源事件”对话框，如图11-6所示。
图11-5 在JApplet窗体中添加组件 图11-6 “连接”向导的“选择源事件”对话框
在“事件”列表中选择“action”à“actionPerformed”节点，单击“下一步”按钮，打开“连接”向导的“指定目标操作”对话框，如图11-7所示。
图11-7 “连接”向导的“指定目标操作”对话框
在列表中选择“text”选项，单击“下一步”按钮，打开“连接”向导中的“输入参数”对话框，如图11-8所示。
图11-8 “连接”向导中的“输入参数”对话框
选中“值”单选按钮，在旁边的文本框中输入“你好！！！”。单击“完成”按钮，系统自动添加如下的代码。
private void initComponents() {
jLabel1 = new javax.swing.JLabel();
jButton1 = new javax.swing.JButton();
jLabel1.setText("jLabel1");
jButton1.setText("jButton1");
jButton1.addActionListener(new java.awt.event.ActionListener() {
public void actionPerformed(java.awt.event.ActionEvent evt) {
jButton1ActionPerformed(evt);
}
});
javax.swing.GroupLayout layout = new javax.swing.GroupLayout(getContent Pane());
getContentPane().setLayout(layout);
layout.setHorizontalGroup(
layout.createParallelGroup(javax.swing.GroupLayout.Alignment. LEADING)
.addGroup(layout.createSequentialGroup()
.addGap(115, 115, 115)
.addComponent(jLabel1)
.addGap(18, 18, 18)
.addComponent(jButton1)
.addContainerGap(147, Short.MAX_VALUE))
);
layout.setVerticalGroup(
layout.createParallelGroup(javax.swing.GroupLayout.Alignment. LEADING)
.addGroup(layout.createSequentialGroup()
.addGap(120, 120, 120)
.addGroup(layout.createParallelGroup(javax.swing.GroupLayout.Alignment.BASELINE)
.addComponent(jLabel1)
.addComponent(jButton1))
.addContainerGap(153, Short.MAX_VALUE))
);
}// </editor-fold>
private void jButton1ActionPerformed(java.awt.event.ActionEvent evt) {
jLabel1.setText("你好！！！");
}
至此，创建了一个简单的带窗体的Applet。
11.1.2 运行小程序
在NetBeans集成开发环境中可以方便地运行小程序，而不必编写包含Applet标签的HTML页面。下面介绍如何运行上一小节中创建的两个小程序。
在“项目”窗口或者“文件”窗口中选中要运行的小程序的Java文件，然后选择“运行”à “运行文件”命令，或者按下快捷键Shift + F6，即可打开小程序查看器运行小程序。图11-9是MyJApplet小程序的运行界面；图11-10是MyJAppletForm小程序的运行界面。
图11-9 MyJApplet小程序的运行界面 图11-10 MyJAppletForm小程序的运行界面
在Windows中，通过文件管理器打开项目目录的build子目录。图11-11是在NetBeans中运行小程序前的界面，图11-12是运行小程序后的显示界面。通过比较可以看到，NetBeans在运行小程序时自动生成了两个HTML文件。打开MyJAppletForm.html文件，内容如下所示：
<HTML>
<HEAD>
<TITLE>Applet HTML 页面</TITLE>
</HEAD>
<BODY>
<!--
*** 生成的applet HTML启动程序 - 不要在 "BUILD" 文件夹中进行编辑 ***
如果需要修改此 HTML 启动程序文件（例如，添加 applet 参数），
请将其复制到 SRC 文件夹中 applet 类的存放位置。如果执行了此操作，
IDE 将在您运行或调试 applet 时使用该文件。
提示：要从JAR文件中排除 HTML 启动程序，请在“项目属性”
对话框的“包装”页中使用排除过滤器。
有关详细信息，请参见联机帮助。
-->
<H3><HR WIDTH="100%">Applet HTML 页面<HR WIDTH="100%"></H3>
<P>
<APPLET codebase="classes" code="MyJAppletForm.class" width=350 height=200> </APPLET>
</P>
<HR WIDTH="100%"><FONT SIZE=-1><I>由 NetBeans IDE 生成</I></FONT>
</BODY>
</HTML>
原来，NetBeans会自动生成包含Applet标签的HTML页面。因此，可以直接使用这个自动生成的HTML页面，而不必自己手工编写。除了使用小程序查看器运行小程序外，还可以在支持Java的浏览器中运行小程序，即在IE浏览器中打开MyJAppletForm.html文件，就会运行MyJApplet小程序。
图11-11 运行小程序前的界面 图11-12 运行小程序后的显示界面
注意：在IE中执行小程序前，需要首先在IE中选择“工具”à“选项”命令，打开“选项”对话框。选择对话框中的“高级”标签，如图11-13所示。这里要确认选中使用JRE。
MyJAppletForm小程序在IE中的运行界面如图11-14所示。
图11-13 确认选中使用JRE 图11-14 MyJApplet小程序运行界面
11.1.3 在JDK 1.5中运行小程序
当JDK的版本为1.5时，如果在IE中运行MyJAppletForm小程序，就会出现如图11-15所示的界面。
图11-15 MyJAppletForm小程序运行界面
在小程序上单击鼠标右键，选择弹出菜单中的“打开Java控制台”命令，打开Java控制台，如图11-16所示。从控制台显示的信息中可以看到，主要原因是没有找到org.jdesktop.layout. GroupLayout类。原来，org.jdesktop.layout.GroupLayout类在JDK 1.5中不是标准的布局类，它包含在NetBeans安装目录的platform6\modules\ext\swing-layout-1.0.jar文件中。
图11-16 Java控制台
说明：在JDK 1.6中，org.jdesktop.layout.GroupLayout类已经变为标准的布局了，因此不会出现这种问题。这里建议读者在安装NetBeans 6.0时，要首先安装JDK 1.6。
要解决这个问题，可以把org.jdesktop.layout.GroupLayout类添加到类路径中，也可以将GroupLayout布局替换为FlowLayout布局。在光盘的code\chap11\AppletDemo\src目录中，打开MyJAppletForm2.java文件，其中代码已经修改为使用FlowLayout布局：
/*
* MyJAppletForm.java
*
* Created on 2007年4月10日, 下午8:11
*/
/**
*
* @author Liu Bin
*/
public class MyJAppletForm extends javax.swing.JApplet {
/** Initializes the applet MyJAppletForm */
public void init() {
try {
java.awt.EventQueue.invokeAndWait(new Runnable() {
public void run() {
initComponents();
}
});
} catch (Exception ex) {
ex.printStackTrace();
}
}
/** This method is called from within the init() method to
* initialize the form.
* WARNING: Do NOT modify this code. The content of this method is
* always regenerated by the Form Editor.
*/
// <editor-fold defaultstate="collapsed" desc=" 生成的代码 ">
private void initComponents() {
jLabel1 = new javax.swing.JLabel();
jButton1 = new javax.swing.JButton();
getContentPane().setLayout(new java.awt.FlowLayout());
jLabel1.setText("jLabel1");
getContentPane().add(jLabel1);
jButton1.setText("jButton1");
jButton1.addActionListener(new java.awt.event.ActionListener() {
public void actionPerformed(java.awt.event.ActionEvent evt) {
jButton1ActionPerformed(evt);
}
});
getContentPane().add(jButton1);
}// </editor-fold>
private void jButton1ActionPerformed(java.awt.event.ActionEvent evt) {
jLabel1.setText("你好！！！");
}
// 变量声明 - 不进行修改
private javax.swing.JButton jButton1;
private javax.swing.JLabel jLabel1;
// 变量声明结束
}
修改以后，再次运行程序，显示小程序的运行界面如图11-17所示。
图11-17 修改布局以后的MyJAppletForm运行界面
