《Visual Basic NET程序设计》课件第10章ASP.NETWeb应用程序.pptx

1、第第10章章 ASP.NET Web应用程应用程序序10.1 ASP.NET应用程序应用程序概述概述10.1.1 认识认识ASP.NETASP.NET是是Mirosoft公司推出的新一代建立公司推出的新一代建立动态动态Web应用程序的开发平台，是一种建应用程序的开发平台，是一种建立动态立动态Web应用程序的新技术应用程序的新技术。10.1.2 ASP.NET开发环境开发环境Microsoft Visual Web Developer 201010.1.3 HTML和和ASP.NET标记标记1.HTMLHTML(Hyper Text Markup Language)是实际创建是实际创建Web页面

2、的语言，它使用标记标签来描述网页页面的语言，它使用标记标签来描述网页。例如例如“Hello World”表示以二级标题表示以二级标题的形式将文本的形式将文本“Hello World”呈现在页面上呈现在页面上2.ASP.NET标记标记除了除了HTML外，外，ASP.NET Web页面也可能包含其他标记，页面也可能包含其他标记，即大多数页面上都有一个或多个即大多数页面上都有一个或多个ASP.NET服务器控件，服务器控件，这些控件的标记与这些控件的标记与HTML类似。不同的是，大部分类似。不同的是，大部分ASP.NET标记都是以标记都是以asp:前缀开头的。例如，前缀开头的。例如，ASP.NET中的

3、按钮类似于下面的表示：中的按钮类似于下面的表示：10.1.3 构建构建ASP.NET Web站点站点1.创建创建Web站点站点2.站点打开和编辑站点打开和编辑3.站点保存和调试站点保存和调试10.2 ASP.NET 页面页面设计设计10.2.1 ASP.NET页面的基本组成页面的基本组成1、静态静态文本：类似普通的文本：类似普通的HTML页面包含的页面包含的内容。内容。2、ASP.NET服务器控件：非标准的服务器控件：非标准的ASP.NET特定标记特定标记元素，元素，浏览器浏览器不能识别。但当一个不能识别。但当一个ASP.NET页面被请求时，这些标记元素会动态地页面被请求时，这些标记元素会动态

4、地转化标准转化标准HTML元素，浏览器就可以正确显示了。元素，浏览器就可以正确显示了。3、指令指令：以字符：以字符“”开头，分析器或编译器在分析或编译页（包开头，分析器或编译器在分析或编译页（包括窗体页和母版页）、用户控件或其他资源文件时，页、控件或文括窗体页和母版页）、用户控件或其他资源文件时，页、控件或文件可以通过件可以通过ASP.NET指令指定编译器的属性。指令指定编译器的属性。4、服务器服务器端代码声明部分：包含了页面对应的应用程序逻辑，所有端代码声明部分：包含了页面对应的应用程序逻辑，所有的公共变量定义，子过程，函数，包含有类似的公共变量定义，子过程，函数，包含有类似的标记。的标记。

5、10.2.2 服务器控件服务器控件1、标准标准：一般的控件，组成大多数的页面，等价于：一般的控件，组成大多数的页面，等价于Windows窗体窗体控件，由控件，由TextBox、Button、Label、Hyperlink、Image、DropDownList、CheckBox、RadioButton等控件组成。等控件组成。2、数据数据：用来连接数据源的控件，数据源可以是来自数据库，也：用来连接数据源的控件，数据源可以是来自数据库，也可以是可以是XML文件，包含文件，包含DataList、GridView、ListView等控件。等控件。3、验证验证：用来添加页面验证用户输入的控件。：用来添加页

6、面验证用户输入的控件。4、导航导航：用来提供简单快速的网站导航的控件。：用来提供简单快速的网站导航的控件。5、登陆登陆：一组用来简化从开放站点到个性化区域的移动的控件。：一组用来简化从开放站点到个性化区域的移动的控件。6、WebParts:一组方便用户对网页的各区域布局自由调整的控件。一组方便用户对网页的各区域布局自由调整的控件。7、AJAX Extensions:用于创建无闪烁的用于创建无闪烁的Web应用程序，且不需要应用程序，且不需要完整回发就能从客户端中检索服务器上的数据。完整回发就能从客户端中检索服务器上的数据。8、动态动态数据：允许在数据库中快速创建用户界面来管理数据数据：允许在数据

7、库中快速创建用户界面来管理数据。例例10.1 下面列举一个简单示例演示向页面下面列举一个简单示例演示向页面添加控件和控件事件代码的添加控件和控件事件代码的过程过程。（设计过程见教材（设计过程见教材270页）页）10.3 创建外观一致的创建外观一致的Web站点站点在创建在创建Web站点时应该努力使整个站点页面的站点时应该努力使整个站点页面的布局和行为尽可能保持一致。一致性能让站点布局和行为尽可能保持一致。一致性能让站点既显得美观又比较专业，而且有利于访问者浏既显得美观又比较专业，而且有利于访问者浏览站点。览站点。Visual Web Developer 2010提供了提供了许多实现一致设计的优秀

