MyEclipse开发JSF之创建JSP页面元素浅析

MyEclipse开发JSF中创建JSP页面元素是如何的呢?现在我们开始从创建HTML Form元素开始,用来包括登录控件:

 

MyEclipse开发JSF之创建JSP页面元素图1

Figure 5.5a: Create the new form

现在来创建username 的组件h:inputText,如图:

 

MyEclipse开发JSF之创建JSP页面元素图2

Figure 5.6: Adding new inputText component

 

MyEclipse开发JSF之创建JSP页面元素图3

Figure 5.7: Adding new inputText component continued

接下来添加h:inputSecret(不是lable)

 

MyEclipse开发JSF之创建JSP页面元素图4

Figure 5.8 Adding new inputSecret component

 

MyEclipse开发JSF之创建JSP页面元素图5

Figure 5.9 Adding new inputSecret component continued

现在添加username和password的输出标签.

 

MyEclipse开发JSF之创建JSP页面元素图6

Figure 5.10: Adding outputLabel component to our userName component

以同样的方式来增加h:inputSecret标签,这些做完以后,手动改变h:outputLabel 和 h:outputText的位置,如下所示:

 

MyEclipse开发JSF之创建JSP页面元素图7

Figure 5.11: Adding outputText components to our labels

***添加login按钮,添加的方式和前面差不多.

 

MyEclipse开发JSF之创建JSP页面元素图8

Figure 5.12: Adding a new commandButton component

 

MyEclipse开发JSF之创建JSP页面元素图9

Figure 5.13: Adding a new commandButton component continued

现在的页面如下所示:

 

MyEclipse开发JSF之创建JSP页面元素图10

Figure 5.14: Our almost-complete userLogin.jsp page

至此, userLogin.jsp已经建立完毕。

MyEclipse开发JSF之创建JSP页面元素就讲到这里,通过JSP页面的构架让我们掌握了MyEclipse开发JSF中创建JSP页面元素的情况,之后我们将继续向你介绍。

【编辑推荐】

  1. Myeclipse、Eclipse代码提示功能设置浅析
  2. MyEclipse与Eclipse介绍浅析
  3. MyEclipse开发JSF之创建工程浅析
  4. MyEclipse开发JSF之创建Managed Beans浅析
  5. MyEclipse开发JSF之创建JSP页面浅析
THE END