MyEclipse開(kāi)發(fā)JSF中如何創(chuàng)建JSP頁(yè)面元素

這篇文章主要介紹MyEclipse開(kāi)發(fā)JSF中如何創(chuàng)建JSP頁(yè)面元素，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

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

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

Figure 5.5a: Create the new form

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

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

Figure 5.6: Adding new inputText component

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

Figure 5.7: Adding new inputText component continued

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

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

Figure 5.8 Adding new inputSecret component

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

Figure 5.9 Adding new inputSecret component continued

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

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

Figure 5.10: Adding outputLabel component to our userName component

以同樣的方式來(lái)增加h:inputSecret標(biāo)簽,這些做完以后,手動(dòng)改變h:outputLabel 和 h:outputText的位置,如下所示:

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

Figure 5.11: Adding outputText components to our labels

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

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

Figure 5.12: Adding a new commandButton component

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

Figure 5.13: Adding a new commandButton component continued

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

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

Figure 5.14: Our almost-complete userLogin.jsp page

以上是“MyEclipse開(kāi)發(fā)JSF中如何創(chuàng)建JSP頁(yè)面元素”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！