屏幕看起来如图 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. 成功的结果