第3章系統(tǒng)登錄界面設(shè)計(jì)

1、程序設(shè)計(jì)基礎(chǔ)及應(yīng)用程序設(shè)計(jì)基礎(chǔ)及應(yīng)用李李 輝輝程序設(shè)計(jì)基礎(chǔ)及應(yīng)用v 學(xué)習(xí)原因?qū)W習(xí)原因v 主要內(nèi)容主要內(nèi)容程序設(shè)計(jì)基礎(chǔ) 對(duì)象程序設(shè)計(jì) 數(shù)據(jù)庫(kù)程序設(shè)計(jì) 程序設(shè)計(jì)在審計(jì)中的應(yīng)用v 學(xué)習(xí)方法學(xué)習(xí)方法v 學(xué)習(xí)目標(biāo)學(xué)習(xí)目標(biāo)筆試VB的考點(diǎn)不多，機(jī)考只有三個(gè)內(nèi)容，一個(gè)是登錄框，一個(gè)是查詢框，一個(gè)是篩選框，這個(gè)里面都有 機(jī)考機(jī)考v機(jī)考只有三個(gè)內(nèi)容，一個(gè)是登錄框，一個(gè)是查詢機(jī)考只有三個(gè)內(nèi)容，一個(gè)是登錄框，一個(gè)是查詢框，一個(gè)是篩選框框，一個(gè)是篩選框第第3 3章章 系統(tǒng)登錄界面設(shè)計(jì)系統(tǒng)登錄界面設(shè)計(jì) 本章的教學(xué)目標(biāo)：v 了解了解VBVB的集成開發(fā)環(huán)境；的集成開發(fā)環(huán)境；v 理解面向?qū)ο蟆?duì)象、屬性、事件、方法等概念；理解

2、面向?qū)ο?、?duì)象、屬性、事件、方法等概念；v 掌握窗體對(duì)象的使用方法；掌握窗體對(duì)象的使用方法；v 掌握按鈕、標(biāo)簽、文本框、組合框的使用方法；掌握按鈕、標(biāo)簽、文本框、組合框的使用方法；v 理解理解VBVB程序的模塊組成；程序的模塊組成；v 理解編寫理解編寫VBVB應(yīng)用程序的過(guò)程。應(yīng)用程序的過(guò)程。一、目標(biāo)任務(wù)一、目標(biāo)任務(wù) 設(shè)計(jì)并實(shí)現(xiàn)一個(gè)銀行貸款系統(tǒng)的登錄界面二、效果與功能二、效果與功能 Chapter3-1目標(biāo)任務(wù)三、基礎(chǔ)知識(shí)三、基礎(chǔ)知識(shí) （一）VB開發(fā)系統(tǒng)：v 1、啟動(dòng)VBv 2、VB的集成開發(fā)環(huán)境 菜單欄工具箱窗體窗口工程資源瀏覽窗口屬性窗口代碼窗口窗體布局窗口開始開始-程序程序-Microso

3、ft Visual Studio-Microsoft Visual Basic標(biāo)題欄菜單欄工具欄工具箱工程資源瀏覽窗口屬性窗口窗體布局窗口窗體窗口v 代碼編輯窗口: 用于編寫程序代碼v 進(jìn)入代碼窗口的方法: 雙擊窗體的任何地方 右擊窗體，從快捷菜單中選擇“查看代碼” 單擊“工程瀏覽窗口”中的“查看代碼”按鈕。 執(zhí)行“視圖”菜單中的“代碼窗口”命令。組成:自動(dòng)列出成員特性自動(dòng)列出成員特性: 自動(dòng)列出控件的屬性和方法。自動(dòng)列出控件的屬性和方法。自動(dòng)顯示快速信息自動(dòng)顯示快速信息: 自動(dòng)顯示語(yǔ)句和函數(shù)的語(yǔ)法格式自動(dòng)顯示語(yǔ)句和函數(shù)的語(yǔ)法格式自動(dòng)語(yǔ)法檢查自動(dòng)語(yǔ)法檢查: 出錯(cuò)時(shí)顯示為紅色。出錯(cuò)時(shí)顯示為紅色。

4、過(guò)程下拉過(guò)程下拉列表框列表框代碼區(qū)代碼區(qū)過(guò)程查看過(guò)程查看全模塊查看全模塊查看拆分欄拆分欄對(duì)象下拉對(duì)象下拉列表框列表框v8.工程瀏覽窗口v 以層次化管理的方式顯示并管理該工程所包含的所有文件。v工程: 每個(gè)應(yīng)用程序可稱為一個(gè)工程。v 每個(gè)工程可包括多種類型的文件。v 文件類型: .Vbp .Frm .Bas .Cls等查看代碼查看代碼查看對(duì)象查看對(duì)象切換文件夾切換文件夾顯示顯示:視圖視圖工程資源管理器工程資源管理器使用工具欄按鈕使用工具欄按鈕v 9屬性窗口v 專門用來(lái)設(shè)置窗體上各對(duì)象的屬性值。窗口中列出的屬性可在設(shè)計(jì)時(shí)間設(shè)置，其中一些也可在運(yùn)行時(shí)間設(shè)置。未列出的屬性只能在運(yùn)行時(shí)間設(shè)置。顯示顯示:

