2.3 設計頁面結構

在用戶執行登錄、退出和注冊時分別需要各自的顯示頁面供用戶輸入信息。首先需要進入的是登錄頁面，登錄后跳轉到歡迎頁面，在歡迎頁面又可以退出到登錄頁面，從登錄頁面跳轉到注冊頁面進行注冊，注冊成功后即可返回登錄頁面進行登錄。頁面流程圖如圖2-4所示。

下面就來設計3個頁面的顯示元素。

2.3.1 登錄界面

該界面是系統的主界面，用以進行用戶登錄，包括：

● 用戶名和密碼的輸入框。

● 提供【登錄】按鈕進行登錄。

● 【注冊】按鈕，用以跳轉到注冊頁面。

該界面的窗口如圖2-5所示。

該頁面將是系統的默認首頁面，任何未登錄的用戶訪問該系統時，都將跳轉到該頁面。

2.3.2 登錄后的歡迎界面

當用戶登錄成功后，會跳轉到歡迎頁面。該頁面包括：

● 顯示登錄時用戶輸入的用戶名，用以標志當前登錄用戶的身份，并輸出歡迎信息。

● 【退出】按鈕，單擊該按鈕可以退出系統，并返回到登錄界面。

該界面的窗口如圖2-6所示。

該歡迎頁面表示的是系統登錄后的首頁面，因此除了顯示歡迎信息外，還需要提供頁面導航列表，用以擴展其他的管理模塊。并在頁面的上方增加LOGO的圖片欄，這樣就形成了一個完整的登錄成功后的主界面了。

在后面的企業信息管理系統的開發中，我們也將在該導航欄中增加新的模塊，進行擴展開發。

2.3.3 注冊界面

注冊頁面用以輸入用戶注冊時需要的信息，內容如下。

● 用戶名輸入框：該用戶名不能夠與已有的用戶名重復。

● 密碼框和密碼確認框：用戶第一次注冊時，需要提供一個新的密碼，并同時要求輸入確認密碼，保證兩次輸入的密碼相同，以確保用戶沒有輸錯密碼。

● E-mail地址框：讓用戶輸入個人的E-mail地址。

● 【注冊】按鈕：單擊該按鈕進行注冊。

● 【返回】按鈕：單擊該按鈕返回到登錄頁面。

該界面的窗口如圖2-7所示。