《了解ASP.NET与VisualStudio.ppt》由会员分享，可在线阅读，更多相关《了解ASP.NET与VisualStudio.ppt（65页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、项目一了解项目一了解ASP.NET与与Visual Studio 2005 任务一设计任务一设计“Hello VS2005”任务二任务二ASP.NET程序构成与处理过程程序构成与处理过程 任务三任务三ASP.NET 2.0 Web常用控件常用控件任务一设计任务一设计“Hello VS2005”【任务要点】【任务要点】1.掌握新建掌握新建Web应用程序应用程序2.掌握掌握ASP.NET 2.0的集成开发环境（的集成开发环境（IDE）3.掌握掌握ASP.NET 2.0的程序运行环境的程序运行环境【案例【案例1】设计】设计“hello VS2005”【具体步骤】【具体步骤】（1）打开）打开Visua
2、l Studio 2005后，选择【文件】后，选择【文件】【新建网站】命令，【新建网站】命令，在弹出的【新建网站】对话框中，作如在弹出的【新建网站】对话框中，作如图图1-1所示的设置后单击【所示的设置后单击【确定】按钮。确定】按钮。（2）在）在Webhello的网站开发环境中，用户可以在【解决方案资源管理的网站开发环境中，用户可以在【解决方案资源管理器】中看到一个自成生成的文件夹器】中看到一个自成生成的文件夹App_Data和和Default.aspx，Default.aspx.cs两个文件，如两个文件，如图图1-2所示。所示。下一页返回任务一设计任务一设计“Hello VS2005”（3）在
3、）在图图1-2中单击【设计】按钮（左下角有标注），就可以转到【中单击【设计】按钮（左下角有标注），就可以转到【设计】视图，在工具箱里将设计】视图，在工具箱里将Label控件拖动到【设计】视图中，并控件拖动到【设计】视图中，并命名为命名为lblHello，如，如图图1-3所示。所示。（4）在【设计】视图下，双击页面空白处，会从）在【设计】视图下，双击页面空白处，会从Default.aspx页面转页面转到到Default.aspx.cs页面，在页面载入事件页面，在页面载入事件Page_Load()中输入中输入图图1-4所示的代码。代码如下：所示的代码。代码如下：this.lblHello.Text
4、=“Hello VS2005!”;（5）选择【调试】）选择【调试】【启动调试】或【开始执行（不调试）】命令，【启动调试】或【开始执行（不调试）】命令，将出现将出现图图1-5所示的界面。所示的界面。下一页返回上一页任务一设计任务一设计“Hello VS2005”【背景知识】【背景知识】一、一、ASP.NET 2.0的集成开发环境（的集成开发环境（IDE）在使用在使用ASP.NET 2.0时，建议读者也使用时，建议读者也使用Visual Studio 2005，它是它是Microsoft最新的最新的IDE，非常便于建立，非常便于建立.NET组件和应用程序。组件和应用程序。它为编写它为编写ASP.N
5、ET应用程序提供了最佳的开发环境。过去，在学应用程序提供了最佳的开发环境。过去，在学习一门语言的同时，还必须学习编写新语言或技术的环境。似乎习一门语言的同时，还必须学习编写新语言或技术的环境。似乎Microsoft有多少语言和技术，就有多少个开发环境。例如，在引有多少语言和技术，就有多少个开发环境。例如，在引入入Visual Studio.NET 2002之前，之前，Web开发、开发、Visual Basic、C+开开发各自需要不同的环境。必须为特定类型的编程选择合适的环境。发各自需要不同的环境。必须为特定类型的编程选择合适的环境。而有了新的而有了新的Visual Studio集成开发环境，就
6、可以在同一个环境集成开发环境，就可以在同一个环境(Visual Studio)下建立所有的下建立所有的.NET类、组件和应用程序。类、组件和应用程序。下一页返回上一页任务一设计任务一设计“Hello VS2005”Visual Studio 2005支持建立任意类型的支持建立任意类型的.NET组件或应用程序。组件或应用程序。在使用这个工具时，可以选择任意在使用这个工具时，可以选择任意Microsoft.NET兼容的语言来建兼容的语言来建立应用程序，它还允许创建立应用程序，它还允许创建Windows Forms、XML Web服务、服务、.NET组件、可移式应用程序、组件、可移式应用程序、ASP
7、.NET应用程序等。在这个版本应用程序等。在这个版本中包含大量的新向导和智能标记，简化了开发过程。中包含大量的新向导和智能标记，简化了开发过程。二、二、ASP.NET2.0的新特性的新特性 1.控件控件 2.页面框架页面框架 3.服务与服务与APIs下一页返回上一页任务一设计任务一设计“Hello VS2005”三、三、.NET Framework .NET Framework是微软公司推出的完全面向对象的软件开是微软公司推出的完全面向对象的软件开发及运行平台。发及运行平台。.NET Framework具有两个主要部件：公共语言运具有两个主要部件：公共语言运行库和行库和.NET Framewo
8、rk类库。类库。公共语言运行库是公共语言运行库是.NET Framework的基础。这为多种语言提的基础。这为多种语言提供了一种统一的运行环境。可以将运行库看作一个在执行时管理供了一种统一的运行环境。可以将运行库看作一个在执行时管理代码的代理，代码管理的概念是运行库的基本原则。以运行库为代码的代理，代码管理的概念是运行库的基本原则。以运行库为目标的代码称为托管代码，而不以运行库为目标的代码称为非托目标的代码称为托管代码，而不以运行库为目标的代码称为非托管代码。管代码。.NET Framework的另一个主要组件是类库，可以使用它开发的另一个主要组件是类库，可以使用它开发多种应用程序，这些应用程
9、序包括传统的命令行或图形用户界面多种应用程序，这些应用程序包括传统的命令行或图形用户界面应用程序，也包括基于应用程序，也包括基于ASP.NET的最新创建的应用程序。的最新创建的应用程序。返回上一页任务二任务二ASP.NET程序构成与处理过程程序构成与处理过程【任务要点】【任务要点】1.掌握掌握ASP.NET 2.0页面结构选项页面结构选项2.掌握掌握ASP.NET 2.0应用程序文件夹应用程序文件夹3.掌握掌握ASP.NET 2.0的页面指令的页面指令4.掌握掌握ASP.NET 2.0的页面事件的页面事件【案例【案例1】ASP.NET程序构成初探程序构成初探 在利用在利用ASP.NET 2.0
10、设计设计Web应用程序时，不可避免地要学会应用程序时，不可避免地要学会并掌握页面结构、指令、事件以及应用程序文件夹、并掌握页面结构、指令、事件以及应用程序文件夹、Global.asax以及程序的编译。下面继续以以及程序的编译。下面继续以“Hello VS2005”为例讲解以上的知识为例讲解以上的知识点。点。下一页返回任务二任务二ASP.NET程序构成与处理过程程序构成与处理过程【具体步骤】【具体步骤】（1）打开）打开Hello VS2005后，分别切换到后，分别切换到图图1-8和和图图1-9所示的页面。下所示的页面。下面来理解内置代码模型与后台编码模型。面来理解内置代码模型与后台编码模型。（2
11、）打开）打开Default.aspx页面并单击【源】按钮，如页面并单击【源】按钮，如图图1-10所示。所示。（3）切换到）切换到Default.aspx.cs页面，如页面，如图图1-11所示。所示。（4）在【解决方案资源管理器】的网站根目录上右击，在弹出的快捷）在【解决方案资源管理器】的网站根目录上右击，在弹出的快捷菜单中选择【添加新项】命令，如菜单中选择【添加新项】命令，如图图1-12所示，在弹出的【添加新所示，在弹出的【添加新项】对话框中选择【全局应用程序类】选项后单击【添加】按钮，项】对话框中选择【全局应用程序类】选项后单击【添加】按钮，再在【解决方案资源管理器】中双击再在【解决方案资源
12、管理器】中双击Global.asax，如，如图图1-13所示。所示。下一页返回上一页任务二任务二ASP.NET程序构成与处理过程程序构成与处理过程【背景知识】【背景知识】一、一、ASP.NET页面结构选项页面结构选项 ASP.NET 2.0为构造为构造ASP.NET页面的代码提供了两条途径。页面的代码提供了两条途径。第一条途径是利用内置代码模型。这个模型对第一条途径是利用内置代码模型。这个模型对ASP开发人员来说很开发人员来说很熟悉，因为所有的代码都包含在一个熟悉，因为所有的代码都包含在一个.asp页面中。第二条途径是使页面中。第二条途径是使用用ASP.NET的后台编码模型，它允许把页面的业务
13、逻辑代码与其的后台编码模型，它允许把页面的业务逻辑代码与其显示逻辑代码分开。在这个模型中，页面的显示逻辑存储在显示逻辑代码分开。在这个模型中，页面的显示逻辑存储在.aspx页面中，业务逻辑存储在一个单独的一类文件页面中，业务逻辑存储在一个单独的一类文件.aspx.cs或或.aspx.vb中。中。Visual Studio.NET 2003的一个主要缺点是，在开发的一个主要缺点是，在开发ASP.NET页面时，它要求使用后台编码模型，因为它不理解内置代码模型。页面时，它要求使用后台编码模型，因为它不理解内置代码模型。ASP.NET中的后台编码模型是把显示代码和业务逻辑分开的一种中的后台编码模型是把
14、显示代码和业务逻辑分开的一种新方式。新方式。下一页返回上一页任务二任务二ASP.NET程序构成与处理过程程序构成与处理过程下面介绍下面介绍ASP.NET 2.0中的内置和后台编码模型。中的内置和后台编码模型。（1）内置模型的优点是，业务逻辑和显示逻辑都包含在相同的文件中。）内置模型的优点是，业务逻辑和显示逻辑都包含在相同的文件中。开发人员发现，把所有的东西都放在一个可访问的实例中，可以开发人员发现，把所有的东西都放在一个可访问的实例中，可以使使ASP.NET页面的处理更简单。另一个优点是页面的处理更简单。另一个优点是Visual Studio 2005在处理内置编码模型和在处理内置编码模型和A
15、SP.NET 2.0时提供了时提供了IntelliSense。过去，。过去，这个功能是不存在的。这个功能是不存在的。Visual Studio要求必须使用后台编码模型，要求必须使用后台编码模型，如果非法操作，让页面使用内置模型，就会丢失如果非法操作，让页面使用内置模型，就会丢失IntelliSense功能。功能。下一页返回上一页任务二任务二ASP.NET程序构成与处理过程程序构成与处理过程（2）构建）构建ASP.NET 2.0页面的另一个选项是使用新的后台编码模型建页面的另一个选项是使用新的后台编码模型建立文件。这里提出立文件。这里提出“新的后台编码模型新的后台编码模型”是因为，即使后台编码模
16、是因为，即使后台编码模型的理念与型的理念与ASP.NET的以前版本相同，后台编码模型在的以前版本相同，后台编码模型在ASP.NET 2.0中的使用方式也大不相同。使用这个新的中的使用方式也大不相同。使用这个新的ASP.NET 2.0后台编后台编码模型的码模型的.aspx页面在页面在Page指令有一些属性与指令有一些属性与ASP.NET的以前版本的以前版本不同。第一个属性是不同。第一个属性是CodeFile，这是，这是Page指令的一个新属性，表示指令的一个新属性，表示指向与这个显示页面一起使用的后台编码页面。在这个例子中，指向与这个显示页面一起使用的后台编码页面。在这个例子中，给它赋予的值是给
17、它赋予的值是Default.aspx.vb或或Default.aspx.cs。第二个需要的。第二个需要的属性是属性是Inherits，这个属性在，这个属性在ASP.NET的以前版本中也有，但很少的以前版本中也有，但很少使用。它指定编译页面时绑定到页面上的类名。指令在使用。它指定编译页面时绑定到页面上的类名。指令在ASP.NET 2.0中非常简单。中非常简单。下一页返回上一页任务二任务二ASP.NET程序构成与处理过程程序构成与处理过程二、页面指令二、页面指令 表表1-1描述了描述了ASP.NET 2.0中的指令。中的指令。三、页面事件三、页面事件 在在ASP.NET页面的生命周期内，页面的生命
18、周期内，Page对象会公开一些被频繁对象会公开一些被频繁使用的标准事件。使用的标准事件。ASP.NET页面框架在运行时，会自动连接到页面框架在运行时，会自动连接到（连线）这些方法的相应代理实例。这样用户就无须编写必要的（连线）这些方法的相应代理实例。这样用户就无须编写必要的“粘接代码粘接代码”。以下列举按激发顺序提供运行时连线的代理实例。以下列举按激发顺序提供运行时连线的代理实例。（1）Page_Init：出现此事件期间，用户可以初始化值或连接可能具有：出现此事件期间，用户可以初始化值或连接可能具有的任何事件处理程序。的任何事件处理程序。下一页返回上一页任务二任务二ASP.NET程序构成与处理
19、过程程序构成与处理过程（2）Page_Load：出现此事件期间，用户可以执行一系列的操作来首：出现此事件期间，用户可以执行一系列的操作来首次创建次创建ASP.NET页面或响应由投递引起的客户端事件。在此事件页面或响应由投递引起的客户端事件。在此事件之前，已还原页面和控件视图状态。使用之前，已还原页面和控件视图状态。使用IsPostBack页面属性检查页面属性检查是否为首次处理该页面。如果是首次处理，请执行数据绑定。此是否为首次处理该页面。如果是首次处理，请执行数据绑定。此外，请读取并更新控件属性。外，请读取并更新控件属性。（3）Page_DataBind：在页面级别调用：在页面级别调用Data
20、Bind方法时，将引发方法时，将引发DataBind事件。如果在单个控件上调用事件。如果在单个控件上调用DataBind，则它只激发它，则它只激发它下面控件的下面控件的DataBind事件。事件。（4）Page_PreRender：恰好在保存视图状态和呈现控件之前激发：恰好在保存视图状态和呈现控件之前激发PreRender事件。用户可以使用此事件在控件上执行所有最后时刻事件。用户可以使用此事件在控件上执行所有最后时刻操作。操作。（5）Page_Unload：完成页面呈现之后，将激发：完成页面呈现之后，将激发Page_Unload事件。事件。此事件是执行最终清理工作的合适位置。这包括清理打开的数
21、据此事件是执行最终清理工作的合适位置。这包括清理打开的数据库连接、丢弃对象或关闭打开的文件等操作。库连接、丢弃对象或关闭打开的文件等操作。下一页返回上一页任务二任务二ASP.NET程序构成与处理过程程序构成与处理过程以下列表概括了非确定性事件。以下列表概括了非确定性事件。（1）Page_Error：如果在页面处理过程中出现未处理的例外，则激发：如果在页面处理过程中出现未处理的例外，则激发Error事件。错误事件为用户提供了妥善处理错误的机会。事件。错误事件为用户提供了妥善处理错误的机会。（2）Page_AbortTransaction：如果要指明交易是成功还是失败，交易：如果要指明交易是成功还
22、是失败，交易事件非常有用。此事件通常用于购物车方案，其中此事件可以指事件非常有用。此事件通常用于购物车方案，其中此事件可以指示订购是成功还是失败。如果已终止交易，则激发此事件。示订购是成功还是失败。如果已终止交易，则激发此事件。（3）Page_CommitTransaction：如果已成功提交交易，则激发此事件。：如果已成功提交交易，则激发此事件。下一页返回上一页任务二任务二ASP.NET程序构成与处理过程程序构成与处理过程除了上面的页面事件之外，除了上面的页面事件之外，ASP.NET 2.0还添加了下述新事件。还添加了下述新事件。（1）InitComplete：表示页面完成了初始化。：表示页
23、面完成了初始化。（2）LoadComplete：表示页面完全加载到内存中。：表示页面完全加载到内存中。（3）PreInit：表示页面初始化前的那一刻。：表示页面初始化前的那一刻。（4）PreLoad：表示页面加载到内存前的那一刻。：表示页面加载到内存前的那一刻。（5）PreRenderComplete：表示页面显示在浏览器中之前的那一刻。：表示页面显示在浏览器中之前的那一刻。下一页返回上一页任务二任务二ASP.NET程序构成与处理过程程序构成与处理过程 如果创建一个如果创建一个ASP.NET 2.0页面，并打开跟踪功能，就会看到页面，并打开跟踪功能，就会看到主页面事件的启动顺序，它们按照下面的
24、顺序启动：主页面事件的启动顺序，它们按照下面的顺序启动：（1）PreInit；（2）Init；（3）InitComplete；（4）PreLoad；（5）Load；（6）LoadComplete；（7）PreRender；（8）PreRenderComplete；（9）Unload。下一页返回上一页任务二任务二ASP.NET程序构成与处理过程程序构成与处理过程四、四、ASP.NET 2.0应用程序文件夹应用程序文件夹1.App_Code文件夹文件夹2.App_Data文件夹文件夹3.App_Themes文件夹文件夹4.App_GlobalResources文件夹文件夹5.App_LocalRe
25、sources文件夹文件夹6.App_WebReferences文件夹文件夹7.App_Browsers文件夹文件夹下一页返回上一页任务二任务二ASP.NET程序构成与处理过程程序构成与处理过程五、五、ASP.NET程序的编译程序的编译 在浏览器中第一次引用在浏览器中第一次引用ASP.NET页面时，请求会传送给页面时，请求会传送给ASP.NET解析器，解析器，ASP.NET解析器用该页面的语言创建类文件，解析器用该页面的语言创建类文件，该文件会根据其扩展名该文件会根据其扩展名(.aspx)传送给传送给ASP.NET解析器，因为解析器，因为ASP.NET知道，这个文件扩展名类型对其处理是有意义的
26、。在创知道，这个文件扩展名类型对其处理是有意义的。在创建了类文件后，类文件就被编译为建了类文件后，类文件就被编译为DLL，然后写入，然后写入Web服务器的服务器的磁盘。此时，实例化磁盘。此时，实例化DLL并处理它，为并处理它，为ASP.NET页面的最初请求页面的最初请求者生成输出。者生成输出。下一个预编译选项常常称为用于部署的预编译。这是下一个预编译选项常常称为用于部署的预编译。这是ASP.NET新增的一个优秀功能，它允许把应用程序编译为某些新增的一个优秀功能，它允许把应用程序编译为某些DLL，然后部署给客户、伙伴或其他地方。这么做不但需要的步，然后部署给客户、伙伴或其他地方。这么做不但需要的
27、步骤非常少，而且应用程序在编译后，只需移动这些骤非常少，而且应用程序在编译后，只需移动这些DLL和某些占和某些占位符文件，就可以让站点运转起来。也就是说，在部署时，位符文件，就可以让站点运转起来。也就是说，在部署时，Web站点的代码都放在站点的代码都放在DLL中。中。下一页返回上一页任务二任务二ASP.NET程序构成与处理过程程序构成与处理过程 要预编译应用程序以用于部署，必须使用要预编译应用程序以用于部署，必须使用ASP.NET 2.0附带附带的的aspnet_compiler.exe工具。工具。实际上，实际上，bin文件夹中有一个文件夹中有一个Code.dll文件，其中包含了所有文件，其中
28、包含了所有的页面代码。因为它在一个的页面代码。因为它在一个DLL文件中，所以还提供了一个重要文件中，所以还提供了一个重要的代码平台。的代码平台。注意，这个编译过程没有编译每种类型的注意，这个编译过程没有编译每种类型的Web文件。实际上，文件。实际上，它只编译了与它只编译了与ASP.NET相关的文件类型，没有编译下述文件类型。相关的文件类型，没有编译下述文件类型。HTML文件；文件；XML文件；文件；XSD文件；文件；Web.Config文件；文件；文本文件。文本文件。下一页返回上一页任务二任务二ASP.NET程序构成与处理过程程序构成与处理过程六、六、Global.asax ASP.NET应用
29、程序只能有一个应用程序只能有一个Global.asax文件，该文件支持文件，该文件支持许多项。许多项。与处理与处理.aspx页面中页面级的事件一样，也可以在页面中页面级的事件一样，也可以在Global.asax文件中处理应用程序的事件。除了这个代码示例中列出的事件之文件中处理应用程序的事件。除了这个代码示例中列出的事件之外，还可以在这个文件中构建如下所示的事件。外，还可以在这个文件中构建如下所示的事件。（1）Application_Start（2）Session_Start（3）Application_BeginRequest（4）Application_AuthenticateRequest
30、（5）Application_Error（6）Session_End下一页返回上一页任务二任务二ASP.NET程序构成与处理过程程序构成与处理过程（7）Application_End七、七、ASP.NET Web应用程序的组成应用程序的组成（1）一个在）一个在IIS信息服务器中的虚拟的目录。这个虚拟目录被配置为信息服务器中的虚拟的目录。这个虚拟目录被配置为应用程序的根目录；应用程序的根目录；（2）一个或多个带）一个或多个带.aspx扩展名的页面文件，还允许放入若干个扩展名的页面文件，还允许放入若干个.htm或或.asp网页文件。当然用户可以以自己的方式来组织它们的目录结构；网页文件。当然用户可
31、以以自己的方式来组织它们的目录结构；（3）一个或多个）一个或多个Web.Config配置文件；配置文件；（4）一个以）一个以Global.asax命名的全局文件；命名的全局文件；（5）App_Code和和App_Data共享目录。共享目录。返回上一页任务三任务三ASP.NET 2.0 Web常用控件常用控件【任务要点】【任务要点】1.掌握文本类型控件掌握文本类型控件2.掌握按钮类控件掌握按钮类控件3.掌握选择类控件掌握选择类控件4.掌握图形显示类控件掌握图形显示类控件5.掌握容器类控件掌握容器类控件6.掌握文件上传控件掌握文件上传控件下一页返回任务三任务三ASP.NET 2.0 Web常用控件
32、常用控件【案例【案例1】设计简单注册界面】设计简单注册界面【具体步骤】【具体步骤】（1）打开）打开Hello VS2005后，添加一个后，添加一个Web窗体并命名为窗体并命名为register.aspx。（2）选择【布局】）选择【布局】【插入表】命令，在弹出的【插入表】对话框中，【插入表】命令，在弹出的【插入表】对话框中，插入插入4行行3列的表格，如列的表格，如图图1-14所示。所示。（3）拖动两个标签和三个文本框到表格中，它们的属性见）拖动两个标签和三个文本框到表格中，它们的属性见表表1-3，设，设置分别如置分别如图图1-15图图1-17所示。所示。（4）将按钮拖动到）将按钮拖动到regis
33、ter.aspx的视图下，并将其的视图下，并将其ID设置为设置为“btnReset”，将其，将其Text设置为设置为“重置重置”，双击按钮后输入以下代码，双击按钮后输入以下代码，如如图图1-18所示。所示。（5）选择【调试】）选择【调试】【开始执行】命令，运行结果如【开始执行】命令，运行结果如图图1-19所示。所示。下一页返回上一页任务三任务三ASP.NET 2.0 Web常用控件常用控件【案例【案例2】利用】利用DropDownList来选择花朵并在图来选择花朵并在图片框中显示片框中显示【具体步骤】【具体步骤】（1）新建一个网站并命名为）新建一个网站并命名为ddlimage，从工具箱里把，从
34、工具箱里把DropDownList和和Image两个控件拖动到两个控件拖动到Default.aspx的视图下，分别命名为的视图下，分别命名为ddlImg和和imgFlower，此时要注意的是也要把，此时要注意的是也要把ddlImg的的AutoPostBack的属性设置为的属性设置为True，如，如图图1-20和和图图1-21所示。所示。（2）双击）双击Default.aspx页面的空白部分，并输入以下代码，如页面的空白部分，并输入以下代码，如图图1-22所所示。示。下一页返回上一页任务三任务三ASP.NET 2.0 Web常用控件常用控件（3）选择【调试】）选择【调试】【开始执行】命令，结果如
35、【开始执行】命令，结果如图图1-23所示。但改变所示。但改变DropDownList控件的值后，就会发现控件的值后，就会发现DropDownList的值每改变一的值每改变一次，就会增加三个值，如次，就会增加三个值，如图图1-24所示。所示。（4）修改页面中的代码，如）修改页面中的代码，如图图1-25所示。所示。（5）选择【调试】）选择【调试】【开始执行】命令，不断改变值，查看结果如【开始执行】命令，不断改变值，查看结果如图图1-26所示。所示。下一页返回上一页任务三任务三ASP.NET 2.0 Web常用控件常用控件【案例【案例3】利用】利用FileUpload上传图片上传图片【具体步骤】【具
36、体步骤】（1）新建一个网站并命名为）新建一个网站并命名为upload，从工具箱里把，从工具箱里把FileUpload、Image、Label、Button四个控件拖动到四个控件拖动到Default.aspx的视图下，分的视图下，分别命名为别命名为FileUpload1、imgDisplay、Label 1、btnupload。（2）双击）双击Default.aspx页面的空白部分，并输入以下代码，如页面的空白部分，并输入以下代码，如图图1-27所所示。示。（3）选择【调试】）选择【调试】【开始执行】命令，运行结果如【开始执行】命令，运行结果如图图1-28所示。所示。下一页返回上一页任务三任务三
37、ASP.NET 2.0 Web常用控件常用控件【背景知识】【背景知识】一、一、ASP.NET服务器控件概述服务器控件概述1.ASP.NET服务器控件服务器控件 过去，使用传统过去，使用传统ASP的一个难点是，必须根据所编写的服务器的一个难点是，必须根据所编写的服务器端代码对浏览器输出的所有端代码对浏览器输出的所有HTML结果负全责。网页浏览请求可结果负全责。网页浏览请求可能来自同一个浏览器的许多不同版本，所以开发人员常常为用于能来自同一个浏览器的许多不同版本，所以开发人员常常为用于浏览站点的最低版本开发应用程序。基本上，每个人都把最低版浏览站点的最低版本开发应用程序。基本上，每个人都把最低版本
38、作为目标。如果应用程序总是为最低版本开发，开发人员就不本作为目标。如果应用程序总是为最低版本开发，开发人员就不能利用新浏览器版本提供的高级功能。能利用新浏览器版本提供的高级功能。下一页返回上一页任务三任务三ASP.NET 2.0 Web常用控件常用控件 ASP.NET服务器控件克服了这些障碍。在收到一个请求时，服务器控件克服了这些障碍。在收到一个请求时，ASP.NET会检查这个请求，确定发出该请求的浏览器类型，以及会检查这个请求，确定发出该请求的浏览器类型，以及浏览器的版本，然后输出适合于该浏览器的浏览器的版本，然后输出适合于该浏览器的HTML输出。这个过输出。这个过程通过用户代理从程通过用户
39、代理从HTTP请求的标题中确定要发送给浏览器的内容请求的标题中确定要发送给浏览器的内容来完成。也就是说，可以为最好的浏览器建立应用程序，而不必来完成。也就是说，可以为最好的浏览器建立应用程序，而不必担心功能是否会在发出请求给应用程序的浏览器上发挥作用。有担心功能是否会在发出请求给应用程序的浏览器上发挥作用。有了这个功能，这些控件就可以称为智能控件。了这个功能，这些控件就可以称为智能控件。2.服务器控件的类型服务器控件的类型 ASP.NET提供了两种不同类型的服务器控件：提供了两种不同类型的服务器控件：HTML服务器服务器控件和控件和Web服务器控件。这两种类型的控件大不相同，在使用服务器控件。
40、这两种类型的控件大不相同，在使用ASP.NET时，就会看出重点是时，就会看出重点是Web服务器控件。那么，哪种控件服务器控件。那么，哪种控件比较好比较好-答案完全取决于要获得的结果。答案完全取决于要获得的结果。下一页返回上一页任务三任务三ASP.NET 2.0 Web常用控件常用控件3.用服务器控件建立页面用服务器控件建立页面 使用服务器控件构建使用服务器控件构建ASP.NET页面有两种方式。可以使用专页面有两种方式。可以使用专门为处理门为处理ASP.NET 2.0而设计的工具，该工具允许可视化地把控件而设计的工具，该工具允许可视化地把控件拖放到设计界面上，操纵该控件的行为。也可以直接通过输入
41、代拖放到设计界面上，操纵该控件的行为。也可以直接通过输入代码来处理服务器控件码来处理服务器控件,在这里仅讲解在设计界面上使用服务器控件。在这里仅讲解在设计界面上使用服务器控件。4.处理服务器控件的事件处理服务器控件的事件ASP.NET不是使用解释性的代码，而是为页面编写基于事件的结构。不是使用解释性的代码，而是为页面编写基于事件的结构。下一页返回上一页任务三任务三ASP.NET 2.0 Web常用控件常用控件5.HTML服务器控件服务器控件 ASP.NET允许提取允许提取HTML元素，通过少量的工作，把它们转元素，通过少量的工作，把它们转换为服务器端控件。之后，就可以使用它们控制在换为服务器端
42、控件。之后，就可以使用它们控制在ASP.NET页面页面中实现的元素的行为和操作了。中实现的元素的行为和操作了。二、二、ASP.NET服务器控件分类服务器控件分类1.文本类型控件文本类型控件（1）Label控件，又称为标签控件，主要用于显示文本。控件，又称为标签控件，主要用于显示文本。它的常用属性见它的常用属性见表表1-4。（2）TextBox控件控件 TextBox又称文本框控件，用于输入或显示文本。又称文本框控件，用于输入或显示文本。TextBox控控件通常用于可编辑文本，但也可以通过设置属性来设置其成为只件通常用于可编辑文本，但也可以通过设置属性来设置其成为只读控件。它的常用属性见读控件。
43、它的常用属性见表表1-5。下一页返回上一页任务三任务三ASP.NET 2.0 Web常用控件常用控件2.按钮类型控件按钮类型控件（1）Button控件控件 Button控件可以分为提交按钮和命令按钮控件。提交按钮控控件可以分为提交按钮和命令按钮控件。提交按钮控件只是将件只是将Web页面回送到服务器，一般情况下，页面回送到服务器，一般情况下，Button控件为提交控件为提交按钮控件；而命令按钮一般也是与控件相关联的命令，用于处理按钮控件；而命令按钮一般也是与控件相关联的命令，用于处理控件命令事件。控件命令事件。（2）LinkButton控件控件 LinkButton控件又称为超链接控件，该控件在
44、功能上与控件又称为超链接控件，该控件在功能上与Button控件相似，但它以超链接的形式显示。控件相似，但它以超链接的形式显示。（3）ImageButton ImageButton控件为图像按钮控件，可用于显示具体的图像，控件为图像按钮控件，可用于显示具体的图像，在功能上和在功能上和Button控件相同。控件相同。下一页返回上一页任务三任务三ASP.NET 2.0 Web常用控件常用控件（4）HyperLink控件控件 HyperLink控件又称为超链接控件，该控件只实现导航功能，控件又称为超链接控件，该控件只实现导航功能，没有事件功能，只有属性能进行设置，以实现导航链接。没有事件功能，只有属性
45、能进行设置，以实现导航链接。3.选择类型控件选择类型控件（1）ListBox控件控件 ListBox控件用于显示一组列表项，用户可以从中选择一项或控件用于显示一组列表项，用户可以从中选择一项或多项。它会自动增加上下滚动条。多项。它会自动增加上下滚动条。（2）DropDownList控件控件 DropDownList控件与控件与ListBox控件在使用上类似，但控件在使用上类似，但DropDownList控件只允许用户每次从列表中选择一项，而且在框控件只允许用户每次从列表中选择一项，而且在框中仅显示选定项。中仅显示选定项。下一页返回上一页任务三任务三ASP.NET 2.0 Web常用控件常用控件
46、（3）RadioButton控件控件 RadioButton控件是一种单选按钮，用户可以在页面中添加控件是一种单选按钮，用户可以在页面中添加一组一组RadioButton控件，通过为所有的单选按钮分配一个相同的控件，通过为所有的单选按钮分配一个相同的GroupName，这样，从一个组里仅能选择一个选项。，这样，从一个组里仅能选择一个选项。（4）CheckBox控件控件 CheckBox控件为某个问题提供多种选项并可以做多种选择。控件为某个问题提供多种选项并可以做多种选择。4.图形显示类型控件图形显示类型控件（1）Image控件控件 Image控件用于在页面上显示图像，在使用控件用于在页面上显示
47、图像，在使用Image控件时，可控件时，可以在设计时或运行时设置其属性，主要是指定图像文件的位置。以在设计时或运行时设置其属性，主要是指定图像文件的位置。下一页返回上一页任务三任务三ASP.NET 2.0 Web常用控件常用控件（2）ImageMap控件控件 ImageMap控件允许在图片中设置一些热点区域。当用户单控件允许在图片中设置一些热点区域。当用户单击这些热点区域时，将会引发超链接或者单击事件。当需要对图击这些热点区域时，将会引发超链接或者单击事件。当需要对图片进行局部交互时，可使用片进行局部交互时，可使用ImageMap控件。控件。5.FileUpload文件上传控件文件上传控件 F
48、ileUpload控件包括一个文本框和一个浏览按钮。控件包括一个文本框和一个浏览按钮。FileUpload控件不会自动上传文件，需要做进一步的设置，主要设置相关的控件不会自动上传文件，需要做进一步的设置，主要设置相关的事件处理程序。事件处理程序。返回上一页表表1-1 ASP.NET 2.0指令表指令表返回表表1-3属性设置属性设置返回表表1-4 Label常用属性表常用属性表返回表表1-5 TextBox常用属性表常用属性表返回图图1-1“新建网站新建网站”对话框对话框返回图图1-2自动生成的文件夹和文件自动生成的文件夹和文件返回图图1-2自动生成的文件夹和文件自动生成的文件夹和文件返回图图1
49、-3【设计】视图【设计】视图返回图图1-4输入代码输入代码返回图图1-5调试界面调试界面返回图图1-8页面示意图页面示意图返回图图1-9代码示意图代码示意图返回图图1-10 Default.aspx页面页面返回图图1-11 Default.aspx.cs页面页面返回图图1-12“添加新项添加新项”对话框对话框返回图图1-13 Global.asax页面页面返回图图1-14“插入表插入表”对话框对话框返回图图1-15设置表格属性（设置表格属性（1）返回下一页图图1-16设置表格属性（设置表格属性（2）返回下一页上一页图图1-17设置表格属性（设置表格属性（3）返回上一页图图1-18输入代码输入代码返回图图1-19运行结果运行结果返回图图1-20 ddlImg设置设置返回图图1-21 imgFlower设置设置返回图图1-22代码示意图代码示意图返回图图1-23运行结果运行结果返回图图1-24改变改变DropDownList的值的值返回图图1-25修改代码修改代码返回图图1-26改变值后的示图改变值后的示图返回图图1-27代码示意图代码示意图返回图图1-28运行结果运行结果返回