5、 視圖視圖屬性窗口屬性窗口使用工具欄按鈕使用工具欄按鈕對(duì)象下拉列表框?qū)ο笙吕斜砜驅(qū)傩哉f(shuō)明屬性說(shuō)明屬性列表框?qū)傩粤斜砜蜻x項(xiàng)卡選項(xiàng)卡14v10. 窗體布局窗口: 調(diào)整程序運(yùn)行時(shí)窗體顯示的位置v11. 立即窗口用于調(diào)試應(yīng)用程序?？涉I入或粘貼一行代碼，按下回車鍵立即執(zhí)行。三、基礎(chǔ)知識(shí)三、基礎(chǔ)知識(shí) （一）VB開發(fā)系統(tǒng)：v 3 3、VB6.0的語(yǔ)言特點(diǎn) 可視化程序設(shè)計(jì) 面向?qū)ο蠹夹g(shù) “事件驅(qū)動(dòng)”機(jī)制 對(duì)象具有屬性, 對(duì)事件的響應(yīng)和執(zhí)行方法三、基礎(chǔ)知識(shí)三、基礎(chǔ)知識(shí) 三、基礎(chǔ)知識(shí)三、基礎(chǔ)知識(shí) （一）VB開發(fā)系統(tǒng)：v 4 4、對(duì)象的屬性、方法和事件 屬性指一個(gè)對(duì)象的特征，包括內(nèi)在的、外在的和行為特征，如大小、

6、形狀、顏色、名稱等。屬性的設(shè)置方法1)屬性窗口2)代碼：對(duì)象名.屬性名=屬性值三、基礎(chǔ)知識(shí)三、基礎(chǔ)知識(shí) （一）VB開發(fā)系統(tǒng)：v 對(duì)象的屬性、方法和事件 方法方法不需要事件驅(qū)動(dòng)，也就是說(shuō)，VB對(duì)象不需要外在的事件驅(qū)動(dòng)或外在的刺激，其自身就可以執(zhí)行的動(dòng)作就是方法。 方法在程序代碼中的語(yǔ)法格式：對(duì)象名.方法名例如：Form1.Hide三、基礎(chǔ)知識(shí)三、基礎(chǔ)知識(shí) （一）VB開發(fā)系統(tǒng)：v 對(duì)象的屬性、方法和事件 事件 事件是一種作用在對(duì)象上的動(dòng)作或刺激。比如：鼠標(biāo)單擊（click）。 三、基礎(chǔ)知識(shí)三、基礎(chǔ)知識(shí) （一）VB開發(fā)系統(tǒng)：v 5、設(shè)計(jì)時(shí)間與運(yùn)行時(shí)間 設(shè)計(jì)時(shí)間（設(shè)計(jì)狀體）設(shè)計(jì)時(shí)間是指在VB環(huán)境中開發(fā)

7、一個(gè)應(yīng)用程序或系統(tǒng)所處的狀態(tài)。 運(yùn)行時(shí)間（運(yùn)行狀態(tài)）運(yùn)行時(shí)間是指 程序處于運(yùn)行時(shí)的狀態(tài)。在運(yùn)行時(shí)間，編程者就像最終用戶那樣通過(guò)界面與應(yīng)用程序進(jìn)行交互，向應(yīng)用程序提供運(yùn)行所需要的信息。 三、基礎(chǔ)知識(shí)三、基礎(chǔ)知識(shí) （二）窗體：作為應(yīng)用程序界面或用來(lái)從用戶那里收集信息的對(duì)話框或自定義窗口。他是設(shè)計(jì)應(yīng)用程序交互界面的基礎(chǔ)，是VB最基本的對(duì)象。利用VB進(jìn)行應(yīng)用程序設(shè)計(jì)時(shí)，窗體對(duì)象是交互界面設(shè)計(jì)的基礎(chǔ)框架，是最基本的元素，通過(guò)在窗體上放置其他對(duì)象，如命令按鈕、文本框等，才能設(shè)計(jì)實(shí)現(xiàn)應(yīng)用程序的整體架構(gòu)。因此沒(méi)有窗體就無(wú)法實(shí)現(xiàn)界面及整個(gè)應(yīng)用程序的設(shè)計(jì)。 窗體：窗體：v 窗體的常用屬性如表3.1v 窗體的常用方

