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 开发AppletApplet,又叫小程序,是用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运行界面 |
联系客服