web浏览器设计与实现

一、目的与任务1目的（1）加深对计算机网络的基本概念和原理，以及网络编程接口 Socket 概念及编程原理的理解；（2）提高学生网络应用与编程、分析与解决实际问题的能力，为大型网络编程打下坚实基础；（3）通过撰写课程设计报告，锻炼学生的逻辑组织和语言表达能力；（4）培养学生理论运用于实践的综合应用和设计创新能力。通过本次课程设计，使学生进一步理解、领会 C#语言和网络编程技术，把所学的知识运用到具体的程序设计当中去，编写一个接近实际的应用程序。本课程设计是一门综合性实验。通过本次课程设计，掌握.net 应用程序设计；加深对 TCP/IP 协议的理解；掌握 C/S编程模式；掌握 Socket 机制、传输控制协议；用户数据报协议；掌握网络抓包的原理；掌握网络编程应用程序分析、设计、编程和调试的整个过程。2任务（1）设计完成与网络应用相关题目的网络应用软件；（2）调试运行之后，要求边演示边解释设计的思想、过程及采用的方法；（3）完成课程设计报告。二、基本要求1熟练掌握网络的基本概念和原理；2熟练掌握网络编程接口 Socket 概念及编程原理；3掌握基于 TCP/IP 的 Internet 编程技术；4掌握各种软件开发工具的使用过程及方法。三、设备及工具硬件：微机 120 台以上，I3 以上处理器，1024M 以上内存、 Ethernet 网卡，交换机软件：Windows2000/XP 操作系统，VS2010 编程环境。摘 要随着计算机技术和网络技术的发展，基于网络的开发也越来越多。C#是微软开发的一种简单易懂、面向对象、类型安全的编程语言。随.NET 技术的不断发展，C#在各个方面的编程优势都已经显现出来。此次课程设计主要是利用 C#进行网络与通信编程，完成简单的 Web 浏览器。在此次设计中，我完成的 Web 浏览器主要是通过 HTTP 协议来实现的。HTTP 协议，即超文本传输协议。它是一个应用层的面向对象的协议，由于其简捷、快速的方式，非常使用于分布式超媒体信息系统。用户使用的大部分浏览器都是通过 HTTP 协议对网站中的内容进行浏览，在用户浏览网页时，在浏览器的地址中首先输入的就是 HTTP，以告诉浏览器是通过 HTTP 协议来访问网页。在此系统应用中，重点内容是对收藏夹的应用，其中包括对注册表的使用。在 C#中，Registry 类、RegistryKey 类可以实现对注册表的操作。Registry 类中封装了注册表中 7 个基本主键，通过此类可以在注册表中找到标准根项集。RegistryKey 类封装了对注册表的基本操作，包括读取、写入、删除等。通过具体设计，我完成的 Web 浏览器主要能实现的功能为：主界面、浏览网页、网页设置、浏览器设置等几个部分。关键词 网络技术，C#，浏览器，HTTP 协议目 录第 1 章 绪 论 .1第 2 章 系统功能介绍 .22.1 系统模型 .22.2 系统功能设计 .22.3 系统模块 .32.3.1 主界面功能介绍 .32.3.2 具体模块功能介绍 .32.3.3 关于 ActiveX 控件 axWebBrowser 的添加 .3第 3 章 系统功能实现 .43.1 浏览功能实现 .43.1.1 主菜单实现基本操作 .43.1.2 用“转到”按钮实现浏览 .83.1.3“帮助”功能实现 .83.2 浏览控制按钮功能实现 .93.3 历史记录功能实现 .11第 4 章 系统测试 .124.1 测试用例 .124.1.1 测试用例 1 .124.1.2 测试用例 2 .124.1.3 测试用例 3 .124.1.4 测试用例 4 .124.1.5 测试用例 5 .124.2 系统测试 .124.2.1 系统测试 1 .134.2.2 系统测试 2 .144.2.3 系统测试 3 .144.2.4 系统测试 4 .15结 论 .16致 谢 .16参考文献 .170第 1 章 绪 论C#(C Sharp)是微软(Microsoft)为.NET Framework 量身订做的程序语言，C#拥有 C/C+的强大功能以及 Visual Basic 简易使用的特性，是第一个组件导向(Component-oriented)的程序语言，和 C+与 Java 一样亦为对象导向(object-oriented)程序语言。此次程序设计的主要任务是利用 C#实现一个自制的简单的 Web 浏览器。浏览器是个显示网页伺服器或档案系统内的 HTML 文件，并让用户与此些文件互动的一种软件。个人电脑上常见的网页浏览器包括微软的 Internet Explorer、Mozilla 的 Firefox、Opera 和 Safari。浏览器是最经常使用到的客户端程序。随着网络技术的发展，网络给人们带来了各种各样的信息，而浏览器是人们获取信息的途径。网页浏览器主要通过 HTTP 协议连接网页伺服器而取得网页，HTTP 容许网页浏览器送交资料到网页伺服器并且获取网页。HTTP 协议的主要特点可概括如下： 支持客服端/服务器模式。 客服端向服务器请求服务时，只需传送请求方法和路径。请求方法规定了客户与服务器联系的类型，常用的有 GET、HEAD、POST 等。 HTTP 协议是无状态协议。无状态的含义是指协议对于事务处理没有记忆能力，当事务处理结束后，HTTP 协议随之结束。此时在默认状态下，如果后续处理需要前面的信息，则它必须重传，这将会导致每次连接传送的数据量增大。如果服务器不需要先前信息时，它的应答就较快。在此次设计中，我完成的简单的 Web 浏览器就是基于 HTTP 协议的应用，它能实现在地址栏中输入地址后，能连接网站，并显示网页内容；能实现简单的设置、文件、帮助、后退、前进、刷新、首页等功能；此外，还能实现历史记录。使用这样的自制浏览器可以带来一些好处，例如它无需安装，无需升级，没有版权的限制，还可以随时增加或者减少自己需要或者不需要的功能。1第 2 章 系统功能介绍2.1 系统模型 本系统主要完成简单的 Web 服务器，实现在地址栏中输入地址，可以连接到网站，并显示网页的内容。在此基础之上，还可以实现简单的设置、文件、刷新、首页等功能。整个系统的功能模块图如图 2.1 所示。图 2.1 系统功能模块图2.2 系统功能设计一个浏览器主要有的功能：主界面、浏览网页、浏览设置、浏览器设置等几个部分。本系统是基于 HTTP 实现的浏览器，在浏览器的创建过程中，应用到一个 ActiveX 控件，这个控件可以完成浏览器的大部分功能，可以通过此控件浏览到网页的内容。在系统中还创建了主菜单栏，并在主菜单栏中创建了对浏览器进行设置的“设为空白页”、 “设为首页”等功能。同时，在“浏览控制按钮”栏中，创建了浏览器的一些基本功能，“后退” 、 “前进” 、 “刷新” 、 “首页”等。此外，用 ComboBox 控件制作了网页地址栏输入，可以在此输入需要浏览的网站地址，并且能实现历史记录。此系统的设计流程，如图 2.2 所示。2图 2.2 系统设计流程图2.3 系统模块2.3.1 主界面功能介绍主界面是浏览器主体，运行程序，首先看到的是主界面，如图 2.3 所示。图 2.3 主界面在主界面的最上边是一个 menuStrip 组件，列出浏览器“文件” 、 “编辑” 、 “查看” “工具” “帮助”等选项。主菜单栏下是一个 toolStrip 控件，用于显示浏览控制按钮。在浏览控制按钮下是一个 Pannel 控件，在此控件上，添加一个 Lable 控件用于显示文字信息“地址” ，添加一个 ComboBox 控件用于输入网页地址信息，添加一个 Button 控件用于发送 HTTP 协议。2.3.2 具体模块功能介绍在主菜单中，能实现的功能主要有“设置” 、 “文件” 、 “工具”和“帮助” 。其中， “设置”能实现设为空白页、设为首页和动感效果；“文件”能实现新建、打开和推出；“工具”能实现发送邮件；“帮助”能实现“关于” ，它弹出一个对话，显示关于浏览器的简单说明。在浏览控制按钮栏中，能实现基本的浏览控制：新建、后退、前进、停止、刷新、主页。在地址栏中输入地址，按回车键或者“转到”按钮都可连接到网站并显示网页内容。此外，点击地址栏的下拉列表可查看历史记录。2.3.3 关于 ActiveX 控件 axWebBrowser 的添加1.在 C# Windows 应用程序的新建项目中，选择“工具” ，打开“选择工具箱项”对话框。2.在此对话框中打开“COM 组件”选项卡，在列表框中选中“Microsoft Web 浏览器”3复选框。3.单击“确定”按钮，在集成开发环境的“工具箱”便会出现“Microsoft Web 浏览器”控件，将此控件拖曳到 Form 窗口上。按照以上步骤操作，就完成了 axWebBrowser 控件的添加。4第 3 章 系统功能实现3.1 浏览功能实现3.1.1 主菜单实现基本操作/ / 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 = “文件(/ / menu_FileNew/ this.menu_FileNew.Index = 0;this.menu_FileNew.Text = “新建“;this.menu_FileNew.Click += new System.EventHandler(this.menu_FileNew_Click);/ / menu_FileOpen/ this.menu_FileOpen.Index = 1;this.menu_FileOpen.Shortcut = System.Windows.Forms.Shortcut.CtrlO;this.menu_FileOpen.Text = “打开“;this.menu_FileOpen.Click += new System.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 += new System.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);5/ / menuItem5/ this.menuItem5.Index = 4;this.menuItem5.Text = “-“;/ / menu_FileProperty/ this.menu_FileProperty.Index = 5;this.menu_FileProperty.Text = “属性(this.menu_FileProperty.Click += new System.EventHandler(this.menu_FileProperty_Click);/ / menu_FileExit/ this.menu_FileExit.Index = 6;this.menu_FileExit.Shortcut = System.Windows.Forms.Shortcut.CtrlX;this.menu_FileExit.Text = “退出(this.menu_FileExit.Click += new System.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,this.menuEditPaste,this.menuItem16,this.menu_EditSelAll,this.menu_EditFind);this.menu_Edit.Text = “编辑(/ / menu_EditCut/ this.menu_EditCut.Index = 0;this.menu_EditCut.Shortcut = System.Windows.Forms.Shortcut.CtrlX;this.menu_EditCut.Text = “剪切“;this.menu_EditCut.Click += new System.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 += new System.EventHandler(this.menu_EditCopy_Click);/ / menuEditPaste6/ this.menuEditPaste.Index = 2;this.menuEditPaste.Shortcut = System.Windows.Forms.Shortcut.CtrlV;this.menuEditPaste.Text = “粘贴“;this.menuEditPaste.Click += new System.EventHandler(this.menuEditPaste_Click);/ / menuItem16/ this.menuItem16.Index = 3;this.menuItem16.Text = “-“;/ / 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_E