8、法如表3.2 v 窗體的常用事件如表3.3v 例例3.1 3.1 窗體對(duì)象屬性、方法和事件的綜合應(yīng)用。（窗體對(duì)象屬性、方法和事件的綜合應(yīng)用。（Chapter3-1Chapter3-1窗體）窗體） 三、基礎(chǔ)知識(shí)三、基礎(chǔ)知識(shí) 三、基礎(chǔ)知識(shí)三、基礎(chǔ)知識(shí) （三）基本控件（三）基本控件1、標(biāo)簽（Label ) ：標(biāo)簽（Label）控件主要用于顯示文本，運(yùn)行時(shí)不能編輯文本內(nèi)容。在應(yīng)用程序中標(biāo)簽控件的用途主要有三個(gè)方面：一是用于應(yīng)用系統(tǒng)的輸出信息；二是用來(lái)標(biāo)注那些沒(méi)有標(biāo)題（Caption）屬性的控件，如文本框、組合框等控件，說(shuō)明這些控件在應(yīng)用程序中的用途；三是為應(yīng)用添加說(shuō)明，提供幫助信息等。三、基礎(chǔ)知識(shí)三、

9、基礎(chǔ)知識(shí) 標(biāo)簽（標(biāo)簽（Label )Label ) ：v 標(biāo)簽的常用屬性如表3.6三、基礎(chǔ)知識(shí)三、基礎(chǔ)知識(shí) 2 2、文本框（、文本框（TextBox)TextBox)：文本框（TextBox ）控件主要用于顯示文本，運(yùn)行時(shí)可編輯其文本內(nèi)容。在應(yīng)用程序中文本框（TextBox）控件的用途主要有兩個(gè)方面，一是獲取用戶的輸入信息；二是向用戶輸出系統(tǒng)信息。因此文本框（TextBox）控件是應(yīng)用系統(tǒng)與用戶交互、進(jìn)行信息交流、實(shí)現(xiàn)應(yīng)用系統(tǒng)輸入輸出的重要手段。文本框控件中的文本是可以編輯的，其內(nèi)容即可以在設(shè)計(jì)時(shí)設(shè)置，也可以在運(yùn)行時(shí)通過(guò)用戶的輸入或系統(tǒng)的輸出設(shè)置。 三、基礎(chǔ)知識(shí)三、基礎(chǔ)知識(shí) 2 2、文本框（、

10、文本框（TextBox) TextBox) ：v 文本框的常用屬性如表3.6v v 例例3.2 3.2 設(shè)計(jì)兩個(gè)窗體，一個(gè)用于輸入學(xué)生的個(gè)人信息，另一個(gè)顯示輸設(shè)計(jì)兩個(gè)窗體，一個(gè)用于輸入學(xué)生的個(gè)人信息，另一個(gè)顯示輸入的學(xué)生信息。（入的學(xué)生信息。（Chapter3-Chapter3-2 2學(xué)生信息學(xué)生信息） 3 3、命令按鈕（、命令按鈕（CommandButtonCommandButton） ：命令按鈕（CommandButton）控件是應(yīng)用程序中使用最多的控件之一，幾乎所有的應(yīng)用程序都會(huì)用到。他常常用來(lái)接收用戶的操作信息（主要是單擊操作），是用戶與應(yīng)用程序交互的最簡(jiǎn)單的方法。 三、基礎(chǔ)知識(shí)三、基

11、礎(chǔ)知識(shí) 三、基礎(chǔ)知識(shí)三、基礎(chǔ)知識(shí) 3 3、命令按鈕（、命令按鈕（CommandButtonCommandButton）：）：v 命令按鈕的常用屬性如表3.10 v 命令按鈕的常用事件如表3.11v 例例3.3 3.3 用一組命令按鈕實(shí)現(xiàn)文本框正文的剪切、復(fù)制、粘貼等編輯功用一組命令按鈕實(shí)現(xiàn)文本框正文的剪切、復(fù)制、粘貼等編輯功能。能。 （Chapter3-3Chapter3-3小小記事本）小小記事本）三、基礎(chǔ)知識(shí)三、基礎(chǔ)知識(shí) 4 4、組合框、組合框(ComboBox(ComboBox）：）：在網(wǎng)上瀏覽信息時(shí)，通常需要單擊某個(gè)控件的下拉按鈕，在下拉的部分選擇所需的內(nèi)容，這個(gè)控件就是組合框控件。 v 組合框的常用屬性如表3.13三、基礎(chǔ)知識(shí)三、基礎(chǔ)知識(shí) （四）（四）VBVB模塊：模塊：在創(chuàng)建VB應(yīng)用程序的過(guò)程中，首先應(yīng)設(shè)計(jì)應(yīng)用程序的總體架構(gòu)，即設(shè)計(jì)程序代碼的結(jié)構(gòu)。在VB中代碼存放在三種類型的模塊中：窗體模塊、標(biāo)準(zhǔn)模塊和類模塊。v 窗體模塊 .frmv 標(biāo)準(zhǔn)模塊 .basv 類模塊 .clsv 模塊的建立和刪除 工程瀏覽器窗口 工程菜單窗口四、實(shí)現(xiàn)步驟四、實(shí)現(xiàn)步驟1 1、創(chuàng)建新工程、創(chuàng)建新工程