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頁面淺析