web瀏覽器設計與實現(xiàn)

1、一、目的與任務1 .目的(1)加深對計算機網絡的基本概念和原理，以及網絡編程接口 Socket概念及編程原 理的理解；(2)提高學生網絡應用與編程、分析與解決實際問題的能力，為大型網絡編程打下堅實基礎；(3)通過撰寫課程設計報告，鍛煉學生的邏輯組織和語言表達能力；(4)培養(yǎng)學生理論運用于實踐的綜合應用和設計創(chuàng)新能力。通過本次課程設計，使學生進一步理解、領會C#語言和網絡編程技術，把所學的知識 運用到具體的程序設計當中去，編寫一個接近實際的應用程序。本課程設計是一門綜合性實驗。通過本次課程設計，掌握.net應用程序設計；加深對TCP/IP協(xié)議的理解；掌握C/S編 程模式；掌握Socket機制、傳

2、輸控制協(xié)議；用戶數(shù)據報協(xié)議；掌握網絡抓包的原理；掌握 網絡編程應用程序分析、設計、編程和調試的整個過程。2 .任務(1)設計完成與網絡應用相關題目的網絡應用軟件；(2)調試運行之后，要求邊演示邊解釋設計的思想、過程及采用的方法；(3)完成課程設計報告。二、基本要求1 .熟練掌握網絡的基本概念和原理；2 .熟練掌握網絡編程接口 Socket概念及編程原理；3 .掌握基于TCP/IP的Internet編程技術；4,掌握各種軟件開發(fā)工具的使用過程及方法。三、設備及工具硬件：微機120臺以上，I3以上處理器，1024M以上內存、Ethernet網卡，交換機 軟件：Windows2000/XP操作系統(tǒng),

3、VS2010編程環(huán)境。隨著計算機技術和網絡技術的發(fā)展，基于網絡的開發(fā)也越來越多。 C#是微軟開發(fā)的一 種簡單易懂、面向對象、類型安全的編程語言。隨 .NET技術的不斷發(fā)展，C#在各個方面 的編程優(yōu)勢都已經顯現(xiàn)出來。此次課程設計主要是利用C#!行網絡與通信編程，完成簡單 的Web瀏覽器。在此次設計中，我完成的 Web瀏覽器主要是通過HTTP協(xié)議來實現(xiàn)的。HTTP協(xié)議， 即超文本傳輸協(xié)議。它是一個應用層的面向對象的協(xié)議，由于其簡捷、快速的方式，非常 使用于分布式超媒體信息系統(tǒng)。用戶使用的大部分瀏覽器都是通過HTTP協(xié)議對網站中的內容進行瀏覽，在用戶瀏覽網頁時，在瀏覽器的地址中首先輸入的就是HTTP

4、,以告訴瀏覽器是通過HTTP協(xié)議來訪問網頁。在此系統(tǒng)應用中，重點內容是對收藏夾的應用，其中包括對注冊表的使用。在C#中，Registry類、RegistryKey類可以實現(xiàn)對注冊表的操作。Registry類中封裝了注冊表中7個 基本主鍵，通過此類可以在注冊表中找到標準根項集。 RegistryKey類封裝了對注冊表的基 本操作，包括讀取、寫入、刪除等。通過具體設計，我完成的 Web瀏覽器主要能實現(xiàn)的功能為：主界面、瀏覽網頁、網頁 設置、瀏覽器設置等幾個部分。關鍵詞 網絡技術，C#瀏覽器，HTTPft、議第1章緒論1第2章系統(tǒng)功能介紹2.2.1 系統(tǒng)模型2.2.2 系統(tǒng)功能設計2.2.3 系統(tǒng)模

5、塊 主界面功能介紹 具體模塊功能介紹 關于 ActiveX 控件axWebBrowser的添加3第3章系統(tǒng)功能實現(xiàn)4.3.1 瀏覽功能實現(xiàn) 主菜單實現(xiàn)基本操作 用“轉到”按鈕實現(xiàn)瀏覽 “幫助”功能實現(xiàn)8.3.2 瀏覽控制按鈕功能實現(xiàn)9.3.3 歷史記錄功能實現(xiàn)11第4章系統(tǒng)測試124.1 測試用例 測試用例1124.1.2 測試用例2124.1.3 測試用例3124.1.4 測試用例4124.1.5 測試用例5124.2 系統(tǒng)測試 系統(tǒng)測試1134.2.2 系統(tǒng)測試214

