Web应用程序开发(一)

  • 格式:doc
  • 大小:98.00 KB
  • 文档页数:6

呼伦贝尔学院—— 计算机科学与技术学院 VB第八章第一次课

1 第八章 Web应用程序开发(一)

教学目标:通过讲授和学生的动手练习,使学生了解Web应用程序的开发方法。

教学类型:在多媒体教室直观讲授,引导学生进行简单程序设计操作。加深对本次课内容的理解。

教学内容:Web应用程序介绍,介绍,Web窗体(服务器控件)控件。

8.1 Web应用程序

.NET框架的目标是设计用于Internet时代应用程序的开发平台。Windows窗体允许开发运行在Windows操作系统上的应用程序,Web窗体则打开了跨平台开发之门,Web窗体显示在Internet Explorer或Netscape Navigator这样的浏览器应用程序中。最普遍的访问方式是通过网络完成的。原来为Internet开发应用程序和创建Windows程序有很大的差别。而Visual Studio能方便地在这两种开发环境之间切换。

一、客户机/服务器的Web应用程序

大多数Windows应用程序都是独立的应用程序,而Web应用程序需要服务器和客户机。Web服务器把网页发送给客户机,并在浏览器应用程序中显示网页。如图1所示。

1. Web服务器

要开发Web应用程序,必须使用远程Web服务器,或者使本机成为Web服务器。

2. Web客户机

浏览器可以显示用超文本标记语言(HTML)编写的网页。

3. Web页

用户请求Web页时,浏览器(客户端)会向服务器发送一个请求。服务器会发送一个已经格式化的HTML文件,或由服务器上的程序动态生成显示页面所必需的HTML代码。动态生成HTML页面的一种Microsoft技术是Active Server Pages(ASP)。

4. Web页与Windows窗体

网页和Windows窗体之间是有区别的。Windows窗体把Windows应用程序窗口用作程序的主要用户界面,网站则通过支持程序代码的网页为用户提供信息。

和Windows窗体一样,网页可以包括文本、图形图像、按钮、列表框,以及其他用于提供信息、处理用户输入或者显示输出的对象。要创建网站,必须使用Visual Web Devepoler工具箱中的控件,每一个Visual Web Developer控件都有其特有的方法、属性和事件。这些控件和Windows窗体控件之间有许多类似之处,也有若干重要的差异。

二、 一个Web应用程序实例—Hello World

1、启动Visual Web Developer 2005 ,单击 文件\新建网站,打开对话框。在模板请求

响应

服务器 客户机(浏览器)

图1 服务器和客户机之间的信息传递 呼伦贝尔学院—— 计算机科学与技术学院 VB第八章第一次课

2 中选择网站,在位置框中选择HTTP,在右侧的项目名称框中输入http://

localhost /Helloworld,在语言框中选择Visual Basic,单击确定按钮,则新建一个名为Helloworld的项目。

2、新建项目以后Visual Web Developer将自动添加一个名为Default.aspx的页面文件,同时将使该文件处于编辑状态。

3、使用默认的Default.aspx,在右侧的解决方案资源管理器中的最上端的http://localhost/Helloworld/上单击鼠标右键,选择添加新项,打开添加新项对话框后单击添加按钮。

4、添加新的Web窗体以后Visual Web Developer将自动打开该文件,并使之处于HTML视图。

5、选中刚才拖入的Label控件,在属性窗口中设置其ID属性为lblHello。

6、在Helloworld1.aspx设计视图的空白处双击,这时将自动打开Helloworld1.aspx.vb文件。

7、在解决方案资源管理器中选中Helloworld1.aspx文件,单击右键,选中在浏览器中查看选项,或者直接敲击键盘F5键。

8.2 介绍

是一种Web开发环境,它可以编译包括Visual Basic在内的任何一种.NET语言编写的应用程序,为Web窗体和Web服务提供同Windows应用程序一样的调试支持,使Web开发变得更为容易。

一、 关于

是建立在微软新一代.NET平台架构上,利用普通语言运行时(Common

Language Runtime)在服务器后端为用户提供建立强大的企业级Web应用服务的编程框架。

目前的开发语言有三种:C#、Visual 和JScrip。 主要包括WebForm和WebService两种编程模型。前者为用户提供建立功能强大、外观丰富的基于表单(Form)的可编程Web页面。后者通过对HTTP、XML、SOAP、WSDL等Internet标准的支持提供在异构网络环境下获取远程服务,连接远程设备,交互远程应用的编程界面。

二、与ASP的联系和主要区别

与现存的ASP保持语法兼容,我们可将现有的ASP源码文件扩展名“.asp”改为“.aspx”,然后配置在支持运行时的IIS服务器的Web目录下,即可获得运行时的全部优越性能。

与ASP的主要区别在于前者是编译(Compile)执行,而后者是解释(Interpret)执行,前者比后者有更高的效率。实际上我们可以把的执行过程看做是编译后的普通语言运行时代码充当一个和前端浏览器和中间件用户交互的应用程序,它接受用户的请求,输出HTML流到客户端显示。此外,还可以利用.NET平台架构的诸多优越性能,如类型安全,对XML,SOAP, WSDL等Internet标准的强健支持。

三、Visual Basic和 呼伦贝尔学院—— 计算机科学与技术学院 VB第八章第一次课

