我的Web浏览器设计说明

计算机网络课程设计题目：Web浏览器设计成员：班级：指导教师：日期：20012年6月目录1、系统分析............................................................... (3)1.1 系统需求............................................................... .. (3)1.2 功能要求................................................................ (3)1.3 运行环境............................................................... .. (3)1.4 开发工具............................................................... .. (3)2、概要设计............................................................... (4)2.1 基本设计概念................................................................ . (4)2.2 软件设计层次图............................................................... .. (5)3、详细设计............................................................... (6)3.1 web浏览器基本功能的实现 (6)3.2 收藏夹功能设计............................................................... .. (10)3.3 历史记录功能设计............................................................... .. (13)3.4 抓图工具设计................................................................... .. (15)4、系统运行 (25)5、设计总结............................................................... (29)参考文献............................................................... (30)1、系统分析1.1系统需求浏览器是指可以显示网页服务器或者文件系统的HTML文件容，并让用户与这些文件交互的一种软件。

网页浏览器主要通过HTTP协议与网页服务器交互并获取网页，这些网页由URL指定，文件格式通常为HTML，并由MIME在HTTP协议中指明。

一个网页中可以包括多个文档，每个文档都是分别从服务器获取的。

在网络越来越发达的今天，人们对网络的依赖越来越多，越来越离不开网络，同时也越来越离不开浏览器，人们利用浏览器可以查看很多东西，上淘宝，需要浏览器，上百度搜索东西，需要浏览器，打开网址，需要浏览器。

由此浏览器的种类也越来越多，如IE浏览器、谷歌浏览器、360浏览器、遨游浏览器等等。

因此，浏览器对于人们的生活起着举足轻重的作用，浏览器的作用围将不断扩大，人们的生活将离不开浏览器的使用。

1.2 功能要求使用ChtmlView类来实现一个应用程序，使之具有Web浏览器的功能，包括浏览网页、前进、后退、返回主页、刷新、搜索、收藏夹、历史记录、抓图、删除等功能。

1.3 运行环境本系统基于Windows平台设计，适用于Windows系列的系统，如流行的Windows XP、Windows Vista等。

1.4 开发工具：VC++6.0C程序开发软件；2、概要设计2.1 基本设计概念利用已有的HTTP控制、HTML解释器和HTML执行器，通过MFC提供的CHtmlView类实现的一个Windows下的多功能的浏览器。

该浏览器的功能包括：WEB站点浏览、本地和网络的文件系统的浏览、前进、后退、返回主页、刷新、搜索、历史记录的维护、IE收藏夹功能和设置桌面快捷方式功能等。

2．2 软件设计层次图2.2.1 系统流程图：当用户登录此简易浏览器时，需要在地址栏输入需要搜索的容的网址，当输入网址后，该浏览器会到相应的URL地址，实现页面的下载，并显示页面，从而实现该简易浏览器连接网络的功能。

2.2.2 功能结构图：该程序的设计主要分5部分。

首先是登录界面的实现，其中要创建按钮，创建菜单栏及下拉菜单的实现；第二部分要实现各按钮的具体的功能包括在其中设置监听器，实现对按钮动作的监听及响应；第三部分用于对地址栏输入容格式的设定包括如何处理异常等；第四部分实现页面的下载；第五部分用于实现页面的显示。

具体的功能结构图如下：3、详细设计3.1 web浏览器基本功能(前进、后退、停止、刷新、搜索、主页)的实现：3.1.1 .利用MFC AppWizard生成应用程序框架创建工程名为HtmlView。

第一步，选择工程类型为单文档（SDI）,中文语言支持。

第二步和第三步使用默认值，不需要数据库，也不提供对于复合对象的支持；第四步选择Internet Explorer ReBars 工具栏的风格，这样就有了用来输入网址的文本框；第五步不做任何修改；第六步选择CHtmlView类作为视图类的基类。

生成工程框架包含4个类。

（1）应用程序类：CHtmlViewApp，对应HtmlView.h和HtmlView.cpp文件。

