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