3 每一个Web窗体都由两个不同的部分组成:(1) HTML代码和提交页面所需的指令; (2) Visual Basic代码。与以前将HTML代码和程序逻辑(脚本或者Java applet)混合在一起的方式相比,这种划分方式是一大进步。Web窗体设计器会生成两个文件,一个文件的扩展名是.aspx,用于存放HTML代码;另一个文件的扩展名是.aspx.vb,用于存放Visual Basic代码。

VB代码包含了响应事件的程序逻辑。这个代码文件称为后台代码(code-behind)文件。这些代码看起来和为Windows应用程序编写的代码一样,但是Web窗体上控件的很多事件都不同于Windows窗体的控件事件。另一个区别是VB代码不像Windows应用程序那样编译为可执行文件(.exe)。

使用VB和可以创建面向对象的、由事件驱动的Web应用程序。这些程序可以包含多个类,并且可以使用继承技术。

8.3 Web窗体(服务器控件)控件

Web窗体是用于创建可编程网页的技术。使用Web窗体,通过将控件拖放到设计器上然后添加代码来创建Web页。

一、服务器控件的定义

服务器控件是一种在服务器端完成的控件,服务器端在处理完控件动作后,再生成标准的HTML文件发送给客户端。

在创建一个简单的 HTML 页面并将其保存到本地文件系统中时,双击该文件就可以在浏览器中查看它。如果只是搭建一个静态的 HTML 站点并希望测试输出,这样做是可以的,但是在开发网站时,无法要求用户先下载网页然后再查看,这就是为什么网站在部署之后,必须上载到 Web 服务器的原因。

既然站点部署到Web 服务器上,人们就可以从其他机器访问这个站点,浏览各个HTML页面。然而,如果服务器上安装了所需的软件,那么就可以提供更多的功能,而不仅仅是静态HTML 页面。在请求HTML 页面时,服务器找到对应的文件并将其发送给用户;而在请求 页面时(扩展名为.aspx 的页面),服务器将在文件系统中找到并读取对应的页面,然后执行某些处理,再将结果页面发送给用户。“执行某些处理”就是 的功能所在。

二、控件类型

标准(服务器控件):这些控件是和.NET Framework提供的最丰富、最强大的控件。

数据:这个控件列表包括用于显示数据的GridView和DataList。

验证:这些控件用于在把数据发送给服务器之前验证数据。

导航:包括一个菜单控件。

登录:Visual Web Developer 2005包含登录控件和向导。

WebParts: 组件的WebParts组允许用户在浏览器上改变界面的外观和操作方式。

HTML:这些标准的HTML控件,只能在窗户端操作。无法为HTML控件编写服务器端编程逻辑。向服务器提交窗体时,所有的HTML控件都传送给服务器,返回静态广西如果要把已有的HTML页面转换到,以获得更多的功能,就会用到HTML控件。 呼伦贝尔学院—— 计算机科学与技术学院 VB第八章第一次课

4 常规:为了方便设计窗体,可以把上面介绍的任意的控件拖动到此选项卡中。

在设计视图中,可以区分客户端HTML控件和服务器端控件的区别。VS设计人员在所有服务器控件的左上角加了小箭头。

三、 设置控件的属性

设置控件的属性将定义其外观和行为。有两种方式设置控件属性:

1、在“设计”视图中,选择控件,然后在“属性”窗口中设置属性。

2、在“源”视图中,在控件的元素标记中置入插入点,然后在“属性”窗口中设置属性。

服务器控件的基本属性如表8.1所示:

表8.1 服务器控件的基本属性

AccessKey 获取或设置得以快速导航到Web服务器控件的访问键

Attributes 获取与控件的属性不对应的任意特性(只用于呈现)的集合 BackColor BorderColor ForeColor 获取或设置Web服务器控件的背景取色 获取或设置Web控件的边框颜色 获取或设置Web服务器控件的前景色(通常是文本颜色) BorderWidth 获取或设置Web服务器控件的边框宽度 BorderStyle 获取或设置服务器控件的边框样式 CssClass 获取或设置由Web服务器控件在客户端呈现的级联样式表(CSS)类 Style 作为控件的外部标记上的CSS样式属性呈现的文本属性集合 Enabled 当此属性设置为true(默认值)时使控件起作用 设置为false时禁用控件 EnableViewState 获取或设置一个值,该值批示服务器控件是否向发出请求的客户端保持自己的视图状态以及它所包含的任何子控件的视图状态 Font 指定Web服务器控件的字体属性 Height、Width 获取或设置控件的高度、控件的宽度 SkinID 获取或设置要应用于控件的外观 ToolTip 获取或设置当鼠标指针悬停在Web服务器控件上时显示的文本 TabIndex 获取或设置Web服务器控件的选项卡索引 四、事件处理 为Web控件编写事件处理的VB代码和为Windows控件编写代码的方式是一样的。事件可能发生在客户机,也可能发生在服务器,但代码总是在服务器上执行。捕获事件,将其发送到服务器以及执行所需方法的整个过程是自动完成的。 Web窗体和控件的事件和Windows窗体和控件的事件是有差别的。例如,Web窗体拥有Page_Load事件,而不是Form_load事件。在控件的属性窗口中单击事件按