例中我们切换到设计/源码模式, 因为这样可以很容易的在编辑页面时同时看到两个视图. 显示结果如下图 7.4所示:
图 7.4: 切换到设计 / 源码模式并且展开 JSF 组件板
现在, 我们需要对这个页面进行如下修改:
? 给username添加一个h:inputText 组件
? ? ?
给password添加一个 h:inputSecret 组件 给username inputText 添加一个 h:outputLabel 给 password 添加一个h:outputLabel
注意 : 在 4.0 版里面的 JSF 设计器不支持从 MessageBundle 中读取值显示在
outputLabel, 所以为了能够在设计器中看到我们的 outputLabels , 我们将在代码中手工修改他们来将他们的值绑定为 MessageBundle 中的值 . 这个问题将在 MyEclipse 4.1 版本修正 ( 译者注 : 现在已经是 MyEclipse 6.0 了 , 这个问题应该早已被修正了 ).
要做的第一件事就是删除默认的模版文字, 然后手工键入我们的资源包的基础名字然后我们可以使用MessageBundle. 这个JSP最后将会如图 7.5这样结束:
图 7.5: 删除模版文字并且向 JSP 页面添加我们的 MessageBundle
图 7.5a: 创建新表单
在图 7.5a 我们创建了新的HTML表单元素来包含我们的登录控件. 现在我们将会真正的创建输入文本框!
现在我们给username创建h:inputText组件, 参考 图 7.6 和 7.7:
图 7.6: 添加新的 inputText 组件
