从 attribute 视图，选择 bind to 文本框旁边的按钮（图 21）。
　　图 21. attributes 视图
　　　

　　选择 requestscope 下面的 symbol 变量，然后按一下 ok（图 22）。
　　图 22. 选择页面数据对象
　　　
　　jsp 将会在输入框中显示 {symbol} 变量（图 23）。
　　图 23. 带有 symbol 变量的 jsp
　　　
　　保存这个 jsp。
　　在 jsp 页面，选择 preview 选项卡来观察结果。
　　图 24. jsp 预览
　　　
　　在 websphere application server v5.1 测试环境中测试 jsf 表单
　　我们现在将利用 websphere studio 包括的 websphere application server v5.1 unit test environment（ute）来测试该页面。
　　
　　在 project navigator 视图，右键单击 accessstock.jsp，然后选择 run on server（图 25）。
　　　
　　系统将会显示 server configuration 向导。应选择 websphere version 5.1 下面的 test environment 选项。选取 set server as project default 选项，然后选择 finish（图 26）。
　　图 26. 服务器的选择
　　　
　　一旦服务器完全启动，浏览器也应该启动了。注意 url 通过了 faces servlet。如果没有通过 faces servlet，faces 上下文将不会建立并且 jsp 提交将会失败。websphere studio 自动知道通过 faces servlet 来访问 jsp，这是因为我们在创建 web 项目的时候添加了 faces 支持。
　　图 27. universal test client 启动
　　　
　　图 28. 测试 jsp
　　　
　　在 jsp，输入值 ibm，然后单击 submit stock request（图 29）。注意页面被重新呈现，而文本框依然填充着。控件被绑定到输入和输出的请求变量。同样，如果没有设置导航或没有找到导航结果，那么 jsf 的缺省导航将重新呈现同样的页面。对于希望在同一个页面上同时使用输入和输出控件的页面，开发不带导航的 jsf 页面是很容易的。
　　图 29. 测试 jsp
　　　
　　创建并测试 accessstockhistory.jsp
　　在以上部分，我们大致创建了一个 jsf 表单。我们现在将创建第二个 jsf 表单来访问股票历史纪录，不过我们将只介绍创建过程中的基本步骤。本系列文章的第 3 部分将使用这个新的页面。
　　
　　使用 faces 组件创建的另一个表单将会返回一组股票历史记录。遵循上面的详细步骤来创建这个表单，将其命名为“access stock history”：
　　
　　新的表单看起来如下面的图 30 页面所示。
　　图 30. 新的 jsf 表单