页面切换与导航

《页面切换与导航》由会员分享，可在线阅读，更多相关《页面切换与导航（21页珍藏版）》请在文档大全上搜索。

1、ASP.NET 4.5网站开发实例教程第6章 页面切换与导航第1页第第6章章 页面切换与导航页面切换与导航本章概述 本章的学习目标主要内容ASP.NET 4.5网站开发实例教程第6章 页面切换与导航第2页本章概述本章概述l设计一个网站时，用一个网页完成所有功能是不设计一个网站时，用一个网页完成所有功能是不可能的，通常会按照不同的功能将其划分成各自可能的，通常会按照不同的功能将其划分成各自独立的模块进行处理，所以一个网站通常是由很独立的模块进行处理，所以一个网站通常是由很多网页组成的。这样就需要在不同的网页间进行多网页组成的。这样就需要在不同的网页间进行切换，还可能用到网页间的数据传递或数据共享

2、。切换，还可能用到网页间的数据传递或数据共享。l当应用程序或网站越来越复杂时，如何管理成百当应用程序或网站越来越复杂时，如何管理成百上千个链接、如何让用户具有清晰的层次结构感上千个链接、如何让用户具有清晰的层次结构感就变得越来越重要，以便让登录网站的用户能够就变得越来越重要，以便让登录网站的用户能够容易地知道所处的位置及顺利地访问目的网页，容易地知道所处的位置及顺利地访问目的网页，还需为网站添加网站导航。还需为网站添加网站导航。ASP.NET 4.5网站开发实例教程第6章 页面切换与导航第3页本章的学习目标本章的学习目标l 了解页面切换、数据传递和导航的基础了解页面切换、数据传递和导航的基础知

3、识；知识；l 掌握页面之间的切换方法；掌握页面之间的切换方法；l 掌握页面之间的数据传递方法；掌握页面之间的数据传递方法；l 掌握网站的导航方法。掌握网站的导航方法。ASP.NET 4.5网站开发实例教程第6章 页面切换与导航第4页主要内容主要内容6.1 页面切换页面切换6.2 网站导航网站导航6.3 本章小结本章小结 ASP.NET 4.5网站开发实例教程第6章 页面切换与导航第5页6.1 页面切换页面切换l在在ASP.NET Web应用程序中，有多种页面切换应用程序中，有多种页面切换的方法，常用的有以下几种。的方法，常用的有以下几种。(1) 利用超链接直接跳转切换到其他页面，例如，使利用超

4、链接直接跳转切换到其他页面，例如，使用用标记或者标记或者HyperLink控件直接链接到目标控件直接链接到目标页面。页面。(2) 利用利用Button、ImageButton和和LinkButton等控等控件的件的PostBackUrl属性跳转切换到目标页面。属性跳转切换到目标页面。(3) 使用使用Response.Redirect或或Server.Transfer方方法跳转到目标页面。法跳转到目标页面。ASP.NET 4.5网站开发实例教程第6章 页面切换与导航第6页超链接方式超链接方式l从一个页面切换到另一个页面最简单的方法就是从一个页面切换到另一个页面最简单的方法就是使用超链接。超链接方

5、法有两种：一种是通过使用超链接。超链接方法有两种：一种是通过HTML的的标记实现，另一种是使用标记实现，另一种是使用HyperLink控件实现。控件实现。通过标记通过标记标记的标记的href属性，链接到目标页面，例如：属性，链接到目标页面，例如：进入页面进入页面2通过通过HyperLink控件的控件的NavigateUrl属性，链接到目标属性，链接到目标页面，例如：页面，例如：进入页面进入页面2ASP.NET 4.5网站开发实例教程第6章 页面切换与导航第7页控件的控件的PostBackUrl属性方式属性方式l在在Button、LinkButton和和ImageButton控件中，控件中，有一

6、个有一个PostBackUrl属性，可以利用该属性切换属性，可以利用该属性切换到其他页面，这种切换方式称为跨页发送。到其他页面，这种切换方式称为跨页发送。ASP.NET 4.5网站开发实例教程第6章 页面切换与导航第8页Response.Redirect或或Server.Transfer方式方式lResponse.Redirect方法会使浏览器链接到一个方法会使浏览器链接到一个指定的指定的URL。lServer.Transfer方法直接在服务器端把执行流程方法直接在服务器端把执行流程从当前的页面转到同一个应用程序的另一个页面。从当前的页面转到同一个应用程序的另一个页面。ASP.NET 4.5网

