【正文】 量的信息等。有關(guān)的提示、信息、說明 應(yīng)該放在隨手可得的位置。 設(shè)計(jì)人機(jī)界面時(shí)，經(jīng)常會(huì)遇到靈活性與一致性的權(quán)衡問題。原則上，對(duì)某一軟件來說，用戶的思維方式應(yīng)當(dāng)是一致的，操作與控制的方式也應(yīng)當(dāng)是一致的。只有這樣，才能減輕用戶使用軟件的困難，使用戶不知不覺地進(jìn)入統(tǒng)一的思維框架，從而正確地、順利地應(yīng)用這個(gè)軟件。另外還應(yīng)當(dāng)讓它們有一定的靈活性，能夠自由地選擇某些功能的操作方式。 我們通過 ASP VBScript 腳本編程實(shí)現(xiàn)了交換機(jī)互動(dòng)模塊即模擬實(shí)訓(xùn)和課后練習(xí)部分。通過 Flash Action Script 腳本修改及擴(kuò)充了路由器部分的互動(dòng)模塊。 路由器互動(dòng)模塊的設(shè)計(jì) 路由器互動(dòng)模塊分 為九章若干小節(jié)，每個(gè)小節(jié)中都會(huì)有某一方面的交互內(nèi)容?；?dòng)模塊流程圖如 圖 76 所示。 天津工程師范學(xué)院 2021 屆本科生畢業(yè)設(shè)計(jì)（論文） 26 圖 76 路由器互動(dòng)模塊流程圖 當(dāng)用戶選擇了一節(jié)交互部分時(shí)就會(huì)出現(xiàn)由 Flash 制作而成的交互界面，選擇第一步再按照要求輸入相應(yīng)的配置命令，命令之間用空格隔開，輸完后回車加以確認(rèn)，此時(shí)系統(tǒng)就會(huì)進(jìn)行判斷如果輸入的是正確的命令并且該步不是最后一步，那么就會(huì)進(jìn)入到下一步的操作然后再重復(fù)前面的循環(huán)；如果輸入的命令是錯(cuò)誤的，系統(tǒng)會(huì)給出提示信息，這可以分為三種情況 : 一是沒有輸入任何命令，系統(tǒng)會(huì)顯示該命令丟失；二是輸入了錯(cuò)誤的命令，系統(tǒng)會(huì)顯示該命令錯(cuò)誤；三是輸入了多余的命令，系統(tǒng)會(huì)顯示命令太多。這時(shí)用戶可以刪除錯(cuò)誤的部分再輸入正確的命令回車重新加以確認(rèn)即可。倘若用戶記不起某些配置命令那么可以切換到演示模式下觀看相關(guān)的配置步 驟，然后再切回交互狀態(tài)繼續(xù)進(jìn)行配置。路由器互動(dòng)模塊的路由器配置模式如圖 77 所示。 天津工程師范學(xué)院 2021 屆本科生畢業(yè)設(shè)計(jì)（論文） 27 圖 77 路由器配置模式 當(dāng)用戶輸入的命令出現(xiàn)不同的錯(cuò)誤時(shí)系統(tǒng)會(huì)根據(jù)不同的情況做出相應(yīng)的處理，即調(diào)用相應(yīng)的處理函數(shù)并給出相應(yīng)的提示，其代碼實(shí)現(xiàn)如下（以第二章第一節(jié)為例）： AK_1 = enable。 AKIndex = 1。 EE_1 = Enable 命令輸入錯(cuò)誤 .。 BE_1 = Enable 命令丟失 .。 //定義變量并賦值 if (eval(CE_ add Index) ne eval(AK_ add Index)) { if (eval(CE_ add Index) ne eval(AA_ add Index)) { Check = 0。 if (eval(CE_ add Index) eq ) { ErrorMessage = eval(BE_ add Index)。 }//如果輸入的命令是空則 會(huì)顯示“ Enable 命令丟失” else { ErrorMessage = eval(EE_ add Index)。 天津工程師范學(xué)院 2021 屆本科生畢業(yè)設(shè)計(jì)（論文） 28 } // 如果輸入的命令非空但是錯(cuò)誤則會(huì)顯示“ Enable 命令輸入錯(cuò)誤” } else { Alternative = 1。 TotalIndex = AAIndex。 } if (Check) { if (Alternative) { if (AAIndex CEIndex) { Check = 0。 ErrorMessage = 參數(shù)太多 .。 } } else if (AKIndex CEIndex) { Check = 0。 ErrorMessage = 參數(shù)太多 . 交換 機(jī)互動(dòng)模塊的設(shè)計(jì)： （ 1）模擬實(shí)訓(xùn)部分的實(shí)現(xiàn) 模擬實(shí)訓(xùn)部分是交換機(jī)仿真教學(xué)系統(tǒng)中最重要的交互部分，是通過 Java Script 腳本編程實(shí)現(xiàn)的，模擬實(shí)訓(xùn)部分程序流程圖如圖 78所示 天津工程師范學(xué)院 2021 屆本科生畢業(yè)設(shè)計(jì)（論文） 29 圖 78 模擬實(shí)訓(xùn)部分流程圖 當(dāng)學(xué)習(xí)者進(jìn)入模擬實(shí)訓(xùn)部分后的默認(rèn)設(shè)置是進(jìn)入模擬交換機(jī)配置模式，如圖79所示。 圖 79 模擬交換機(jī)配置模式 開始 輸入命令并按回車提交處理輸入的命令 系統(tǒng)判斷 載入下 一個(gè)程序段 結(jié)束 Y N 天津工程師范學(xué)院 2021 屆本科生畢業(yè)設(shè)計(jì)（論文） 30 模擬實(shí)訓(xùn)部分初始狀態(tài)是第一個(gè)關(guān)鍵詞顯示，即 SWITCH顯示，而光標(biāo)隨著輸入的字符移動(dòng)，此功能代 碼實(shí)現(xiàn)片段如下 function sw1(){ =inline =none} if(==13){ judge()。 ()。} } =getfocus。 var ttime=0,haha=0,tip=39。_39。,zhi function flash(){ ttime++ if(ttime%2==1){ tip=39。39。 var gett= var len=。 =(0,len1)+tip} else{ tip=39。_39。 =+tip} if(ttime100) ttime=0 zhi=setTimeout(flash(),200) } 當(dāng)用戶進(jìn)入進(jìn)入交換機(jī)特權(quán)模式將會(huì)在下方將要對(duì)下一步配置進(jìn) 行提示，實(shí)現(xiàn)代碼如下： function sw1(){ =inline =none =39。39。 =39。進(jìn)入全局配置狀態(tài) 39。}//提示 實(shí)現(xiàn)效果如下圖所示： 天津工程師范學(xué)院 2021 屆本科生畢業(yè)設(shè)計(jì)（論文） 31 圖 710 實(shí)現(xiàn)效果圖 當(dāng)用戶輸入指令錯(cuò)誤后將會(huì)提示 Bad mand of file name,鍵入退格鍵后將會(huì)重新進(jìn)入輸入狀態(tài)。實(shí)現(xiàn)函數(shù)如下 function errormand(){ =39。Bad mand or file name39。} 實(shí)現(xiàn)效果如圖 711所示： 圖 711 實(shí)現(xiàn)效果圖 天津工程師范學(xué)院 2021 屆本科生畢業(yè)設(shè)計(jì)（論文） 32 實(shí)現(xiàn)代碼如下 if(menu==39。enable39。) sw1() //跳轉(zhuǎn)執(zhí)行 SW1 函數(shù) else if(menu==39。conf t39。) sw2() else if(menu==39。host sw139。) sw3() else if(menu==39。ena se c139。) sw4() else if(menu==39。line vty 0 1539。) sw5() else if(menu==39。pass c239。) sw6() else if(menu==39。int fe 0/139。) sw7() else if(menu==39。int fe 0/239。) sw9() else if(menu==39。switchport mode access39。) if (haha==1) sw10() else sw8() else if(menu==39。int vlan 139。) sw11() 天津工程師范學(xué)院 2021 屆本科生畢業(yè)設(shè)計(jì)（論文） 33 else if(menu==39。ip add 39。) sw12() else if(menu==39。no shut39。) sw13() else if(menu==39。end39。) sw14() else if(menu==39。copy run start39。) sw15() else errormand() //跳轉(zhuǎn)執(zhí)行 erromand 函數(shù) } 函數(shù)體如下：以 SW12 為例： function sw12(){ =inline =none =none =none =none =none =none =none =none =none =none =none =none =39。39。 =39。啟用該端口 39。}//提示 用戶根據(jù)提示輸入相應(yīng)的命令。當(dāng)輸入的命令正確時(shí)，將進(jìn)入下一步實(shí)驗(yàn)；若天津工程師范學(xué)院 2021 屆本科生畢業(yè)設(shè)計(jì)（論文） 34 輸入錯(cuò)誤，則彈出錯(cuò)誤信息，用戶根據(jù)錯(cuò)誤信息改正命令后可繼續(xù)進(jìn)行下面的實(shí)驗(yàn)。 （ 2）實(shí)驗(yàn)練習(xí)部分的實(shí)現(xiàn)： 在用戶進(jìn)行模擬實(shí)訓(xùn)之前還可以進(jìn)行交換機(jī)的配置練習(xí)，以便達(dá)到更好的學(xué)習(xí)效果。實(shí)驗(yàn)練習(xí)部分是 通過 ASP 進(jìn)行腳本編程實(shí)現(xiàn)的。學(xué)習(xí)者在練習(xí)過程中需要注意以下幾點(diǎn)： 流程完全按照 FLASH 演示； 所有命令區(qū)分大小寫； 不能打回車，只能手動(dòng)點(diǎn)擊確定按鈕，否則跳回第一條命令。 以交換機(jī)基本參數(shù)配置為例，頁面文本框和按鈕分別起名，每個(gè)文本框和按鈕區(qū)分開，點(diǎn)擊按鈕有一個(gè)觸發(fā)的函數(shù)，用來傳遞參數(shù)。 格式為 onClick=return check1() 具體函數(shù)為 javascript 語言編寫，在程序緊接 body 下面，函數(shù)實(shí)現(xiàn)方法如下： function check1() { =add1。 ()。 } 此函數(shù)實(shí)現(xiàn)傳參，此參數(shù)用在 /script下面： %if trim(request(add1))= and trim(request(add2))= and trim(request(add3))= and trim(request(add4))= and trim(request(add5))= and trim(request(add6))= and trim(request(add7))= and trim(request(add8))= and trim(request(add9))= and trim(request(add10))= and trim(request(add11))= and trim(request(add12))= and trim(request(add13))= and trim(request(add14))= and trim(request(add15))= then% 具體流程如下 對(duì)文本框 id1進(jìn)行判定，當(dāng)點(diǎn)擊確定按鈕時(shí)觸發(fā)事件，如果傳來參數(shù)是該文本框參數(shù)，如果文本框?yàn)榭栈虿坏扔凇?enable”（應(yīng)輸入命令），則在其下行輸出“指令錯(cuò)誤重新輸入”，否則顯示下行命令文本框。 天津工程師范學(xué)院 2021 屆本科生畢業(yè)設(shè)計(jì)（論文） 35 8 測試 測試是軟件開發(fā)時(shí)期的最后一個(gè)階段，也是軟件質(zhì)量保證中至關(guān)重要的一個(gè)環(huán)節(jié)。測試的目的與任務(wù)可以描述為：目的是發(fā)現(xiàn)程序的錯(cuò)誤并定位和糾正錯(cuò)誤。 任務(wù)是通過在計(jì)算機(jī)上執(zhí)行程序，暴露程序中潛在的錯(cuò)誤并消除軟件故障，保證程序的可靠運(yùn)行。 測試與糾錯(cuò)的關(guān)系，可以用圖的數(shù)據(jù)流圖來說明。圖中表 明，每一次測試都要準(zhǔn)備好若干必要的測試數(shù)據(jù)，與被測程序一道送入計(jì)算機(jī)執(zhí)行。通常把一次程序執(zhí)行需要的測試數(shù)據(jù)稱為一個(gè)“測試用例（ Test Case）” .。每個(gè)測試用例產(chǎn)生一個(gè)相應(yīng)的“測試結(jié)果”。如果它與測試結(jié)果不符合，便說明程序中存在錯(cuò)誤，需要用糾錯(cuò)來改正。測試階段的信息流如圖 81 所示： 圖 81：測試階段的信息流 在整個(gè)系統(tǒng)的創(chuàng)作過程中，我們經(jīng)過指導(dǎo)老師的指導(dǎo)，和同組同學(xué)之間的討論，我們對(duì)系統(tǒng)進(jìn)行了模塊測試，把每個(gè)模塊作為單獨(dú)的實(shí)體來測試，盡早的發(fā)現(xiàn)錯(cuò)誤并進(jìn)行修改，目的是為了保證每個(gè)單元（模塊）能正 常運(yùn)行。以避免在多級(jí)頁面下帶來的測試不便。然后在系統(tǒng)的深入創(chuàng)作過程中，對(duì)各子系統(tǒng)進(jìn)行了鏈接和可用性測試。 通過在創(chuàng)作過程中進(jìn)行的階段測試，發(fā)現(xiàn)了一些錯(cuò)誤，不過經(jīng)過組員們的共同努力錯(cuò)誤下修改了錯(cuò)誤，最終測試結(jié)果與期望結(jié)果一致。 天津工程師范學(xué)院 2021 屆本科生畢業(yè)設(shè)計(jì)（論文） 36 9 總結(jié) 畢業(yè)設(shè)計(jì)是我們在五年大學(xué)學(xué)習(xí)中經(jīng)歷的最重要的一個(gè)環(huán)節(jié)，它是對(duì)我們在大學(xué)階段所學(xué)的理論知識(shí)的一次系統(tǒng)的應(yīng)用，是檢驗(yàn)我們的實(shí)際動(dòng)手能力和創(chuàng)新思想的一次重要的過程。雖然，這次畢業(yè)設(shè)計(jì)時(shí)間比較短，只有七個(gè)）星期，但是通過這一階段我們課題小組的共同努力，我們組的課題“基于 WEB 的虛擬計(jì)算機(jī)網(wǎng)絡(luò)實(shí)驗(yàn)平臺(tái)”的設(shè)計(jì)與實(shí)現(xiàn)已經(jīng)達(dá)到了預(yù)定的目標(biāo)。有了本教學(xué)系統(tǒng)學(xué)生們可以不需要進(jìn)入實(shí)驗(yàn)室就能通過操作本系統(tǒng)進(jìn)行一些網(wǎng)絡(luò)實(shí)驗(yàn)課程的學(xué)習(xí)。本系統(tǒng)具有比較友好的界面，另