【正文】 1 課程設(shè)計說明書 題 目： 基于項目的 C實(shí)訓(xùn)指導(dǎo)書 —— 基于 VC的瀏覽器程序設(shè)計 2 目 錄 一、 實(shí)訓(xùn)目的 4 二、 實(shí)訓(xùn)題目 4 三、 實(shí)訓(xùn)要求 4 四、實(shí)訓(xùn)步驟 5 、掌握瀏覽器工作原理 5 6 7 7 7 7 8 8 VS20xx 以上平臺 ,建立項目 8 10 菜單欄設(shè)計 10 3 工具欄、用戶區(qū)和狀態(tài)欄設(shè)計 11 功能代碼編輯 12 五、程序源代碼及功能模塊設(shè)計 12 初始化頁面 12 編輯瀏覽器基本功能 14 編輯菜單欄功能 16 編輯工具欄功能 26 編輯 IE命令功能 27 編輯收藏夾功能類 28 編輯搜索功函數(shù) 30 六、程序運(yùn)行測試 32 七 、項目小結(jié) 33 八、附件 34 34 34 4 一 實(shí)訓(xùn)目的 通過實(shí)訓(xùn)使學(xué)生在掌握 VC編程理論的基礎(chǔ)上，推動學(xué)生初步掌握基于 VC的網(wǎng)絡(luò)瀏覽器程序的編程方法，為今后的網(wǎng)絡(luò)協(xié)議編程和Web服務(wù)編程打下基礎(chǔ)。 二 實(shí)訓(xùn)題目 使用 C網(wǎng)絡(luò)編程 語言 ,在 VS20xx版本以上平臺編程 , 基于 VC的瀏覽器程序設(shè)計 。 三 實(shí)訓(xùn)要求 VS20xx以上版本的 編程平臺，熟悉平臺菜單欄、工具欄和各種窗口的使用，掌握不同項目類型創(chuàng)建步驟 和使用以及 平臺類庫的使用。 C語法與程序結(jié)構(gòu)，能夠熟練創(chuàng)建程序功能所需的類、對象、接口等，并通過派生與繼承實(shí)現(xiàn)代碼重用，通過事件與消息實(shí)現(xiàn)對象之間的交互。 ，能夠正確使用菜單、工具欄和窗口控件完成瀏覽器程序界面設(shè)計，并能夠完成這些部件的相應(yīng)響應(yīng)函數(shù)代碼編寫，完成部件與函數(shù)之間的消息映射。 、程序設(shè)計、代碼編寫、程序調(diào)試、功能測試等步驟，完成實(shí)訓(xùn)項目要求。 “ 基于 C操作平臺下實(shí)現(xiàn)的 的瀏覽器器程序設(shè)計 ” 設(shè)計方案與程序源代碼。 5 四 實(shí)訓(xùn)步驟 掌握瀏覽器工作原理 瀏覽器工作原理如圖 41 所示。 圖 41 瀏覽器工作原理 (1) 瀏覽器分析超鏈指向頁面的 URL。 (2) 瀏覽器向 DNS 請求 并 解析 的 IP 地址。 (3) 域名系統(tǒng) DNS 解析出清華大學(xué)服務(wù)器的 IP 地址。 (4) 瀏覽器與服務(wù)器建立 TCP 連接 (5) 瀏覽器發(fā)出取文件命令： GET /chn/yxsz/。 (6) 服務(wù)器 給出響應(yīng)，把文件 發(fā) 送 給瀏覽器。 (7) TCP 連接 的 釋放。 6 (8) 瀏覽器顯示文件 中的所有文本 信息 學(xué)習(xí)瀏覽器功能結(jié)構(gòu) 瀏覽器程序功能結(jié)構(gòu)如圖 42 所示。 圖 42 瀏覽器功能結(jié)構(gòu) 1) 瀏覽器有一組客戶、一組解釋程序，以及管理這些客戶和解釋程序的控制程序。 2) 控制程序是其中的核心部件，它解釋鼠標(biāo)的點(diǎn)擊和鍵盤的輸入， 并調(diào)用有關(guān)的組件來執(zhí)行用戶指定的操作。 3) 例如，當(dāng)用戶用鼠標(biāo)點(diǎn)擊一個超鏈的起點(diǎn)時，控制程序就調(diào)用一個客戶從所需文檔所在的遠(yuǎn)地服務(wù)器上取回該文檔，并調(diào)用解釋程序向用戶顯示該文檔 4) HTML 解釋程序是必不可少的，而其他的解釋程序則是可選的。 5) 解釋程序把 HTML 規(guī)格轉(zhuǎn)換為適合用戶顯示硬件的命令來處理版面的細(xì)節(jié)。 6) 許多瀏覽器還包含 FTP 客戶，用來獲取文件傳送服務(wù)。 7 7) 一些瀏覽器也包含電子郵件客戶，使瀏覽器能夠發(fā)送和接收電子郵件 8) 瀏覽器將它取回的每一個頁面副本都放入本地磁盤的緩存中。 9) 當(dāng)用戶用鼠標(biāo)點(diǎn)擊某個選項時，瀏覽器首先檢查磁盤的緩存。若緩存中保存了該項，瀏覽器就直接從緩存中得到該項副本而不必從網(wǎng)絡(luò)獲取，這樣就明顯地改善瀏覽器的運(yùn)行特性。 10)但緩存要占用磁盤大量的空間，而瀏覽器性能的改善只有在用戶再次查看緩存中的頁面時才有幫助。 11)許多瀏覽器允許用戶調(diào)整緩存策略。 瀏覽器設(shè)計 瀏覽器功能設(shè)計 瀏覽器功能設(shè)計主要確定設(shè)計好的瀏覽器需要具備哪些功能，以及這些功能是以什么方式進(jìn)行實(shí)現(xiàn)，這個步驟相當(dāng)于軟件設(shè)計中的“需求分析”，其中必須保證基本功能的具備，即瀏覽器必須能夠?yàn)g覽 Web頁面。 瀏覽器界面設(shè)計 瀏覽器界面設(shè)計主要確定瀏覽器的頁面布局，設(shè)定瀏覽器窗口上設(shè)置哪些功能菜單項、設(shè)置哪些功能按鈕、設(shè)置哪些狀態(tài)欄，它們各自的位置如何、屬性如何、對應(yīng)的變量如何等等。 瀏覽器代碼設(shè)計 瀏覽器代碼設(shè)計主要是確定對上述的設(shè)計的功能在代碼上怎樣 8 實(shí)現(xiàn)，包括選用的程序語言和編程平臺選擇、程序 代碼的編寫、程序代碼的調(diào)試、程序功能的測試等等。 瀏覽器編 寫 程 序 設(shè)計平臺 （ 1） VS20xx版本以上 編程 操作 平臺 （ 2） WebBrowser類及其使用 （ 3）一些瀏覽器程序的代碼分析 瀏覽器開發(fā)步驟 熟悉 VS20xx以上 平臺，建立項目 打開 VS20xx選擇 “創(chuàng)建項目 ”，進(jìn)入 “新建項目 ”，如圖 41所示。 圖 41 “新建項目 ”對話框 在 “新建項目 ”對話框的項目類型窗口中選中 “Visual C”作為項目開發(fā)語言，在模板窗口中選中 “Windows 應(yīng)用程序 ”作為項目開發(fā)模 9 板，在 “名稱 ”、 “位置 ”編輯框中輸入自己設(shè)定的項目名字和項目存儲位置，本講義使用 “CSharp瀏覽器 ”作為項目名稱，如圖 42所示。 圖 42 輸入新建項目的屬性 完成輸入內(nèi)容后，單擊 “確定 ”按鈕，進(jìn)入項目 VC開發(fā)窗口“[設(shè)計 ]”，如圖 43所示。 10 圖 43 VC開發(fā)窗口 “[設(shè)計 ]” 界面設(shè)計 設(shè)計 ,如圖所示。 圖 44 設(shè)計 “ 文件 ” 菜單 11 圖 45 設(shè)計 “ 編輯 ” 菜單 圖 46 設(shè)計 “ 查看 ” 菜單 圖 47 設(shè)計 “ 收藏 ” 菜單 12 圖 48 設(shè)計 “ 工具 ” 菜單 、用戶區(qū)和狀態(tài)欄設(shè)計 ,如圖所示 圖 49 工具欄和狀態(tài)欄 功能代碼編輯 雙擊 “Form”設(shè)計頁面進(jìn)入代碼編寫頁面如圖所示： 13 圖 410 代碼編寫頁面 五 程序源代碼及功能模塊設(shè)計： 初始化頁面 ， 代碼如下： using System。 using 。 using 。 using 。 using 。 using 。 using 。 using 。 using 。 using mshtml。 using 。 using 。 using SHDocVw。 namespace CSharp { public partial class Form1 : Form { public Form1() { InitializeComponent()。 } 14 //***********************************************// // 外部 ?API調(diào)用聲明 // //***********************************************// [DllImport()] public static extern int SendMessage(IntPtr hWnd, uint Msg, int wParam,int lParam)。 [DllImport()] public static extern IntPtr FindWindowEx(IntPtr hwndParent,IntPtr hwndChildAfter, string lpszClass, string lpszWindow)。 //***********************************************// // 公用 ID調(diào)用聲明 //***********************************************// public int IDM_ADDFAVORITES = 2261。 //添加到收藏夾 public int ID_IE_FILE_IMPORTEXPORT = 374。 //導(dǎo)入與導(dǎo)出 public int ID_IE_FILE_SENDDESKTOPSHORTCUT = 284。 //桌面快捷方式 public int ID_IE_FILE_NEWMAIL = 279。 //新建郵件 public uint WM_COMMAND = 0x0111。 //***********************************************// // 常用變量聲明 // //***********************************************//