双击该连接器的名称，并将该名称从 case1 改为 Page 2。

下图展示了“页面流编辑器”以及两张页面之间的连接器。

图 2：页面流编辑器

点击编辑工具栏中的“XML”，查看一下在前面两步中所生成的代码。下面粗体显示的“navigation-rule”被添加在省略号（...）所表示的受管 bean 代码下面。

代码示例 1：生成的代码

<?xml version="1.0" encoding="UTF-8"?> <faces-config version="1.2" xmlns="http://java.sun.com/xml/ns/javaee" 　 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 　 xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 　 http://java.sun.com/xml/ns/javaee/web-facesconfig_1_2.xsd"> ... 　　 <navigation-rule> 　　　　 <from-view-id>/Page1.jsp</from-view-id> 　　　　 <navigation-case> 　　　　　　 <from-outcome>Page 2</from-outcome> 　　　　　　 <to-view-id>/Page2.jsp</to-view-id> 　　　　 </navigation-case> 　　 </navigation-rule> 　　　　　　　　　　 </faces-config>

Web应用程序中的导航页面(3)

在 faces-config 标签中所添加的代码指定了用于此 web 应用程序的单向导航规则。每个导航规则指定了一张原始页面，以及一张或者多张目标页面。

在第二张页面中添加组件

现在向第二张页面中添加一个标签，以便在视觉上和第一张页面区别开来，然后运行应用程序。

点击编辑工具栏中的“页面流”。

双击 Page2.jsp 图标。

页面会在“可视化设计器”中打开。

在页面中放置一个静态文本组件，然后将其 text 属性更改为 Page Two，如下图所示。

图 3：页面 2 的布局

按下“F6”键部署应用程序。

Web 应用程序部署后，“Page One”会在浏览器中打开，如下图所示：

图 4：使用简单导航 Web 应用程序

点击“Go”按钮，将带您从第一张页面导航至第二张页面。

在本节中，您创建了两张页面，并建立了从一张页面到另一张页面的简单导航。在下一节中，您将基于下拉列表组件中的选择来建立导航。

添加用于动态导航的下拉列表

现在您将学习有关动态导航的内容。在应用程序中的第一张页面中添加一个下拉列表组件。下拉列表允许用户在运行时选择目标页面。之后，在应用程序中加入第三张页面，这样下拉列表就包含了两个目标选项。

下图展示了上述步骤对页面 1 所做的改动：

图 5：修改后第一张页面的布局

Web应用程序中的导航页面(4)

在“可视化设计器”中打开 Page1.jsp。

在静态文本组件下方放置一个下拉列表组件。

右键点击该下拉列表，选择“配置默认选项”。

在标为“选项定制器 - dropDown1”的对话框中，将每项默认条目的值更改为下图中所给出的值。点击每个表项来编辑其值，编辑每个域后按下“Enter”键接受改动。

图 6：“选项定制器”对话框

点击“确定”保存所有改动。

添加第三张页面

接下来创建第三张页面，第一张页面可以导航至该页面。

在“项目”窗口中，右键点击“NavigationExample”>“Web 页面”节点，选择“新建”>“可视化 Web JSF 页面”。在“新建可视化 Web JSF 页面”向导中，点击“完成&

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