MyEclipse - JSF中文版（程序员必看，精心整理，免分数）

例中我们切换到设计/源码模式, 因为这样可以很容易的在编辑页面时同时看到两个视图. 显示结果如下图 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 组件