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运行界面