（2）框架类：CMainFrame，对应MainFrm.h和MainFrm.cpp文件。

（3）文档类：HtmlViewDoc，对应HtmlViewDoc.h和HtmlViewDoc.cpp文件。

（4）HtmlView类：CHtmlViewView，对应CHtmlViewView.h和CHtmlViewView.cpp文件。

此时编译运行，程序已经具有基本的Web浏览功能，能自动到微软公司的。

3.1.2修改菜单在工作区中选择“ResourceView”选项卡，选择Menu，双击菜单控件的名字（IDR_MAINFRAME）,右边出现程序的菜单。

选择菜单中的“查看”命令，已经有了“工具栏”和“状态栏”两个条目，双击下面的空框，弹出设置菜单条目属性对话框，按照表添加菜单项：菜单条目名称（Caption）ID号前进ID_FOWARD后退ID_BACK停止ID_STOP刷新ID_REFRESH主页 ID_HOME搜索ID_SEARCH3.1.3修改工具栏：在工作区中选择“ReaourcecView”选项卡，选择ToolBar，双击工具条控件的名字（IDR_MAINFRAME），右边出现程序的工具条。

添加如图的新的按钮图样。

他们的ID号与相应的菜单条目相同。

使他们的ID号与相应的菜单条目的ID号相同。

3.1.4添加控件事件处理函数：进入类向导，选择“Message Maps”选项卡。

在“Class Name”下拉列表框中选择CHtmlViewView类，然后按照表为控件添加事件处理函数。

对象ID Messages Member FunctionID_FORWARD COMMAND OnFoward()ID_BACK COMMAND OnBack()ID_STOP COMMAND OnStop()ID_REFRESH COMMAND OnRefresh()ID_HOME COMMAND OnHome()ID_SEARCH COMMAND OnSearch()3.1.5添加事件处理函数代码：在CHtmlViewView.cpp实现文件中，添加上述6个时间处理函数的代码。

void CHtmlViewView::OnBack() { GoBack(); }//后退；void CHtmlViewView::OnForward() { GoForward();}//前进；void CHtmlViewView::OnHome() { GoHome();}//主页；void CHtmlViewView::OnStop() { Stop();}//停止；void CHtmlViewView::OnRefresh() { Refresh();OnOldlogins();}//刷新；void CHtmlViewView::OnSearch() { GoSearch( );}//搜索；3.1.6添加URL定位功能：（1）添加网址输入栏控件。

在工作区中选择“Resource View”选项卡，选择Dialog，双击对话框控件的名字（IDR_MAINFRAME）,右边出现对话框条。

在上面添加一个“请输入地址”的静态文本，再添加一个组合框控件，ID号设为IDC_EDIT_ADDRESS，作为地址栏，提供给用户输入要浏览的地址。

如图所示。

（2）添加控制代码。

当用户输入网址后按回车时，就有一个IDOK的消息发送到主框架类，添加处理这个消息的控制函数，在该函数中，用指定的网址调用Navigate()和Navigate2()函数 ,就可以实现对该网页的浏览。

① 在MainFrm.h文件中，添加消息处理函数的声明。

public:void OnInputAddress();②在MainFrm.cpp文件中，添加该函数的实现代码。

void CMainFrame::OnInputAddress() // 当用户输入Web地址并且回车{CString sWebAddress ;// 从编辑框获取用户输入的Web地址m_wndDlgBar.GetDlgItem(IDC_EDIT_ADDRESS)->GetWindowText(sWebAddress);// 浏览相应的网页((CHtmlView *)GetActiveView())->Navigate(sWebAddress);}③在MainFrm.cpp的文件中，在消息映射（MESSAGE_MAP）段中添加自己的消息映射宏。

ON_COMMAND(IDOK,OnInputAddress)；3.1.7解决单击超级时地址栏的同步问题：利用CHtmlView类的事件处理函数，当网页下载完成，会触发OnDocumentComplete （）函数，该函数的参数就是所下载网页的URL，可以利用此函数对地址栏进行设置，添加以下代码。