使用NetBeans IDE创建并运行一个简单的web应用程序 - 编程入门网

单击“运行主项目”按钮 。

IDE 保存您的文件并且生成您的项目的应用程序。“生成输出”窗口 出现在屏幕的下方，并显示相关的状态信息。一旦您的应用程序被 生成并发布，IDE 将打开您默认的网页浏览器 （如果浏览器没有被打开的话），您的 Web 应用程序便显示出来。

在文本框中输入您的名字，单击“ Say Hello ”。

"Hello your name" 在下方显示。

浏览器将表单提交给执行您的 Web 应用程序的 Web 服务器。 应用程序执行按钮的行为函数，更新页面元素，将改变的数据 重新交给相同的页面，并且将页面发送回 Web 浏览器中。 下图显示的是提交姓名为 Gus Townsend的结果。

图 3： Hello Web 的运行结果

使用NetBeans IDE创建并运行一个简单的web应用程序(4)

将文本框替换为下拉列表

本教程余下的部分展示了如何使用“下拉列表”组件获取用户的输入来替代“文本框”，如下图所示。 这个“下拉列表”组件从数据库表 PERSON 绑定的所选项中获取列表。

图 4： Hello Web 的最终版本

在“编辑”工具栏中，单击“设计”切换到“可视化设计器”。

在“可视化设计器”中，右键单击“文本框”组件 nameField ，并从弹出菜单中选择“删除”。

从“面板”上的“基本组件”中拖拽一个“下拉列表”组件放置在您在“可视化设计器”的页面中。 移动该组件，放置在之前“文本框”组件的区域里。

请注意，如下图所示，“导航器”窗口展示了 dropDown1 组件以及 dropDown1DefaultOptions 对象。 该“下拉列表”组件的 items 属性识别包含列表中的选项的对象。 当您在页面中添加“下拉列表”组件时， IDE 同时创建了一个“默认选项”对象 （dropDown1DefaultOptions）， 并将这个对象设置为“下拉列表”组件的 items 属性的值。 只有“下拉列表”组件在“可视化设计器”中可见。 “默认选项”仅仅提供了列表里出现的选项。在其后的教程中，您可以 修改“下拉列表”组件，使它从不同的源中获取选项。

图 5：“导航器”窗口中的组件

在“属性”窗口中，更改组件的 id 为 nameDropDown.

选择“标签”组件，按住 Ctrl-Shift 从“标签”组件拖动到“下拉列表”组件。

请注意，“标签”组件的 for 属性现在为 nameDropDown。 将下拉列表与数据库表绑定

在 IDE 工作区左侧显示的“服务”窗口，包含了一个“数据库”节点。 “数据库”节点显示所有已经在 IDE 中添加了的数据库驱动以及链接。

NetBeans IDE 中有一个示例数据库： Travel 。 Travel 数据库出现在“数据库”节点的下面。 在教程的本节中，您将使用 Travel 数据库中的 PERSON 表来提供“下拉列表”组件的选项。

使用NetBeans IDE创建并运行一个简单的web应用程序(5)

在“服务”窗口中，展开“数据库”节点， 查看 Travel 数据库是否已经连接。

如果 TRAVEL 数据库的 JDBC 节点标志是损坏的，您将无法展开此节点。 IDE 并没有连接上数据库。 则链接数据库，右键单击 TRAVEL 的 JDBC 节点 并从弹出菜单中 选择“链接”。输入密码为 travel ，选择“在此会话中保存密码”，单击“OK”。 如果您

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!