6、4.2.3 系統(tǒng)測試3144.2.4 系統(tǒng)測試415結論.16.致ft錯誤！未定義書簽。參考文獻17.第1章緒論C#(C Sharp)是微軟(Microsoft)為.NET Framework量身訂做的程序語言，C#擁有C/C+的 強大功能以及Visual Basic簡易使用的特性，是第一個組件導向(Component-oriented珀程序語 言，和C+與Java一樣亦為對象導向(object-oriented)程序語言。此次程序設計的主要任務是利用C#實現(xiàn)一個自制的簡單的Web瀏覽器。瀏覽器是個顯示網頁伺服器或檔案系統(tǒng)內的 HTML文件，并讓用戶與此些文件互動的一種軟件。個人電腦 上常見的

7、網頁瀏覽器包括微軟的 Internet Explorer、Mozilla的Firefox、Opera和Safari。瀏覽 器是最經常使用到的客戶端程序。隨著網絡技術的發(fā)展，網絡給人們帶來了各種各樣的信息，而瀏覽器是人們獲取信息的 途徑。網頁瀏覽器主要通過 HTTP協(xié)議連接網頁伺服器而取得網頁，HTTP容許網頁瀏覽器 送交資料到網頁伺服器并且獲取網頁。HTTP協(xié)議的主要特點可概括如下：支持客服端/服務器模式。客服端向服務器請求服務時，只需傳送請求方法和路徑。請求方法規(guī)定了客戶與服 務器聯(lián)系的類型，常用的有 GET、HEAD、POST等。HTTP協(xié)議是無狀態(tài)協(xié)議。無狀態(tài)的含義是指協(xié)議對于事務處理沒

8、有記憶能力，當事務處理結束后，HTTP協(xié)議隨之結束。此時在默認狀態(tài)下，如果后續(xù)處理需要前面的 信息，則它必須重傳，這將會導致每次連接傳送的數(shù)據量增大。如果服務器不需要 先前信息時，它的應答就較快。在此次設計中，我完成的簡單的 Web瀏覽器就是基于HTTP協(xié)議的應用，它能實現(xiàn)在地 址欄中輸入地址后，能連接網站，并顯示網頁內容；能實現(xiàn)簡單的設置、文件、幫助、后退、 前進、刷新、首頁等功能；止匕外，還能實現(xiàn)歷史記錄。使用這樣的自制瀏覽器可以帶來一些 好處，例如它無需安裝，無需升級，沒有版權的限制，還可以隨時增加或者減少自己需要或 者不需要的功能。第2章系統(tǒng)功能介紹2.1系統(tǒng)模型本系統(tǒng)主要完成簡單的

9、Web服務器，實現(xiàn)在地址欄中輸入地址，可以連接到網站，并顯 示網頁的內容。在此基礎之上，還可以實現(xiàn)簡單的設置、文件、刷新、首頁等功能。整個系 統(tǒng)的功能模塊圖如圖2.1所示。自制Web瀏覽器瀏寬拄窗按鈕后前皆刷首搜返迸停新資素王菜單jri設I文II工I 百件具 助2.1系統(tǒng)功能模塊圖2.2 系統(tǒng)功能設計一個瀏覽器主要有的功能：主界面、瀏覽網頁、瀏覽設置、瀏覽器設置等幾個部分。本 系統(tǒng)是基于HTTP實現(xiàn)的瀏覽器，在瀏覽器的創(chuàng)建過程中，應用到一個ActiveX控件，這個控件可以完成瀏覽器的大部分功能，可以通過此控件瀏覽到網頁的內容。在系統(tǒng)中還創(chuàng)建了主菜單欄，并在主菜單欄中創(chuàng)建了對瀏覽器進行設置的 “

