屏幕看起来如图 32 所示。您也可以预览此页面。
图 32. 页面预览
设置 JSF 导航
我们现在已经创建了 Stock History 页面，现在需要从 accessStockHistory.jsp 定义导航规则。WebSphere Studio 使用 Attribute 视图来完成这一工作。
首先，我们将定义导航：
从 Project Navigator 中，打开 accessStockHistory.jsp。
图 33. 项目导航
选择 Access Stock History 按钮。
图 34. 指定导航
转到 Attribute 视图，选择 Navigation 选项卡，然后按下 Add 按钮。
图 35. 导航属性
从 Page 下拉框中选择 viewStockHistory.jsp（图 36）。Page 定义了此控件将转到的页面。为 Alias 选择 success。确保选取了 This page only，然后按下 OK。只要遇到了 success，此 faces Servlet 都将转到 viewStockHistory.jsp。此 success 字符串可以作为操作的结果返回，或者在提交时隐式设置为一个缺省值。
图 36. 添加导航规则
该导航应该如图 37 这样定义。这也将把导航条目添加到 faces-config.xml 文件中。
图 37. 导航条目
我们现在需要提交来触发此成功（success）动作，以使转发能够成功。在本练习中我们不需要单独的动作。请求变量是绑定的。另外，viewStockHistory.jsp 还将需要一个拉的 MVC 形式；只有输入（代码变量）需要推。
当 accessStockHistory.jsp 在编辑器中还处于活动状态时，在 Attributes 视图中选择 All 选项卡输入 success 作为 action。
图 38. 指定 success 动作
保存这两个 JSF 页面。如果您想要检查导航规则，请打开 faces-config.xml，如下所示：
/accessStockHistory.jsp
success
/viewStockHistory.jsp
测试 JSF 组件
通过添加 WDO 数据组件，WebSphere Studio 会自动把数据源添加到 WebSphere Unit 测试环境，这样我们就能够自动地直接测试应用程序。要测试此应用程序，请执行以下步骤：
在 Project Navigator 中右键单击 accessStockHistory.jsp 文件，然后选择 Run on Server。
图 39. 运行应用程序
在服务器启动并且浏览器呈现表单时，在空白区输入 IBM，然后按下 Access Stock History （图 40）。将显示股票历史数据（图 41）。
图 40. 新 JSP 页面
图 41. 成功的结果