NetBeans Visual Web JSF应用程序开发入门 - 编程入门网

拖放一个“文本字段”组件到页面上。然后拖放一个“标签”组件到页面上，输入 Name: 并按 Enter 键。按住 Ctrl-Shift 键，在“标签”组件中点击并拖放到“文本字段”组件，然后放开鼠标键。选中“标签”组件并请注意它的 for 属性现在被设置为“文本字段”的 id。设置 labelLevel 为 “强（1）”。

拖放一个“消息”组件到“文本字段”的右边。按住 Control-Shift 键，从“消息”组件拖动到“文本字段”组件。如同“标签”组件，请注意“消息”组件的 for 属性现在被设置为“文本字段”组件的 id。

拖放一个“下拉列表”组件到页面上并设置它的 label 属性为 Color。右键点击这个“下拉列表”组件并选择“配置缺省选项...”打开“选项定制器”窗口。

按下 Tab 键进入“显示”列中的“项 1”的编辑模式，然后输入 Blue。按下 Tab 键两次并将“项 2”的值改为 White。按下 Tab 键两次并将“项 3”的值改为 Green。点击“确定”按钮并注意您的改变是如何影响了可视设计器中的组件。

使用类似的步骤创建一个“单选按钮组”组件，选择项有 Blue，White，和 Red，但先别关闭“选项定制器”窗口。

在“选项定制器”窗口中，选中“选择项”复选框，然后选中“选定”列中的一个单选按钮将它设置为默认选择项。点击“确定”按钮应用所作的改变并关闭“选项定制器”窗口。在“属性”窗口中，设置 columns 属性为 3，将单选按钮从垂直排列改变为水平排列。

右键点击页面的背景，页面中任何空白的区域，然后选择“在浏览器中预览...”按钮，看看您的浏览器是如何呈现这些组件的。

了解更多

开发 Web 应用程序

获得帮助

IDE 提供了一个帮助窗口，它包含了关于 IDE 的各种帮助主题。同时，当您在一个窗口，对话框，或者组件面板中按下 F1 键时，帮助窗口便会出现并显示关于当前项的信息。访问 Visual Web JSF 包的帮助主题，包含了关于组件的帮助，您可以从主菜单中选择“帮助”>“帮助内容”并滚动到 Web 应用程序。

尝试

点击单选按钮组的属性窗口中的任意地方。按下 F1 键，查看关于单选按钮组组件属性的主题。

选择“组件面板”的“基本”类别中的“文本字段”组件。按下 F1 键，查看关于文本字段组件的帮助主题。

生成和测试 Web 应用程序

当您准备测试一个项目时，按下 F6 键或者从主菜单中选择“运行”>“运行主项目”。IDE 将执行以下动作：

保存所有需要保存的文件。

编译所有需要被编译的文件。

如果出现任何错误，IDE 将相关的错误消息显示在“输出”窗口（如下图所示）中，并停止 build-and-run 过程。点击错误消息的链接，将转到发生编译错误的源代码处。

启动应用程序服务器，如果尚未启动。

NetBeans Visual Web JSF应用程序开发入门(8)

将应用程序布署到应用程序服务器。

如果出现任何错误，IDE 将相关的错误消息显示在“输出”窗口中，并停止 build-and-run 过程。

打开浏览器并将已布署的应用程序的 URL 发送到浏览器，显示起始页面。

注意事项：如果您不是在起始页面上添加组件，在本教程此处您将无法在浏览器中看到它们。了解在您的应用

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