10、設為空白頁”、 “設為首頁”等功能。同時，在“瀏覽控制按鈕”欄中，創(chuàng)建了瀏覽器的一些基本功能，“后退”、“前進”、“刷新”、“首頁”等。止匕外，用ComboBox控件制作了網頁地址欄輸入，可以 在此輸入需要瀏覽的網站地址，并且能實現(xiàn)歷史記錄。此系統(tǒng)的設計流程，如圖 2.2所示。圖2.2系統(tǒng)設計流程圖2.3 系統(tǒng)模塊2.3.1 主界面功能介紹主界面是瀏覽器主體，運行程序，首先看到的是主界面，如圖 2.3所示圖2.3主界面在主界面的最上邊是一個 menuStrip組件，列出瀏覽器“文件”、“編輯”、“查看”“工具” “幫助”等選項。主菜單欄下是一個 toolStrip控件，用于顯示瀏覽控制按鈕。在

11、瀏覽控制按 鈕下是一個Pannel控件，在此控件上，添加一個Lable控件用于顯示文字信息“地址”，添加 一個ComboBox控件用于輸入網頁地址信息，添加一個 Button控件用于發(fā)送HTTP協(xié)議。2.3.2 具體模塊功能介紹在主菜單中，能實現(xiàn)的功能主要有“設置”、“文件”、“工具”和“幫助”。其中，“設置” 能實現(xiàn)設為空白頁、設為首頁和動感效果；“文件”能實現(xiàn)新建、打開和推出；“工具”能實 現(xiàn)發(fā)送郵件；“幫助”能實現(xiàn)“關于"，它彈出一個對話，顯示關于瀏覽器的簡單說明。在瀏覽控制按鈕欄中，能實現(xiàn)基本的瀏覽控制：新建、后退、前進、停止、刷新、主頁。在地址欄中輸入地址，按回車鍵或者“轉

12、到”按鈕都可連接到網站并顯示網頁內容。此 外，點擊地址欄的下拉列表可查看歷史記錄。2.3.3 關于 ActiveX 控件 axWebBrowser的添力口1 .在C# Windows應用程序的新建項目中，選擇“工具”，打開“選擇工具箱項”對話框。2 .在此對話框中打開“ COM組件”選項卡，在列表框中選中“ Microsoft Web瀏覽器”復 選框。3 .單擊“確定”按鈕，在集成開發(fā)環(huán)境的“工具箱”便會出現(xiàn)“Microsoft Web瀏覽器”控件，將此控件拖曳到Form窗口上。按照以上步驟操作，就完成了 axWebBrowser控件的添加。第3章系統(tǒng)功能實現(xiàn)3.1 瀏覽功能實現(xiàn)3.1.1 主

13、菜單實現(xiàn)基本操作/ menu_File /this .menu_File.Index = 0;this .menu_File.MenuItems.AddRange( new System.Windows.Forms. MenuItem this .menu_FileNew, this .menu_FileOpen, this .menu_FileSave, this .menu_FileSaveAs, this .menuItem5, this .menu_FileProperty, this .menu_FileExit);this .menu_File.Text ="文件(&am

14、p;F)"/ menu_FileNew /this .menu_FileNew.Index = 0;this .menu_FileNew.Text ="新建"；this .menu_FileNew.Click += newSystem. EventHandler (this .menu_FileNew_Click); / menu_FileOpen /this .menu_FileOpen.Index = 1;this .menu_FileOpen.Shortcut = System.Windows.Forms. Shortcut .CtrlO;this .men

15、u_FileOpen.Text ="打開"；this .menu_FileOpen.Click += newSystem. EventHandler (this .menu_FileOpen_Click); / menu_FileSave /this .menu_FileSave.Index = 2;this .menu_FileSave.Shortcut = System.Windows.Forms. Shortcut .CtrlS;this .menu_FileSave.Text ="保存"；this .menu_FileSave.Click +=

