MyEclipse開發(fā)JSF中創(chuàng)建JSP頁面元素是如何的呢？現(xiàn)在我們開始從創(chuàng)建HTML Form元素開始,用來包括登錄控件:

MyEclipse開發(fā)JSF之創(chuàng)建JSP頁面元素圖1

Figure 5.5a: Create the new form

現(xiàn)在來創(chuàng)建username 的組件h:inputText,如圖:

MyEclipse開發(fā)JSF之創(chuàng)建JSP頁面元素圖2

Figure 5.6: Adding new inputText component

MyEclipse開發(fā)JSF之創(chuàng)建JSP頁面元素圖3

Figure 5.7: Adding new inputText component continued

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

MyEclipse開發(fā)JSF之創(chuàng)建JSP頁面元素圖4

Figure 5.8 Adding new inputSecret component

MyEclipse開發(fā)JSF之創(chuàng)建JSP頁面元素圖5

Figure 5.9 Adding new inputSecret component continued

現(xiàn)在添加username和password的輸出標簽.

MyEclipse開發(fā)JSF之創(chuàng)建JSP頁面元素圖6

Figure 5.10: Adding outputLabel component to our userName component

以同樣的方式來增加h:inputSecret標簽,這些做完以后,手動改變h:outputLabel 和 h:outputText的位置,如下所示:

MyEclipse開發(fā)JSF之創(chuàng)建JSP頁面元素圖7

Figure 5.11: Adding outputText components to our labels

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

MyEclipse開發(fā)JSF之創(chuàng)建JSP頁面元素圖8

Figure 5.12: Adding a new commandButton component

MyEclipse開發(fā)JSF之創(chuàng)建JSP頁面元素圖9

Figure 5.13: Adding a new commandButton component continued

現(xiàn)在的頁面如下所示:

MyEclipse開發(fā)JSF之創(chuàng)建JSP頁面元素圖10

Figure 5.14: Our almost-complete userLogin.jsp page

至此, userLogin.jsp已經(jīng)建立完畢。

MyEclipse開發(fā)JSF之創(chuàng)建JSP頁面元素就講到這里，通過JSP頁面的構(gòu)架讓我們掌握了MyEclipse開發(fā)JSF中創(chuàng)建JSP頁面元素的情況，之后我們將繼續(xù)向你介紹。

網(wǎng)站題目：MyEclipse開發(fā)JSF之創(chuàng)建JSP頁面元素淺析
分享URL：http://uogjgqi.cn/article/dhphchc.html