7、站开发实例教程第6章 页面切换与导航第9页页面间的数据传递页面间的数据传递l在实际应用中，一个页面可能需要访问或者使用在实际应用中，一个页面可能需要访问或者使用另一个页面中的数据，这就需要在不同页面之间另一个页面中的数据，这就需要在不同页面之间传递数据。传递数据。1. 通过通过QueryString传递数据传递数据2. 通过通过Session对象传递数据对象传递数据3. 通过通过PreviousPage属性获取数据属性获取数据ASP.NET 4.5网站开发实例教程第6章 页面切换与导航第10页通过通过QueryString传递数据传递数据l通过通过QueryString传递数据时，把要传递的数

8、据参数添传递数据时，把要传递的数据参数添加到要跳转到的目标页面的加到要跳转到的目标页面的URL之后，在要传递的第一之后，在要传递的第一个数据参数前用英文格式问好个数据参数前用英文格式问好(?)将其和目标页面的名将其和目标页面的名称分隔开，参数之间用称分隔开，参数之间用&分隔，每个参数的形式为分隔，每个参数的形式为“变变量名量名=值值”，例如：，例如：http:/?ID=5&Name=Lilyl在另一个页面中使用在另一个页面中使用Request.QueryStringstrNamel接收传递过来的参数。例如：接收传递过来的参数。例如：Label1.Text = 学号：学号： + Server.U

9、rlDecode(Request.QueryStringID);Label2.Text = 姓名：姓名： + Server.UrlDecode(Request.QueryStringName);ASP.NET 4.5网站开发实例教程第6章 页面切换与导航第11页通过通过Session对象传递数据对象传递数据l由于每个用户都可以有自己的由于每个用户都可以有自己的Session，而创建的，而创建的Session对象并不局限于某一个页面，所以可以通过对象并不局限于某一个页面，所以可以通过Session对象在多个页面之间共享数据。对象在多个页面之间共享数据。protected void Button1

10、_Click(object sender, EventArgs e) Session学号学号 = TextBox1.Text; Session姓名姓名 = TextBox2.Text; Server.Transfer(Session2.aspx);ASP.NET 4.5网站开发实例教程第6章 页面切换与导航第12页通过通过PreviousPage属性获取数据属性获取数据l如果两个页面属于同一个应用程序，当利用如果两个页面属于同一个应用程序，当利用Server.transfer方法方法或者利用按钮控件的或者利用按钮控件的PostBackUrl属性在这两个页面间切换时，属性在这两个页面间切换时，目

11、标页面可以使用目标页面可以使用PreviousPage属性来获取前一个页面中的控属性来获取前一个页面中的控件值或公共属性。件值或公共属性。l如果要获取第一个页面中的公共属性，则需要在目标页面的源代如果要获取第一个页面中的公共属性，则需要在目标页面的源代码中添加如下代码：码中添加如下代码：l但是，如果目标页面不需要获取前一个页面的公共属性，而仅仅需要获取前但是，如果目标页面不需要获取前一个页面的公共属性，而仅仅需要获取前一个页面中的控件值，则不需要添加这行代码。一个页面中的控件值，则不需要添加这行代码。ASP.NET 4.5网站开发实例教程第6章 页面切换与导航第13页主要内容主要内容6.1 页

12、面切换页面切换6.2 网站导航网站导航6.3 本章小结本章小结 ASP.NET 4.5网站开发实例教程第6章 页面切换与导航第14页6.2 网站导航网站导航l当应用程序或网站越来越复杂时，如何管理成百当应用程序或网站越来越复杂时，如何管理成百上千个链接、如何让用户具有清晰的层次结构感上千个链接、如何让用户具有清晰的层次结构感就变得越来越重要了。就变得越来越重要了。ASP.NET提供了一种称为提供了一种称为站点导航模型的导航功能集合，使开发人员在创站点导航模型的导航功能集合，使开发人员在创建站点导航功能时更容易。该功能能够为用户提建站点导航功能时更容易。该功能能够为用户提供一致的站点导航方式。供

13、一致的站点导航方式。ASP.NET 4.5网站开发实例教程第6章 页面切换与导航第15页ASP.NET网站导航功能网站导航功能(1) 使用站点地图描述网站的逻辑结构。添加或移除使用站点地图描述网站的逻辑结构。添加或移除页面时，开发人员可以简单地通过修改站点地图页面时，开发人员可以简单地通过修改站点地图来管理页面导航。来管理页面导航。(2) 提供导航控件，在页面上显示导航菜单。导航菜提供导航控件，在页面上显示导航菜单。导航菜单以站点地图为基础。单以站点地图为基础。(3) 可以以代码方式使用可以以代码方式使用ASP.NET网站导航，以创网站导航，以创建自定义导航控件或修改在导航菜单中显示的信建自定