16、newSystem. EventHandler (this .menu_FileSave_Click); / menu_FileSaveAs /this .menu_FileSaveAs.Index = 3;this .menu_FileSaveAs.Text ="另存為"this .menu_FileSaveAs.Click += new System. EventHandler (this .menu_FileSaveAs_Click);/ menuItem5 /this .menuItem5.Index = 4;this .menuItem5.Text ="

17、-"/ menu_FileProperty /this .menu_FileProperty.Index = 5;this .menu_FileProperty.Text ="屬性(&R)"this .menu_FileProperty.Click += new System. EventHandler (this .menu_FileProperty_Click); / menu_FileExit /this .menu_FileExit.Index = 6;this .menu_FileExit.Shortcut = System.Windows.Fo

18、rms. Shortcut .CtrlX;this .menu_FileExit.Text ="退出(&C)"this .menu_FileExit.Click += newSystem. EventHandler (this .menu_FileExit_Click); / menu_Edit /this .menu_Edit.Index = 1;this .menu_Edit.MenuItems.AddRange( new System.Windows.Forms. MenuItem this .menu_EditCut, this .menu_EditCopy

19、, this .menuEditPaste, this .menuItem16, this .menu_EditSelAll, this .menu_EditFind);this .menu_Edit.Text ="編輯(&E)"/ / menu_EditCut/this .menu_EditCut.Index = 0;this .menu_EditCut.Shortcut = System.Windows.Forms. Shortcut .CtrlX;this .menu_EditCut.Text ="剪切"；this .menu_EditCu

20、t.Click += newSystem. EventHandler (this .menu_EditCut_Click);/ menu_EditCopy/this .menu_EditCopy.Index = 1;this .menu_EditCopy.Shortcut = System.Windows.Forms. Shortcut .CtrlC;this .menu_EditCopy.Text ="復制"；this .menu_EditCopy.Click += newSystem. EventHandler (this .menu_EditCopy_Click);/

21、this .menuEditPaste.Index = 2;this .menuEditPaste.Shortcut = System.Windows.Forms. Shortcut .CtrlV;this .menuEditPaste.Text ="粘貝占"；this .menuEditPaste.Click += newSystem. EventHandler (this .menuEditPaste_Click); / menuItem16/this .menuItem16.Index = 3;this .menuItem16.Text ="-"/

22、 / menu_EditSelAll/this .menu_EditSelAll.Index = 4;this .menu_EditSelAll.Shortcut = System.Windows.Forms. Shortcut .CtrlA;this .menu_EditSelAll.Text ="全選"；this .menu_EditSelAll.Click +=new System. EventHandler (this .menu_EditSelAll_Click);/ menu_EditFind/this .menu_EditFind.Index = 5;this

23、 .menu_EditFind.Shortcut = System.Windows.Forms. Shortcut .CtrlF;this .menu_EditFind.Text ="查找"；this .menu_EditFind.Click += newSystem. EventHandler (this .menu_EditFind_Click);/ menu_View/this .menu_View.Index = 2;this .menu_View.MenuItems.AddRange( new System.Windows.Forms. MenuItem this

24、 .menu_ViewSource);this .menu_View.Text ="查看(&V)"/ / menu_ViewSource/this .menu_ViewSource.Index = 0;this .menu_ViewSource.Text ="源文件"this .menu_ViewSource.Click += new System. EventHandler (this .menu_ViewSource_Click);/ menu_Tool/this .menu_Tool.Index = 3;this .menu_Tool.Me

25、nuItems.AddRange( new System.Windows.Forms. MenuItem this .menu_ToolInternet,this .menuItem1,this .menuItem3, this .menuItem6);this .menu_Tool.Text ="工具(&T)"/ menu_ToolInternet /this .menu_ToolInternet.Index = 0;this .menu_ToolInternet.Text = "Internet 選項"；this .menu_ToolInte

26、rnet.Click += new System. EventHandler (this .menu_ToolInternet_Click);/ menuItem1/this .menuItem1.Index = 1;this .menuItem1.Text ="收藏夾"；/ menuItem3/this .menuItem3.Index = 2;this .menuItem3.Text ="設置"；/ menuItem6/this .menuItem6.Index = 3;this .menuItem6.Text ="下載內容"；/

