MyEclipse官方正版下載

本教程介紹了一個使用MyEclipse的 JSF 演示登錄應用程序，本篇教程將介紹以下相關內容。

自定義userLogin.jsp

在此頁面上，您需要構建登錄表單。

1. 刪除默認文本，打開 JSF Core 工具面板，然后選擇 loadBundle 工具。



2. 在畫布上的框內單擊。這會添加捆綁包的基本名稱，以便頁面可以使用之前創(chuàng)建的 MessageBundle。
3. 在 Basename 字段中鍵入com.jsfdemo.MessageBundle并在 Properties 視圖的 Var 字段中鍵入bundle。



4. 打開 JSF HTML 工具面板，單擊表單工具，然后單擊 loadBundle 組件下的頁面。

注意：要查看工具選項板，您必須打開設計視圖。單擊 以僅顯示設計視圖，或單擊 以顯示設計視圖和源視圖。

5. 在 Properties 視圖的 id 字段中鍵入loginForm。



該頁面現(xiàn)在有一個 HTML 表單元素來包含登錄控件。需要添加輸入文本框。從用戶名的 h:inputText 組件的標簽開始。 

6. 單擊輸出標簽工具，然后在表單內單擊。
7. 在屬性視圖的值字段中鍵入#{bundle.user_name_label}并在 for 字段中鍵入userName 。輸出標簽組件屬性



8. 單擊文本輸入工具，然后單擊用戶名標簽后的表單內部。在 id 字段中鍵入userName ，在value字段中鍵入#{UserBean.userName}。單擊 Attributes，然后為 JSF>required 屬性值選擇 True。添加新的 inputText 組件



9. 單擊輸出標簽工具，然后單擊用戶名輸入文本字段后的表單內部。
10. 在屬性視圖的值字段中輸入 #{bundle.user_password_label} 并在for字段中輸入密碼。
11. 單擊 Secret Input 工具，然后在標簽后的表單內單擊。在屬性視圖的 id 字段中輸入密碼，在值字段中輸入#{UserBean.password} 。單擊 Attributes，然后為 JSF>required 屬性值選擇 True。秘密輸入組件屬性



12. 手動更改 h:outputLabel 組件以環(huán)繞 h:inputText 組件。包裝組件看起來像下面的代碼片段：

    <h:outputLabel value="#{bundle.user_name_label}" for="userName">
    
       <h:inputText id="userName" value="#{UserBean.userName}" required="true" />
     </h:outputLabel>
    
    
    <h:outputLabel value="#{bundle.user_password_label}" for="password">
       <h:inputSecret id="password" value="#{UserBean.password}" required="true" />
    </h:outputLabel>

注意：請務必同時修改用戶名標簽和密碼標簽。

13. 單擊命令按鈕工具，然后在窗體內部單擊。
14. 在快速編輯屬性視圖的值字段中輸入 #{bundle.login_button_label} 并在操作字段中輸入#{UserBean.loginUser} 。



15. 打開 HTML 4.0 工具面板，點擊換行工具，點擊每個輸入組件后的頁面，將組件放在不同的行上，按CTRL+S保存。



userLogin.jsp 頁面的布局更改

本次MyEclipse使用教程介紹了MyEclipse 中的將 JSF 用于 Web 應用程序的相關內容，想要了解全部教程

MyEclipse | 下載試用

MyEclipse是功能最全面、性價比最高的企業(yè)級Java IDE之一。

MyEclipseQQ群：742336981      歡迎進群一起討論