MyEclipse開(kāi)發(fā)JSF之創(chuàng)建JSP頁(yè)面元素淺析
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
至此, userLogin.jsp已經(jīng)建立完畢。
MyEclipse開(kāi)發(fā)JSF之創(chuàng)建JSP頁(yè)面元素就講到這里,通過(guò)JSP頁(yè)面的構(gòu)架讓我們掌握了MyEclipse開(kāi)發(fā)JSF中創(chuàng)建JSP頁(yè)面元素的情況,之后我們將繼續(xù)向你介紹。
【編輯推薦】