MyEclipse開發(fā)JSF之創(chuàng)建JSP頁面元素淺析
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的輸出標(biāo)簽.
MyEclipse開發(fā)JSF之創(chuàng)建JSP頁面元素圖6
Figure 5.10: Adding outputLabel component to our userName component
以同樣的方式來增加h:inputSecret標(biāo)簽,這些做完以后,手動(dòng)改變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ù)向你介紹。
【編輯推薦】
