第12章_Web编程基础.ppt

1 第12章Web编程基础 2 教学内容 使用VisualBasic创建简单的Web程序了解Internet的构架会简单的配置IIS 3 12 1Internet网络 12 1 1什么是Internet 世界上最大的网络 Internet由此得名 在遍布全世界的家庭 公司 学校和政府办公室中 数以百万计的各种类型的计算机 PC机 Mac机 大型机和其他类型的计算机 都连接成了网络 这些网络再彼此连接就构成了Internet 因为所有的计算机都连接起来了 所以Internet上的任意一台计算机都能够与另一台计算机通信 4 12 1 2服务器与客户机 服务器通过Internet访问的大部分信息都是存储在称为 服务器 的计算机上 服务器可以是任意一种类型的计算机客户机客户机是一台计算机 更确切地说 是一个特殊的计算机程序 它知道如何与某种类型的服务器通信以便使用服务器上存储的信息 5 12 2Html文件格式 Web页通常是以HTML格式写成的 HTML以标签 TAG 标示及排列各对象 而标签本身则以 号标识 标签内的内容称为 ELEMENT 元素代表了标签的意义 一般格式 OBJECTOBJECT 或者 6 例如 名为test html的网页文本 简单的HTML文件这里放个标题欢迎进入VisualBasic 这是第一段落的结束 这是H2字体 这是H3字体 这是H4字体 另一段落的结束在这儿这里是H5字体 这里是H6字体 7 以下是在浏览器中显示的结果 8 12 3Web服务器与MicrosoftIIS 12 3 1IIS的安装单击 开始 单击 控制面板 双击 添加或删除程序 启动 添加或删除程序 应用程序 在 添加或删除程序 对话框左侧的列中 单击 添加 删除Windows组件 出现 Windows组件向导 后 单击 下一步 在 Windows组件 列表中选中 Internet信息服务 单击 下一步 然后根据指导进行操作 9 12 3 2配置IIS 12 3 2 1更改主目录每个网站都必须有一个主目录 更改主目录的步骤 在Internet信息服务管理单元中 选择某个网站或FTP站点 并打开其属性页 单击 主目录 选项卡 然后指定主目录的位置 可以选择 此计算机上的目录另一台计算机上的共享目录重定向到URL在文本框中 指定目录的路径名 共享名或URL 10 12 3 2 2创建虚拟目录如果网站包含的某些文件不在主目录中或在其他计算机上 则必须创建虚拟目录将这些文件包含到网站中 要使用其他计算机上的目录 必须指定此目录的通用命名约定 UNC 名称 并提供具有访问权限的用户名和密码 创建虚拟目录的步骤如下 在Internet信息服务管理单元中 选择要添加目录的网站或FTP站点 单击 操作 菜单 指向 新建 然后单击 虚拟目录 使用 虚拟目录创建向导 完成此任务 如果使用NTFS格式的分区 也可以用鼠标右键单击Windows资源管理器中的某个目录 单击 共享 然后选择 Web共享 属性页来创建虚拟目录 删除虚拟目录的步骤如下 在Internet信息服务管理单元中 选择要删除的虚拟目录 单击 操作 菜单 然后单击 删除 删除虚拟目录不会删除相应的物理目录或文件 11 12 3 2 3启动和停止站点默认情况下 重新启动计算机时将自动启动站点 停止站点将停止Internet服务 并从计算机内存中卸载Internet服务 暂停站点将阻止Internet服务接受新的连接 但不影响已在处理的请求 启动站点将重新启动或恢复Internet服务 按以下步骤开始 停止或暂停站点 在Internet信息服务管理单元中 选择要开始 停止或暂停的站点 单击工具栏中的 开始 停止 或 暂停 按钮 如果站点意外停止 Internet信息服务管理单元将无法正确显示服务器的状态 重新启动之前 先单击 停止 然后再单击 开始 重新启动站点 12 12 3 2 4重新启动IIS当应用程序出错或不可用时 可以通过IIS停止或重新启动计算机 由于多个Internet服务在同一个进程中运行 所以Internet服务的关机和重新启动与其他Windows服务不同 应该使用Internet信息服务管理单元而不是 计算机管理服务 管理单元重新启动Internet服务 如果启用了 可靠重新启动 当应用程序发生故障时将自动重新启动IIS 重新启动IIS的步骤如下 在Internet信息服务管理单元中 选择要重新启动IIS的计算机图标并单击 操作 单击 重新启动IIS 出现 停止 启动 重新启动 对话框 从下拉菜单中 选择 重新启动Internet服务 还可以选择 启动Internet服务 停止Internet服务 或 重新启动 若要停止Internet服务 必须禁用 可以重新启动 单击 确定 IIS将在选定计算机上重新启动Web服务 13 12 3 2 5配置ASP应用程序可以为安装在Web服务器上的每个ASP 第13章有更多的关于ASP的讲述 应用程序设置某些属性 例如 可以在应用程序中启用会话状态或设置默认脚本语言 应用程序属性将应用于应用程序中的所有ASP网页 除非在某个单独网页中直接覆盖了此属性 配置ASP应用程序的方法如下 在Internet信息服务管理单元中 选择网站或应用程序的开始位置目录 打开目录的属性页 然后单击 主目录 虚拟目录 或 目录 选项卡 单击 配置 按钮 然后单击 选项 选项卡 设置应用程序的属性 有关每种属性的描述 请参阅选项属性页 14 12 4简单的Web浏览器客户端 用WebBrower控件来创建一个简单的Web浏览器的客户端程序 15 12 4 1使用WebBrower控件 1 新建项目MyWebBrower 2 加载组件 WebBrower控件不在工具箱的默认设置里 切换到工具箱的组件栏 在该栏的空白处单击鼠标右键 从弹出的菜单中选择自定义工具箱 将看到 选择工具箱项 窗口 在窗口的COM组件页中选择 MicrosoftWeb浏览器 然后单击确定按钮 16 3 将新添加的组件拖放到Form窗口中 4 再放置3个按钮 分别用于后退 前进和开始 5 最后放置一个文本框用于输入Internet地址 17 12 4 2WebBrower常用的方法 Navigate2该方法接收一个URL地址参数 将该URL指定的web页在组件中显示出来GoBack向后回退一个网页GoForward向前前进一个网页GoHome显示主页ReFresh刷新当前页Stop停止当前页的显示和下载 18 12 4 3WebBrower常用的事件 BeforeNavigate2将要开始下载并显示一个Web页NavigateComplete2Web页下载显示完毕FileDownload将有文件下载操作发生 19 12 4 3WebBrower常用的属性 LocationURL指示当前Web网页的URL地址 20 12 4 4控件代码 转到 按钮的代码 PrivateSubBtnGo Click ByValsenderAsSystem Object ByValeAsSystem EventArgs HandlesBtnGo ClickWebBrowser Navigate2 TxtAddress Text EndSub 21 前进 按钮的代码 PrivateSubBtnforward Click ByValsenderAsSystem Object ByValeAsSystem EventArgs HandlesBtnforward ClickTryWebBrowser GoForward CatchexAsExceptionEndTryEndSub 22 后退 按钮的代码 PrivateSubBtnBack Click ByValsenderAsSystem Object ByValeAsSystem EventArgs HandlesBtnBack ClickTryWebBrowser GoBack CatchexAsExceptionEndTryEndSub 23 文本框的KeyDown事件代码 PrivateSubTxtAddress KeyDown ByValsenderAsObject ByValeAs System Windows Forms KeyEventArgs HandlesTxtAddress KeyDownIf e KeyCode Keys Enter ThenWebBrowser Navigate2 TxtAddress Text EndIfEndSub 24 NavgateComplete2事件的代码 PrivateSubWebBrowser NavigateComplete2 ByValsenderAsObject ByValeAsAxSHDocVw DWebBrowserEvents2 NavigateComplete2Event HandlesWebBrowser NavigateComplete2TxtAddress Text WebBrowser LocationURLEndSub 25 运行结果 26 12 5创建第一个Web应用程序 Web应用程序和一般的Windows应用程序之间的最大的差别 Web应用程序将大部分代码保存在Web服务器上Web服务器负责执行该程序 并负责把结果返回给浏览器 27 12 5 1Web应用程序项目 使用Web的方式 ASP 创建ActiveServerPages 活动服务器页面 其中包含在服务器上执行的VisualBasic代码 VisualBasic类 已被编译到Dll文件中的类 客户端脚本 VBScript 用于在浏览器内部执行代码 28 12 5 2创建Web应用程序项目 1 在起始页上单击新建项目 2 选择ASPWeb应用程序图标 3 将位置的最后 由默认的Applaction1改为MyFirstWeb 单击确定 4 进行设计界面 29 12 5 4创建Web应用程序 编写Web应用程序计算利息 30 12 5 4 1添加控件 4个标签4个文本框一个链接按钮 31 32 12 5 4 2编写VisualBasic代码 PrivateSubLBtnCaculate Click ByValsenderAsObject ByValeAsSystem EventArgs HandlesLBtnCaculate