1、,第2章 設計用戶登錄模塊,【教學導航】,【任務描述】,1任務卡 任務卡如表2-1所示。,表2-1任務卡,【任務完成示范】,2.1【用戶登錄】業(yè)務需求建模,1繪制“用戶登錄”模塊的用例圖 2繪制“數(shù)據(jù)庫操作類”的類圖 3繪制“用戶登錄類”的類圖 4繪制“用戶登錄界面類”的類圖 5繪制“用戶登錄”的順序圖 6繪制“用戶登錄”的活動圖,2.2 建立數(shù)據(jù)庫和數(shù)據(jù)表,首先打開SQL Server 2000或者SQL Server 2005企業(yè)管理器新建一個數(shù)據(jù)庫，將其命名為“bookData”。這樣就創(chuàng)建了系統(tǒng)所需的數(shù)據(jù)庫。,然后在該數(shù)據(jù)庫中創(chuàng)建一個“用戶信息”數(shù)據(jù)表。,2.3 設計【用戶登錄模塊】

2、多層架構,“用戶登錄”模塊采用多層架構設計，其邏輯結構如圖2-7所示。,圖2-7“用戶登錄”模塊的多層架構,1創(chuàng)建應用程序解決方案 （1）啟動Microsoft Visual Studio.NET 2003，顯示系統(tǒng)開發(fā)環(huán)境。 （2）新建一個空白解決方案。,2創(chuàng)建數(shù)據(jù)庫訪問類庫 在【解決方案資源管理器】中用鼠標右鍵單擊【解決方案“bookMis”（0個項目）】，在彈出的快捷菜單中單擊菜單項【添加】【新建項目】，如圖2-9所示。,圖2-9解決方案對應的快捷菜單,在【添加新項目】對話框中，左側的項目類型選擇【Visual Basic項目】，右側的模板選擇【類庫】，在名稱文本框中輸入“bookDB”

3、，如圖2-10所示。,圖2-10添加新類庫的對話框,單擊【確定】按鈕，就完成了數(shù)據(jù)庫訪問類庫的創(chuàng)建。,3創(chuàng)建業(yè)務處理類庫 按照創(chuàng)建數(shù)據(jù)庫訪問類庫的操作方法，創(chuàng)建一個業(yè)務處理類庫，將其命名為“bookAPP”。,4創(chuàng)建應用程序項目 在【解決方案資源管理器】中用鼠標右鍵單擊【解決方案“bookMis”（2個項目）】，在彈出的快捷菜單中單擊菜單項【添加】【新建項目】，彈出【添加新項目】對話框。,在該對話框中，左側的項目類型選擇【Visual Basic項目】，右側的模板選擇【W(wǎng)indows應用程序】，在名稱文本框中輸入“bookUI”，如圖2-11所示。,圖2-11添加Windows應用程序的對話框

4、,單擊【確定】按鈕，就完成了應用程序項目的創(chuàng)建。,2.4 創(chuàng)建類,2.4.1創(chuàng)建數(shù)據(jù)庫操作類 1數(shù)據(jù)庫操作類（bookDbClass）各個成員的功能說明,根據(jù)數(shù)據(jù)庫操作類的模型創(chuàng)建數(shù)據(jù)庫操作類（bookDbClass），數(shù)據(jù)庫操作類（bookDbClass）各個成員的功能如表2-5所示。,表2-5 bookDbClass各個成員的功能,2添加類 在【解決方案資源管理器】中用鼠標右鍵單擊類庫【bookDB】，在彈出的快捷菜單中單擊菜單命令【添加】【添加新項】，打開【添加新項】對話框，右側的模板選擇【類】，在名稱文本框中輸入類的名稱“bookDbClass.vb”，如圖2-13所示。,圖2-13【

5、添加新項】對話框,單擊【打開】按鈕，這樣便新建一個類，并自動打開類代碼編輯器。,3數(shù)據(jù)庫操作類（bookDbClass）各個成員的代碼編寫 雙擊類文件“bookDbClass.vb”，打開代碼編輯器窗口，在該窗口中編寫程序代碼。,（1）引入命名空間。 （2）聲明數(shù)據(jù)庫連接對象。 （3）編寫方法openConnection的程序代碼,（4）編寫方法createDataTableBySql的程序代碼。 （5）編寫方法createDataTableByKey的程序代碼。 （6）編寫方法checkSqlconnection的程序代碼。,2.4.2創(chuàng)建業(yè)務處理類 1業(yè)務處理類（loginClass）各個

6、成員的功能說明 根據(jù)業(yè)務處理類的模型創(chuàng)建業(yè)務處理類（loginClass），業(yè)務處理類（loginClass）各個成員的功能如表2-12所示。,表2-12 loginClass類各個成員的功能,2添加引用 在業(yè)務處理類loginClass中使用bookDB類庫bookDbClass類中所定義的方法，必須將類庫bookDB添加到類庫bookAPP的引用中。,3添加類 參照2.4.1小節(jié)中的方法，在bookAPP類庫中添加一個類“l(fā)oginClass.vb”。,4業(yè)務處理類（loginClass）各個成員的代碼編寫 雙擊類文件“l(fā)oginClass.vb”，打開代碼編輯器窗口，在該窗口中編寫程序代