27、 menu_Help/this .menu_Help.Index = 4;this .menu_Help.MenuItems.AddRange( new System.Windows.Forms. MenuItem this .menu_HelpAbout,this .menuItem2);this .menu_Help.Text ="幫助(&H)"this .menu_Help.Click += new System. EventHandler (this .menu_Help_Click);/ menu_HelpAbout /this .menu_HelpAbo

28、ut.Index = 0;this .menu_HelpAbout.Text ="關于"；this .menu_HelpAbout.Click += newSystem. EventHandler (this .menu_HelpAbout_Click);/ menuItem2/this .menuItem2.Index = 1;this .menuItem2.Text ="檢查更新"；/ menuItem4/ this .menuItem4.Index = 5;this .menuItem4.Text ="添加到收藏3.1.2 用“轉到”按鈕

29、實現(xiàn)瀏覽Click事件中添加代碼實現(xiàn)文 彩 云",8.999999F,在地址欄中輸入網址，除了按回車鍵可以連接到網站外，還可以單擊地址欄后的“轉至廣 按鈕連接到網站。雙擊設計窗體中的“轉到”按鈕，在此按鈕的用“轉到”按鈕瀏覽。程序代碼如下：this .btnGo.FlatStyle = System.Windows.Forms. FlatStyle .Flat;this .btnGo.Font = new System.Drawing. Font (" 華System.Drawing. FontStyle .Regular, System.Drawing. Graphics

30、Unit .Point, ( byte )(134);this .btnGo.Location = newSystem.Drawing. Point (318, 36);this .btnGo.Name = "btnGo"this .btnGo.Size = newSystem.Drawing. Size (63, 22);this .btnGo.TabIndex = 3;this .btnGo.Text ="轉到"；this .btnGo.Click +=new System. EventHandler (this .btnGo_Click);3.1.

31、3 “幫助”功能實現(xiàn)“幫助”可實現(xiàn)“關于”功能。在主菜單中，選擇“幫助” ，打開“關于”，彈出一個對 話框，它是關于程序的簡單描述，如圖 3.2所示?？谛洛蟶 后退前進j因停止 圜刷新：、主頁j地址I二| 一芭丈. 立一窗奧圖3.2關于對話框“關于”對話框是在“關于”的Click事件中調用另一個窗體Form2來實現(xiàn)的，“關于”的程序代碼如下：this .menu_HelpAbout.Index = 0;this .menu_HelpAbout.Text ="關？于？；this .menu_HelpAbout.Click += newSystem. EventHandler (this

32、 .menu_HelpAbout_Click);)在Form2窗體的設計中，添加一個 PictureBox控件來顯示圖片，添加Label控件來實現(xiàn) 文字的顯示，并用一個“確定”按鈕來實現(xiàn)退出對話框。程序如下所示：private void menu_HelpAbout_Click( object sender, System. EventArgs e) MessageBoxShow("旭日瀏覽器 1.0","旭日瀏覽器"，MessageBoxButtons.OK, MessageBoxIcon.Information); ) private void me

33、nu_FileExit_Click( object sender, System. EventArgs e) this .Close(); )3.2 瀏覽控制按鈕功能實現(xiàn)在Form設計窗口中，在toolStrip控件上雙擊鼠標左鍵，為此控件的Click事件添加相應的程序代碼，可以實現(xiàn)對瀏覽器進行后退、前進、暫停、刷新、首頁、搜索操作。程序代碼如下：this .mainToolBar.Appearance = System.Windows.Forms. ToolBarAppearance .Flat;this .mainToolBar.Buttons.AddRange( new System.W

34、indows.Forms. ToolBarButton 口 this .tbb_New, this .toolBarButton1, this .tbb_Back, this .tbb_Forward, this .toolBarButton2, this .tbb_Stop, this .tbb_Refresh, this .tbb_GoHome, this .toolBarButton3);this .mainToolBar.ButtonSize =new System.Drawing. Size (60, 22);this .mainToolBar.DropDownArrows = tr

