《ASP.NET Web程序设计 教学课件 ppt 作者 祁长兴_ chapter05》由会员分享，可在线阅读，更多相关《ASP.NET Web程序设计 教学课件 ppt 作者 祁长兴_ chapter05（46页珍藏版）》请在金锄头文库上搜索。
1、ASP.NET Web程序设计,5,网站导航,第,章,本章内容,5.1 站点地图,5.2 导航控件,5.3 习题,5.1 母版页,站点地图主要是用来方便地实现用户在不同网页或者不同网站之间切换，这种操作是用户每天浏览网页都会去做的事情。本节主要介绍如何使用可扩展标记语言 (Extensible Markup Language, XML)和ASP.NET 4.5自带的站点地图模板来实现网站导航。 5.1.1 XML文件介绍 5.1.2 XML文件建立站点地图,XML是一种功能强大的可扩展的标记语言，可以将显示和数据分开，可以跨平台，可以支持不同软件之间的共享数据等。 XML和HTML比较相似，但
2、两者最大的区别就是：HTML中标记都是预先定义好的，如表示块级元素，这意味着它的内容自动地开始一个新行；表示表单等。而XML中，这些标记都是自己定义的，如张三。,5.1.1 XML文件介绍,XML语言的特点 （1）灵活的Web 应用 （2）面向对象的特性 （3）可扩展性 （4）结构化性 （5）开放的标准,5.1.1 XML文件介绍,2. XML的组成 （1）声明：每个XML文件第一行就是声明：。 （2）元素：元素是组成XML文件的最小单位，它由一对标记来定义，也包括其中的内容。 （3）标记：标记用来定义元素，必须成对出现，中间包含数据。 （4）属性：属性是对标记的描述，一个标记可以有多个属性。
3、 （5）DTD：文档类型定义（(Document Type Definition，DTD），是用来定义XML中的标记元素和属性关系。,5.1.1 XML文件介绍,3. XML的实例,5.1.1 XML文件介绍,例5-1,使用ASP.NET广告控件的XML语言创建广告链接,以广告控件中插入XML为例说明XML文件的使用方法。AdRotator Web 服务器控件可从一条或多条广告记录的数据源中读取广告信息。实际上是将信息存储在一个 XML 文件中，然后将 AdRotator 控件绑定到该文件。,5.1.1 XML文件介绍,例5-1,步骤一：创建一个ASP.NET空网站：,1）启动Visual S
4、tudio 2012，点击菜单中“文 件”，然后点击“新建网站” 。 2）在弹出的“新建网站”对话框中，选择 “ASP.NET空网站”，名称为Example5_1，模 板选择“Visual C#”单击“确定”按钮 。,5.1.1 XML文件介绍,例5-1,步骤一：创建一个ASP.NET空网站：,3）在“解决方案资源管理器”中右击 “Example5_1”，然后点击“添加”- “添加新 项”，在弹出的对话框中选中“Web窗体”，不 改变默认名称“Default.aspx”，然后点击确定；,5.1.1 XML文件介绍,例5-1,步骤二：插入XML文件,1）在“解决方案资源管理器”中右击 “Exam
5、ple5_1”，然后点击“添加”- “添加新 项”，在弹出的对话框中选中“XML文件”，名 称就用默认的“XMLFile1.xml”，然后点击确 定； 2）弹出的XML文件的声明，在下添加 XML标记；,5.1.1 XML文件介绍,例5-1,步骤三：在Web窗体中添加AdRotator广告控件,1）点击进入步骤一中添加的新的Web窗体 “Default.aspx”； 2）点击左边“工具栏”，在弹出的“工具栏”中 选择“AdRotator”，在属性栏中找到 “AdvertisementFile”，单击右侧的选择按钮 ，选择“XMLFile1.xml”，然后点击确定；,5.1.1 XML文件介绍,
6、例5-1,第一次运行广告页面运行结果,5.1.1 XML文件介绍,例5-1,第二次运行广告页面运行结果,使用XML定义一个站点地图步骤如下： 1）启动Visual Studio 2012，点击菜单中“文件”，然后点击“新建网站” 。 2）在弹出的“新建网站”对话框中，选择“ASP.NET空网站”，模板选择“Visual C#”，命名为sitemap.aspx，然后单击“确定”按钮 。 3）在“解决方案资源管理器”中右击“sitemap.aspx”，然后点击“添加”- “添加新项”，在弹出的对话框中选中“Web窗体”，不改变默认名称“Default.aspx”，然后点击确定 。,5.1.2 XM
7、L文件建立站点地图,使用XML定义一个站点地图步骤如下： 4）在“解决方案资源管理器”中右击“sitemap.aspx”，然后点击“添加”- “添加新项”，在弹出的对话框中选中“站点地图”，不改变默认名称“Web.sitemap”，然后点击“添加” 。 5）在弹出的“Web.sitemap”页面中弹出以下Web.sitemap默认代码： 。,5.1.2 XML文件建立站点地图,通过以上（1）-（5）步就可以定义一个站点地图模板，定义完站点地图就可以进行通过修改Web.sitemap默认代码，从而建立XML站点地图文件。,5.1.2 XML文件建立站点地图,通过上面这段XML站点地图代码，可以得
8、到下面的分层结构图 。,5.1.2 XML文件建立站点地图,5.2 导航控件,ASP.NET提供了导航控件，使得原本复杂的编程都封装到了单个控件里面，大大简化了开发者的工作。 5.2.1 TreeView控件 5.1.2 Menu控件 5.1.3 SiteMapPath控件 5.1.4 SiteMapDataSource控件,5.2.1 TreeView控件,TreeView控件又称视图控件，它是整个网站地图的一部分，包含若干个节点，每个节点都可以链接到一个新的页面。包括下面几个特点： （1）可以绑定XML数据源或者使用SiteMapDataSource数据源控件。 （2）可以使用编程形式动态
9、设置控件属性。 （3）可以为节点实现客户端功能。 （4）节点可显示为文本或者链接方式。 （5）可以使用样式自定义或者自定义图像显示外观。,5.2.1 TreeView控件,TreeView控件常用属性,5.2.1 TreeView控件,TreeNode控件常用属性,5.2.1 TreeView控件,例5-2,使用TreeView创建公司部门网站导航,（1）启动VS2012，创建空网站，命名为example5_2。 （2）将“工具箱”中TreeView控件拖进“Default.aspx”页面。 （3）进入页面的“设计”窗口，点击TreeView控件右上角的“”符号，弹出“TreeView任务”对
10、话框。,5.2.1 TreeView控件,例5-2,使用TreeView创建公司部门网站导航,（4）编辑节点进入TreeView节点编辑器对话框，然后点击添加根节点和子节点，如图5-7所示（红色框中标出的左边的符号是添加根节点，右边的是添加子节点）。 （5）按照图5-7所示节点名称修改TreeView的Text属性，完成添加后点击“确定”。,5.2.1 TreeView控件,例5-2,TreeView节点运行结果,5.2.1 TreeView控件,例5-2,在Web页面上实现客户端添加和删除节点的效果,（6）进入“Default.aspx”设计窗口，从工具箱里分别拖出两个Label控件、两个T
11、extBox控件和两个Button控件； （7）按照表5-4将这几个控件相应的属性值进行修改； （8）双击“添加”Button按钮，激发btnAdd_Click事件，添加代码。,5.2.1 TreeView控件,（9）双击“删除”Button按钮，激发btnRemove_Click事件，添加代码 。,protected void btnDelete_Click(object sender, EventArgs e) if (TreeView1.SelectedNode != null) TreeNode parentnode = TreeView1.SelectedNode.Parent; p
12、arentnode.ChildNodes.Remove(TreeView1.SelectedNode); ,5.2.1 TreeView控件,例5-2,点击“运行”按钮，即可以得到运行结果,5.2.2 Menu控件,Menu有两种显示模式 ： 静态模式：指Menu自始至终都是展开状态的，都是可见的，用户可以单击其任何部分。 动态模式：当用户将鼠标放置在父节点上才会显示其子节点。 Menu可以使用控件自带的添加功能对站点导航页面数据进行添加，也可以使用数据源添加，使用数据源添加时候一定需要将Menu控件的DataSourceID属性值设为SiteMapDataSource控件ID值。,5.2.2
13、 Menu控件,【例5-3】使用Menu控件网页显示效果如下图所示结构,5.2.2 Menu控件,（1）启动VS2012，创建空网站，命名为example5_3。 （2）分别添加6个名为“电子产品.aspx”，“解决方案.aspx”，“手机.aspx”，“电脑.aspx”，“云推送.aspx”，“版本升级.aspx”的新Web页面。 （3）添加名为Home.aspx的Web新页面。 （4）单击“工具箱”中的Menu控件，进入“菜单编辑器”。 （5）类似TreeView控件添加项目的方法，添加页面的网站结构内容。 （6）在“菜单编辑器”中点击每个节点，然后在右侧“属性”中的NavigateUrl
14、选项中选到相应的节点页面，完成后编辑后点击“确认”。,5.2.2 Menu控件,【例5-3】 运行结果,5.2.3 SiteMapPath控件,SiteMapPath会显示一个导航路径（也称为痕迹导航或眉毛导航），此路径为用户显示当前网页的位置，并显示返回到主页的路径链接。 该控件提供了许多可供自定义链接外观的选项。 SiteMapPath控件包含来自站点地图的导航数据。 SiteMapPath控件不需要通过SiteMapDataSource控件来获取数据。,【例5-4】使用XML设计某大学主页站点地图 （1）启动VS2012，创建名为“Example5_4”的空网站； （2）按照上一节讲的定
15、义一个站点地图模板的方法来新建一个XML站点地图； （3）建立XML文件元素匹配网站地图节点。即在Web.sitemap页面中修改并添加代码； （4）在“解决方案资源管理器”上右击“Example5_4”，在“添加”- “添加新项”来增加四个新的Web窗体，分别命名为“院系介绍.aspx”，“软件学院.aspx”，“软件工程.aspx”，“网络工程.aspx”；,5.2.3 SiteMapPath控件,【例5-4】使用XML设计某大学主页站点地图 （5）在建好的四个Web页面上设计相应的页面内容（可以使用母板），并且在每个Web页面中都添加一个“SiteMapPath”控件，设置“Render
16、CurrentNodeAsLink”属性为“True”，“SiteMapProvider”值设为“XmlSiteMapProvider”；以“软件工程.aspx”页面为例，如下所示：,5.2.3 SiteMapPath控件, ,【例5-4】使用XML设计某大学主页站点地图 （6）由于需要引用在Web.sitemap的XML文件，因此需要在Web.config页面的之间添加代码。,5.2.3 SiteMapPath控件,5.2.4 SiteMapDataSource控件,SiteMapDataSource控件是网站导航数据的数据源，这些数据存储在为网站配置的网站地图提供程序中。 使用SiteMapDataSource，可以将那些并非专门作为站点导航控件的 Web 服务器控件能够绑定到分层的网站地图数据。 SiteMapDataSource的最常见用途是在为某个数据绑定控件设置数据源时在“数据源配置向导”中指定该控件。,5.2.4 SiteMapDataSource控件,SiteM
