1、 2009-2010 学年第 二 学期 基于项目的 C#实训指导书 基于 VC#的 浏览器 程序设计 熊 坤 郑州轻工业学院 计算机与通信工程学院网络工程系 2010 年 6 月 2 日 一 实训目的 通过实训使学生 在 掌握 VC#编程理论的基础上，推动学生初步掌握基于 VC#的网络浏览器程序的编程方法，为今后的网络协议编程和Web 服务编程打下基础。 二 实训题目 使用 C#语言 在 VS2005 平台上编程实现基于 浏览器 器 程序 。 三 实训要求 1.能够熟练使用 VS2005 编程平台，熟 悉平台菜单栏、工具栏和各种窗口的使用，掌握不同项目类型创建步骤和平台类库的使用。 2.熟练掌
2、握 C#语法与程序结构，能够熟练创建程序功能所需的类、对象、接口等，并通过派生与继承实现代码重用，通过事件与消息实现对象之间的交互。 3.熟练掌握 权利浏览器 程序所需的各种部件的使用，能够正确使用菜单、工具栏和窗口控件完成 浏览器 程序界面设计，并能够完成这些部件的相应响应函数代码编写，完成部件与函数之间的消息映射。 4.按照软件工程的要求的功能分析、程序设计、代码编写、程序调试、功能测试等步骤，完成实训项 目要求。 5.提交“基于 VC#的 浏览器器程序设计” 设计方案与程序源代码。 四 实训步骤 4.1 掌握 浏览器工作原理 浏览器工作原理如图 4-1 所示。 万维网的工作过程因特网服务
3、器w w w .t sing h u a .e d u .cn链接到 URL 的超链HT T P 使用此 T CP 连接浏览器程序服务器程序HT T P客户清华大学院系设置建立 T CP 连接释放 T CP 连接HT T P 响应报文 响应文档HT T P 请求报文 请求文档图 4-1 浏览器工作原理 (1) 浏览器分析超链指向页面的 URL。 (2) 浏览器向 DNS 请求解析 的 IP 地址。 (3) 域名系统 DNS 解析出清华大学服务器的 IP 地址。 (4) 浏览器与服务 器建立 TCP 连接 (5) 浏览器发出取文件命令： GET /chn/yxsz/index.htm。 (6)
4、 服务器 给出响应，把文件 index.htm 发给浏览器。 (7) TCP 连接释放。 (8) 浏览器显示 文件 index.htm 中的所有文本 4.2 学习 浏览器功能结构 浏览器程序功能结构如图 4-2 所示。 浏览器的结构与远程服务器通信输出至显示器从鼠标和键盘输入网 络 接 口可选客户程序HT M L 解释程序可选解释程序控 制 程 序驱动程序HT T P 客户程序缓 存图 4-2 浏览器功能结构 1) 浏览器有一组客户、一组解释程序，以及管理这 些客户和解释程序的控制程序。 2) 控制程序是其中的核心部件，它解释鼠标的点击和键盘的输入，并调用有关的组件来执行用户指定的操作。 3)
5、 例如，当用户用鼠标点击一个超链的起点时，控制程序就调用一个客户从所需文档所在的远地服务器上取回该文档，并调用解释程序向用户显示该文档 4) HTML 解释程序是必不可少的，而其他的解释程序则是可选的。 5) 解释程序把 HTML 规格转换为适合用户显示硬件的命令来处理版面的细节。 6) 许多浏览器还包含 FTP 客户，用来获取文件传送服务。 7) 一些浏览器也包含电子邮件客户，使浏览器能够发送和接收电子 邮件 8) 浏览器将它取回的每一个页面副本都放入本地磁盘的缓存中。 9) 当用户用鼠标点击某个选项时，浏览器首先检查磁盘的缓存。若缓存中保存了该项，浏览器就直接从缓存中得到该项副本而不必从网
6、络获取，这样就明显地改善浏览器的运行特性。 10)但缓存要占用磁盘大量的空间，而浏览器性能的改善只有在用户再次查看缓存中的页面时才有帮助。 11)许多浏览器允许用户调整缓存策略。 4.3 浏览器设计 （ 1） 浏览器功能设计 浏览器功能设计主要确定设计好的浏览器需要具备哪些功能 ，以及这些功能是以什么方式进行实现 ，这个步骤相当于软件设计中的“需求分析”，其中必须保证基本功能的具备，即浏览器必须能够浏览 Web 页面。 （ 2）浏览器界面设计 浏览器界面设计主要确定浏览器的页面布局 ，设定浏览器窗口上设置哪些功能菜单项、设置哪些功能按钮、设置哪些状态栏，它们各自的位置如何、属性如何、对应的变量
7、如何等等。 （ 3）浏览器代码设计 浏览器代码设计主要是确定对上述的设计的功能在代码上怎样实现，包括选用的程序语言和编程平台选择、程序代码的编写、程序代码的调试、程序功能的测试等等。 4.4 浏览器编程设计平台 （ 1） VS2005 编程平台 （ 2） WebBrowser 类及其使用 （ 3）一些浏览器程序的代码分析 4.5 浏览器开发步骤 （ 1） 熟悉 VS2005 平台， 建立项目 （半天） 打开 VS2005 选择“创建项目”，进入“新建项目” ，如图 4-1 所示。 图 4-1 “新建项目”对话框 在“新建项目”对话框的项目类型窗口中选中“ Visual C#”作为项目开发语言，
8、在模板窗口中选中“ Windows 应用程序” 作为项目开发模板，在“名称”、“位置”编辑框中输入自己设定的项目名字和项目存储位置 ，本讲义使用“ CSharp 浏览器”作为项目名称，如图 4-2所示。 图 4-2 输入新建项目的属性 完成输入内容后，单击“ 确定 ” 按钮，进入项目 VC#开发窗口“ Form.cs设计 ”，如图 4-3 所示。 图 4-3 VC#开发窗口“ Form.cs设计 ” （ 2）界面设计 1 设计菜单栏如图 4-4 所示。 （半天） 图 4-4 设计菜单栏 设计“文件”菜单如 4-5 所示。 图 4-5 设计“文件”菜单 设计“编辑”菜单如图 4-6 所示。 图 4-6 设计“编辑”菜单 设计“查看”菜单如图 4-7 所示。 图 4-7 设计“查看”菜单 设计“收藏”菜单如图 4-8 所示。 图 4-8 设计“收藏”菜单 设计“工具”菜单如图 4-9 所示。 图 4-9 设计“工具”菜单 2 设计 工具栏 、用户区 和状态栏 如图 4-10 所示 （半天） 图 4-10 工具栏和状态栏 （ 3）功能代码编辑 1 初始化 代码 双击“ Form”设计页面进入代码编写页面，如图 4-11 所示。
个人主页