7、碼。,2.5 設計【用戶登錄】 應用程序界面,1添加Windows窗體,在【解決方案資源管理器】中用鼠標右鍵單擊項目【bookUI】，在彈出的快捷菜單中單擊菜單命令【添加】【添加Windows窗體】，打開【添加新項】對話框，右側的模板選擇【W(wǎng)indows窗體】，在名稱文本框中輸入窗體的名稱“usersLogin.vb”，如圖2-15所示。,圖2-15添加Windows窗體的對話框,單擊【打開】按鈕，這樣便新建了一個Windows窗體，并自動打開窗體設計器。,2設計窗體外觀 在窗體中添加1個GroupBox控件、1個PictureBox控件、2個Label控件、2個TextBox控件和2個But

8、ton控件，調整各個控件的大小與位置，窗體的外觀如圖2-16所示。,圖2-16【用戶登錄】窗體的外觀設計,3設置窗體與控件的屬性 【用戶登錄】窗體及控件的主要屬性設置如表2-15所示。,2.6 編寫【用戶登錄】 窗體程序代碼,1添加引用 在用戶登錄應用程序中需要使用bookAPP類庫loginClass類中所定義的方法，必須將類庫bookAPP添加到類庫bookUI的引用中。,參照2.4.2小節(jié)的方法將類庫bookAPP添加到類庫bookUI的引用中。,2聲明窗體級變量 聲明bookAPP類庫中l(wèi)oginClass類的對象loginObj，聲明3個窗體級全局變量，分別存儲當前登錄用戶的“用戶名

9、”、“密碼”和“用戶類型”，另外聲明1個窗體級全局變量，用于標識用戶是否登錄成功。,3編寫【確定】按鈕Click事件過程的程序代碼,4編寫【取消】按鈕Click事件過程的程序代碼 【取消】按鈕Click事件過程的程序代碼如表2-19所示。,2.7 測試【用戶登錄】程序,2.7.1設置啟動項目和啟動對象 1設置解決方案的啟動項目,在【解決方案資源管理器】中用鼠標右鍵單擊【解決方案“bookMis”】，在彈出的快捷菜單中單擊菜單命令【設置啟動項目】，打開【解決方案“bookMis”屬性頁】，單擊單選按鈕【單啟動項目】，在啟動項目列表中選擇項目“bookUI”，如圖2-17所示。,圖2-17設置解決

10、方案“bookMis”的啟動項目,然后單擊【確定】按鈕，這樣就設置項目“bookUI”為啟動項目，在【解決方案資源管理器】中啟動項目名稱顯示為粗體。,2設置啟動對象 解決方案的啟動項目設置完成后，接下來設置啟動項目中的啟動對象。,在【解決方案資源管理器】中用鼠標右鍵單擊項目【bookUI】，在彈出的快捷菜單中單擊菜單命令【屬性】，打開【bookUI 屬性頁】，在“啟動對象”列表中選擇“usersLogin”，如圖2-18所示，單擊【確定】按鈕即可。,圖2-18設置項目中的啟動對象,2.7.2用戶界面測試 （1）測試內容：用戶界面的視覺效果和易用性；控件狀態(tài)、位置及內容確認；光標移動順序。 （2

11、）確認方法：屏幕拷貝、目測。 （3）測試結論：合格。,2.7.3功能測試 1準備測試用例 準備的測試用例如表2-20所示。,表2-20用戶登錄模塊的測試用例,2測試輸入正確的用戶名和密碼時，【確定】按鈕的動作 （1）測試內容：輸入的用戶名和密碼都正確時，單擊【確定】按鈕時，能顯示“合法用戶，登錄成功”的提示信息。,（2）確認方法：屏幕拷貝、目測。 （3）測試過程。 （4）測試結論：合格。,3測試“用戶名”為空時，【確定】按鈕的動作 （1）測試內容：“用戶名”為空時，單擊【確定】按鈕，會出現(xiàn)提示信息。,（2）確認方法：屏幕拷貝、目測。,（3）測試過程。如圖2-22所示，光標停在“用戶名”文本框中

12、，但沒有輸入“用戶名”，此時單擊【確定】按鈕，出現(xiàn)如圖2-23所示的提示信息。,圖2-22測試【用戶登錄】窗口中用戶名為空的情況,圖2-23“用戶名不能為空”的提示信息,（4）測試結論：合格。,4測試“用戶名”有誤時，【確定】按鈕的動作 （1）測試內容：在“用戶名”文本框中輸入“adminX”，單擊【確定】按鈕，會出現(xiàn)提示信息。,（2）確認方法：屏幕拷貝、目測。,（3）測試過程。如圖2-24所示，在“用戶名”文本框中輸入“adminX”，從表2-4所示可以看出，目前“用戶信息”數(shù)據(jù)表中不存在“adminX”的用戶名，也就是所輸入的“用戶名”有誤，此時，單擊【確定】按鈕，會出現(xiàn)如圖2-25所示的提示信息。,圖2-24測試輸入“用戶信息”表中不存在的用戶名的情況,圖2-25“用戶名有誤”的提示信息,（4）測試結論：合格。,5測試“密碼”為空或輸入錯誤時，【確定】按鈕的動作 （1）測試內容：當“密碼”為空或輸入錯誤時，單擊【確定】按鈕，會出現(xiàn)提示信息。,（2）確認方法：屏幕拷貝、目測。,（3）測試過程。如圖2-26所示，在“用戶名”文本框中輸入正確的用戶名“admin”，在“密碼”文本框中輸入錯誤的密碼“123”，單擊【確定】按鈕，出現(xiàn)如圖2-27所示的提示信息。,圖2-26測試【用戶登錄】窗口中輸入正確的,