35、ue ;this .mainToolBar.ImageList = this .imageList1;this .mainToolBar.Location = newSystem.Drawing. Point (0, 0);this .mainToolBar.Name = "mainToolBar"this .mainToolBar.ShowToolTips = true ;this .mainToolBar.Size = new System.Drawing. Size (724, 28);this .mainToolBar.TabIndex = 7;this .main

36、ToolBar.TextAlign = System.Windows.Forms.ToolBarTextAlign .Right;this .mainToolBar.ButtonClick+=newSystem.Windows.Forms. ToolBarButtonClickEventHandler (this .mainToolBar_ButtonClick);/ / tbb_New/this .tbb_New.ImageIndex = 0;this .tbb_New.Name = "tbb_New"this .tbb_New.Text ="新建"；

37、this .tbb_New.ToolTipText ="新建"；/ toolBarButton1/this .toolBarButton1.Name = "toolBarButton1"this .toolBarButton1.Style = System.Windows.Forms. ToolBarButtonStyle / tbb_Back/this .tbb_Back.ImageIndex = 1;this .tbb_Back.Name = "tbb_Back"this .tbb_Back.Text ="后退"

38、;；this .tbb_Back.ToolTipText ="后退"；/ tbb_Forward/this .tbb_Forward.ImageIndex = 2;this .tbb_Forward.Name = "tbb_Forward"this .tbb_Forward.Text ="前進"；this .tbb_Forward.ToolTipText ="前進"；/ toolBarButton2/this .toolBarButton2.Name = "toolBarButton2"this

39、 .toolBarButton2.Style = System.Windows.Forms. ToolBarButtonStyle / tbb_Stop/this .tbb_Stop.ImageIndex = 3;this .tbb_Stop.Name = "tbb_Stop"this .tbb_Stop.Text ="停止"；this .tbb_Stop.ToolTipText ="停止"；/ tbb_Refresh/this .tbb_Refresh.ImageIndex = 4;this .tbb_Refresh.Name =

40、"tbb_Refresh"this .tbb_Refresh.Text ="刷新"；this .tbb_Refresh.ToolTipText ="刷新"/.Separator;.Separator;/this .tbb_GoHome.ImageIndex = 5;this .tbb_GoHome.Name = "tbb_GoHome"this .tbb_GoHome.Text ="主頁"；this .tbb_GoHome.ToolTipText ="主頁"；3.3 歷史記錄

41、功能實現(xiàn)在瀏覽器的地址欄中，打開下拉列表，會顯示用戶曾經訪問過的站點地址，即歷史記錄， 這些記錄會存儲在系統(tǒng)的注冊表中。在應用中需要將這些歷史記錄提取出并顯示在地址欄中， 使用戶可以直接選擇曾經瀏覽過的網頁地址。選中Form設計窗口，在其“事件”窗口中，雙擊列表中的 Load事件，添加代碼，可以 實現(xiàn)歷史記錄。程序代碼如下：private void MainForm_SizeChanged( object sender, System. EventArgs e)ResizeWindow();private void MainForm_Load( object sender, System. E

42、ventArgs e)ResizeWindow();CreateNewWebBrowser();LoadFormerList();private void MainForm_Closing( object sender, System.ComponentModel. CancelEventArgs e)SaveFormerList();第4章系統(tǒng)測試4.1 測試用例4.1.1 測試用例1輸入數(shù)據： 操作：接回車鍵連接；設為空白頁；新建。預測結果：顯示網頁內容；點擊“首頁”，顯示為空白頁；選擇“文件”，打開“新 建”，彈出新的瀏覽器對話框。4.1.2 測試用例2輸入數(shù)據：操作：按“連接”按鈕連接；打開；設為首頁。預測結果：顯示網頁內容；選擇“文件”，點擊“打開”，彈出文件對話框，選擇要 打開的文件，點擊打開即可顯示出其內容；點擊“首頁”，顯示為輸入的網站“” 的內容。4.1.3 測試用例3輸入數(shù)據： 操作：郵件；關于；搜索。預測結果：選擇“工具”，打開“郵件”，彈出發(fā)送郵件