接下来添加h:inputSecret(不是lable)
Figure 5.8 Adding new inputSecret component
Figure 5.9 Adding new inputSecret component continued
现在添加username和password的输出标签.
Figure 5.10: Adding outputLabel component to our userName component
以同样的方式来增加h:inputSecret标签,这些做完以后,手动改变h:outputLabel 和 h:outputText的位置,如下所示:
Figure 5.11: Adding outputText components to our labels
最后添加login按钮,添加的方式和前面差不多.
Figure 5.12: Adding a new commandButton component
Figure 5.13: Adding a new commandButton component continued 现在的页面如下所示:
Figure 5.14: Our almost-complete userLogin.jsp page 至此, userLogin.jsp已经建立完毕, userLoginSuccess.jsp的建立更简单,简单的增加一个打印输出用户登录的姓名即可.
Figure 5.16: Making userLoginSuccess.jsp page print out the user‘s name 现在,这两个页面已经建立完毕,还有就是二者之间的关系还没有建立,打开faces-config.xml 的设计界面,按照以下步骤来进行关联: 1. 点击导航工具 2. 点击userLogin.jsp文件 3. 点击userLoginSuccess.jsp文件 4. 使用向导来快速创建转向 按照以下步骤来创建成功时的页面转向情况和失败时的页面转向情况.
Figure 5.17: Creating the success navigation case
Figure 5.18: Creating the success navigation case continued 二者成功创建以后的关系如图所示:
Figure 5.19: Reviewing navigation cases for our app 至此,整个应用中所需的文件都已经建立起来了.接下来就是部署和运行该应用程序.
|