页面切换与导航.ppt

1、第1页,第6章 页面切换与导航,本章概述 本章的学习目标 主要内容,第2页,本章概述,设计一个网站时，用一个网页完成所有功能是不可能的，通常会按照不同的功能将其划分成各自独立的模块进行处理，所以一个网站通常是由很多网页组成的。这样就需要在不同的网页间进行切换，还可能用到网页间的数据传递或数据共享。 当应用程序或网站越来越复杂时，如何管理成百上千个链接、如何让用户具有清晰的层次结构感就变得越来越重要，以便让登录网站的用户能够容易地知道所处的位置及顺利地访问目的网页，还需为网站添加网站导航。,第3页,本章的学习目标,了解页面切换、数据传递和导航的基础知识； 掌握页面之间的切换方法； 掌握页面之间的

2、数据传递方法； 掌握网站的导航方法。,第4页,主要内容,6.1 页面切换 6.2 网站导航 6.3 本章小结,第5页,6.1 页面切换,在ASP.NET Web应用程序中，有多种页面切换的方法，常用的有以下几种。 (1) 利用超链接直接跳转切换到其他页面，例如，使用标记或者HyperLink控件直接链接到目标页面。 (2) 利用Button、ImageButton和LinkButton等控件的PostBackUrl属性跳转切换到目标页面。 (3) 使用Response.Redirect或Server.Transfer方法跳转到目标页面。,第6页,超链接方式,从一个页面切换到另一个页面最简单的方

3、法就是使用超链接。超链接方法有两种：一种是通过HTML的标记实现，另一种是使用HyperLink控件实现。 通过标记标记的href属性，链接到目标页面，例如：进入页面2 通过HyperLink控件的NavigateUrl属性，链接到目标页面，例如： 进入页面2 ,第7页,控件的PostBackUrl属性方式,在Button、LinkButton和ImageButton控件中，有一个PostBackUrl属性，可以利用该属性切换到其他页面，这种切换方式称为跨页发送。,第8页,Response.Redirect或Server.Transfer方式,Response.Redirect方法会使浏览器链

4、接到一个指定的URL。 Server.Transfer方法直接在服务器端把执行流程从当前的页面转到同一个应用程序的另一个页面。,第9页,页面间的数据传递,在实际应用中，一个页面可能需要访问或者使用另一个页面中的数据，这就需要在不同页面之间传递数据。 1. 通过QueryString传递数据 2. 通过Session对象传递数据 3. 通过PreviousPage属性获取数据,第10页,通过QueryString传递数据,通过QueryString传递数据时，把要传递的数据参数添加到要跳转到的目标页面的URL之后，在要传递的第一个数据参数前用英文格式问好(?)将其和目标页面的名称分隔开，参数之间

5、用,第11页,通过Session对象传递数据,由于每个用户都可以有自己的Session，而创建的Session对象并不局限于某一个页面，所以可以通过Session对象在多个页面之间共享数据。 protected void Button1_Click(object sender, EventArgs e) Session学号 = TextBox1.Text; Session姓名 = TextBox2.Text; Server.Transfer(Session2.aspx); ,第12页,通过PreviousPage属性获取数据,如果两个页面属于同一个应用程序，当利用Server.transfer

6、方法或者利用按钮控件的PostBackUrl属性在这两个页面间切换时，目标页面可以使用PreviousPage属性来获取前一个页面中的控件值或公共属性。 如果要获取第一个页面中的公共属性，则需要在目标页面的源代码中添加如下代码： 但是，如果目标页面不需要获取前一个页面的公共属性，而仅仅需要获取前一个页面中的控件值，则不需要添加这行代码。,第13页,主要内容,6.1 页面切换 6.2 网站导航 6.3 本章小结,第14页,6.2 网站导航,当应用程序或网站越来越复杂时，如何管理成百上千个链接、如何让用户具有清晰的层次结构感就变得越来越重要了。ASP.NET提供了一种称为站点导航模型的导航功能集合

7、，使开发人员在创建站点导航功能时更容易。该功能能够为用户提供一致的站点导航方式。,第15页,ASP.NET网站导航功能,(1) 使用站点地图描述网站的逻辑结构。添加或移除页面时，开发人员可以简单地通过修改站点地图来管理页面导航。 (2) 提供导航控件，在页面上显示导航菜单。导航菜单以站点地图为基础。 (3) 可以以代码方式使用ASP.NET网站导航，以创建自定义导航控件或修改在导航菜单中显示的信息的位置。,第16页,定义站点地图文件,打开网站WebSite6，在解决方案资源管理器中用鼠标右键单击网站名称，在弹出的快捷菜单中选择【添加新项】命令，打开【添加新项】对话框，选择【站点地图】选项，保持

8、默认名称不变。,第17页,SiteMapPath控件的使用,定义好站点地图以后，就可以使用SiteMapPath控件显示导航路径，也就是显示当前页面在网站中的位置。只需要将该控件拖放到站点地图中包含的.aspx页面上，它就会自动实现导航，不需要开发者编写任何代码。,第18页,通过Menu控件实现导航,Menu控件主要用于创建一个菜单，使用户能够快速选择不同的页面，从而完成导航功能。该控件可以包含一个主菜单和多个子菜单。菜单有静态和动态两种显示模式。静态显示模式是指定义的菜单始终完全显示，动态显示模式指需要用户将鼠标停留在菜单项上时才显示子菜单。,第19页,通过TreeView控件实现导航,Tr

9、eeView控件与Menu控件相似，都提供了导航功能。TreeView控件与Menu控件的区别是它不再像Menu控件由菜单项和子菜单组成，而是用一个可折叠树显示网站的各个部分。根节点下可以包含多个子节点，子节点下又可以包含子节点，最下层是叶节点。访问者可以快速看到网站的所有部分及位于网站结构层次中的位置。树中的每个节点都显示为一个超链接，被单击时把用户引导到相应的部分。,第20页,主要内容,6.1 页面切换 6.2 网站导航 6.3 本章小结,第21页,6.3 本章小结,一个网站通常是由很多网页组成。浏览者在一个网站中浏览页面时，是否能够容易地跳转到需要的页面，是否能够容易地获知当前浏览位置及上一个页面、下一个页面等十