8、功能和工具，来帮助许多实现一致设计的优秀功能和工具，来帮助建立具有外观一致性的站点。建立具有外观一致性的站点。10.3.1 ASP.NET主题主题ASP.NET 的样式和皮肤特性，使开发者能够把样式的样式和皮肤特性，使开发者能够把样式和布局信息存放到一组独立的文件中，总称为主题和布局信息存放到一组独立的文件中，总称为主题（Theme）。主题可以独立于应用程序的页，为控）。主题可以独立于应用程序的页，为控件和页面统一样式设置。主题的优点在于，设计站件和页面统一样式设置。主题的优点在于，设计站点时可以先不考虑样式，在以后要进行样式应用时，点时可以先不考虑样式，在以后要进行样式应用时，也无需更新页面

9、或更改代码，它独立于也无需更新页面或更改代码，它独立于Web应用程应用程序，对其进行维护也变得相当方便序，对其进行维护也变得相当方便。1.创建主题创建主题2.不同类型的主题不同类型的主题3.应用主题应用主题10.3.2 ASP.NET外观外观外观是包含标记的简单文本文件，它允许从某外观是包含标记的简单文本文件，它允许从某个集中位置定义一个或多个服务器控件的外观。个集中位置定义一个或多个服务器控件的外观。它们位于主题文件夹下，是构成它们位于主题文件夹下，是构成ASP.NET主题主题功能的一个重要部分功能的一个重要部分。例例10.2 为按钮控件创建外观，并将含有该外为按钮控件创建外观，并将含有该外

10、观的主题应用到例观的主题应用到例10.1中中Demo.aspx页面中页面中。（设计过程见教材（设计过程见教材273页页）10.3.3 ASP.NET母版母版1.创建母版页创建母版页2.创建内容页创建内容页10.4 ASP.NET 页面页面导航导航一个典型的一个典型的Web站点中往往包含多个为页面，站点中往往包含多个为页面，为这些页面建立链接关系从而形成一个完整而为这些页面建立链接关系从而形成一个完整而连贯的连贯的Web站点是保证用户顺畅浏览站点的必站点是保证用户顺畅浏览站点的必要工作。要工作。Visual Web Developer为开发人员提为开发人员提供了一系列用于构建站点导航系统的工具控

11、件，供了一系列用于构建站点导航系统的工具控件，可以快速帮助他们建立起一个稳固而清晰的站可以快速帮助他们建立起一个稳固而清晰的站点导航结构点导航结构。10.4.1 站点地图站点地图文件文件站点地图文件为导航控件定义了站点的逻辑结构。站点地图文件为导航控件定义了站点的逻辑结构。默认情况下，该文件的文件名为默认情况下，该文件的文件名为“Web.sitemap”。站点地图文件基于站点地图文件基于XML结构，按站点的分层形式组结构，按站点的分层形式组织页面。站点中的导航控件会用这个文件以有组织织页面。站点中的导航控件会用这个文件以有组织的方式表现相关的链接，只要将一个导航控件与这的方式表现相关的链接，只

12、要将一个导航控件与这个个Web.Sitemap文件挂钩，就能创建复杂的用户界文件挂钩，就能创建复杂的用户界面元素，如折叠菜单或树形视图。面元素，如折叠菜单或树形视图。10.4.2 SiteMapPath控件控件SiteMapPath控件显示了当前页面在站点结控件显示了当前页面在站点结构的位置。它将自身表现为一系列链接，构的位置。它将自身表现为一系列链接，称之为痕迹导航。用户可以利用该控件了称之为痕迹导航。用户可以利用该控件了解当前页的路径信息，同时，还可利用该解当前页的路径信息，同时，还可利用该控件在站点结构中向上走一层或多层。控件在站点结构中向上走一层或多层。10.4.3 TreeView控

13、件控件TreeView类用于在树结构中显示分层数据，类用于在树结构中显示分层数据，项可以在包含子元素的项前面用加号和减号来项可以在包含子元素的项前面用加号和减号来展开和折叠。它支持多种功能，比如数据绑定展开和折叠。它支持多种功能，比如数据绑定（把控件的节点绑定到（把控件的节点绑定到XML、表格或关系数、表格或关系数据）、客户端节点填充和站点导航。据）、客户端节点填充和站点导航。10.4.4 Menu控件控件Menu控件用于显示控件用于显示Web窗体页中的菜单，不窗体页中的菜单，不但支持数据绑定和站点导航，同时允许通过对但支持数据绑定和站点导航，同时允许通过对Menu对象模型的编程访问动态创建菜单和设对象模型的编程访问动态创建菜单和设置属性等。要创建一个基础菜单，只需向页面置属性等。要创建一个基础菜单，只需向页面中添加一个中添加一个Menu控件，并将它与一个控件，并将它与一个SiteMapDataSource控件挂钩即可。控件挂钩即可。