图 11. 特性

　　接下来，在 JSP 页面的标签下添加一个空格。从选项板（图 12），选择 Input 组件并把它拖到 Access Stock 输出组件的后面。

　　图 12. Faces Components 选项板

　　再一次从 Select Type 对话框选择 Text（图 13）。

　　图 13. 选择类型

　　JSP 页面现在看起来将和图 14 相似。在输入框后面输入一些新行。

　　图 14. 新 JSP 页面的内容区

　　从选项板（图 15）选择 Command - Button 并把它拖到 JSP 页面（图 16）。

　　图 15. 选择 Command － Button

　　图 16. 新的 JSP 页面

　　选择新的按钮，然后转到 Attributes 视图。选择 Format 选项卡并为 Label 输入 Submit Stock Request。JSP 上的按钮将会反映这个新的标签。

　　图 17. 定义 Label

　　保存（save）该 JSP 页面。

　　既然我们已创建了我们的第一个 JSF 表单，我们就将需要把控件绑定到页面数据。Page Data 视图允许 Web 开发人员为任何容许的 JSP 作用域级别创建脚本变量。

　　在 accessStock.jsp 还保持打开的同时，转到位于工作台左侧中部的 Page Data 视图。选择 JSP scripting，右键单击 requestScope，然后选择 Add Request Scope Variable（图 18）。

　　图 18. JSP scripting 菜单

　　在显示的 Add Request Scope Variable 对话框，输入下列值：

　　Variable name：symbol

　　Type：java.lang.String

　　然后选择 OK。

　　现在已定义了变量。任何支持 JSTL 表达式语言的标记现在都可以利用 ${requestScope.symbol} 来访问 symbol 变量了。JSF 标记支持 JSTL 表达式语言；JSP 2.0 也将完全支持 JSTL 表达式语言。对于 Web 开发人员来说使用表达式语言比使用 Java 中的 JSP 表达式简单得多。

　　图 19. 访问 symbol 变量

　　我们现在可以利用某个组件的 Attribute 视图来把我们已经定义的页面数据绑定到一个控件。在此，我们将把 input 控件绑定到在 requestScope 中定义的 symbol 变量：

　　突出显示 accessStock.jsp 上的 input 控件（图 20）。

　　图 20. accessStock.jsp