14、义导航控件或修改在导航菜单中显示的信息的位置。息的位置。ASP.NET 4.5网站开发实例教程第6章 页面切换与导航第16页 定义站点地图文件定义站点地图文件打开网站打开网站WebSite6，在解决方案资源管理器中用鼠，在解决方案资源管理器中用鼠标右键单击网站名称，在弹出的快捷菜单中选择标右键单击网站名称，在弹出的快捷菜单中选择【添加新项添加新项】命令，打开命令，打开【添加新项添加新项】对话框，对话框，选择选择【站点地图站点地图】选项，保持默认名称不变。选项，保持默认名称不变。ASP.NET 4.5网站开发实例教程第6章 页面切换与导航第17页SiteMapPath控件的使用控件的使用l定义好

15、站点地图以后，就可以使用定义好站点地图以后，就可以使用SiteMapPath控件显示导航路径，也就是显示当前页面在网站控件显示导航路径，也就是显示当前页面在网站中的位置。只需要将该控件拖放到站点地图中包中的位置。只需要将该控件拖放到站点地图中包含的含的.aspx页面上，它就会自动实现导航，不需要页面上，它就会自动实现导航，不需要开发者编写任何代码。开发者编写任何代码。ASP.NET 4.5网站开发实例教程第6章 页面切换与导航第18页通过通过Menu控件实现导航控件实现导航lMenu控件主要用于创建一个菜单，使用户能够控件主要用于创建一个菜单，使用户能够快速选择不同的页面，从而完成导航功能。该

16、控快速选择不同的页面，从而完成导航功能。该控件可以包含一个主菜单和多个子菜单。菜单有静件可以包含一个主菜单和多个子菜单。菜单有静态和动态两种显示模式。静态显示模式是指定义态和动态两种显示模式。静态显示模式是指定义的菜单始终完全显示，动态显示模式指需要用户的菜单始终完全显示，动态显示模式指需要用户将鼠标停留在菜单项上时才显示子菜单。将鼠标停留在菜单项上时才显示子菜单。ASP.NET 4.5网站开发实例教程第6章 页面切换与导航第19页通过通过TreeView控件实现导航控件实现导航lTreeView控件与控件与Menu控件相似，都提供了导航控件相似，都提供了导航功能。功能。TreeView控件与

17、控件与Menu控件的区别是它不控件的区别是它不再像再像Menu控件由菜单项和子菜单组成，而是用控件由菜单项和子菜单组成，而是用一个可折叠树显示网站的各个部分。根节点下可一个可折叠树显示网站的各个部分。根节点下可以包含多个子节点，子节点下又可以包含子节点，以包含多个子节点，子节点下又可以包含子节点，最下层是叶节点。访问者可以快速看到网站的所最下层是叶节点。访问者可以快速看到网站的所有部分及位于网站结构层次中的位置。树中的每有部分及位于网站结构层次中的位置。树中的每个节点都显示为一个超链接，被单击时把用户引个节点都显示为一个超链接，被单击时把用户引导到相应的部分。导到相应的部分。ASP.NET 4

18、.5网站开发实例教程第6章 页面切换与导航第20页主要内容主要内容6.1 页面切换页面切换6.2 网站导航网站导航6.3 本章小结本章小结 ASP.NET 4.5网站开发实例教程第6章 页面切换与导航第21页6.3 本章小结本章小结 l一个网站通常是由很多网页组成。浏览者在一个一个网站通常是由很多网页组成。浏览者在一个网站中浏览页面时，是否能够容易地跳转到需要网站中浏览页面时，是否能够容易地跳转到需要的页面，是否能够容易地获知当前浏览位置及上的页面，是否能够容易地获知当前浏览位置及上一个页面、下一个页面等十分重要。因此，本章一个页面、下一个页面等十分重要。因此，本章主要对网站建设过程中常用的页面切换方法、页主要对网站建设过程中常用的页面切换方法、页面之间传递数据的方法，以及网站导航功能，通面之间传递数据的方法，以及网站导航功能，通过站点地图、过站点地图、SiteMapPath、Menu、TreeView等实现网页导航的方法进行了详细介绍。通过本等实现网页导航的方法进行了详细介绍。通过本章的学习，开发人员能够对如何设计一个良好易章的学习，开发人员能够对如何设计一个良好易用的网站应用程序有个更深刻的认识。用的网站应用程序有个更深刻的认识。