《ASPN~~(北京理工大学出版)-项目六XML、站点导航

项目六XML、站点导航任务一写入XML文件任务二读取XML文件任务三SiteMapPath控件的使用任务四TreeView控件的使用任务五Menu控件的使用任务一写入XML文件【任务要点】1.掌握XML技术基本知识2.实现对XML文档的写操作【案例1】创建基于XML的留言本。运行效果如图6-1所示。用户输入姓名、地址、联系电话和留言内容后，单击【保存】按钮，可以将信息写入XML文件中。【具体步骤】（1）创建页面代码。在页面中添加4个文本框按钮，并使用表格布局。下一页返回任务一写入XML文件（2）判断XML文件是否存在，如果不存在，将重新创建一个新的XML文件。在页面后台代码中，首先引用操作XML和文件的命名空间。（3）写入XML文件。创建写入XML文件的方法，参数包括XML文件的路径、姓名、地址、电话和留言内容。（4）添加按钮事件代码。运行程序后，输入测试数据，如图6-2所示。下一页返回上一页任务一写入XML文件【背景知识】（1）XML文档的基本组成部分。XML文档是一种用来描述数据并构建数据的语言。一个正确的XML文档以如下的XML声明开始，该声明将文档定义为XML文档，并指定了文档内容将要符合的XML版本。?xmlversion=1.0?XML声明还可以包括编码属性，用来定义文档中的字符类型，例如下面的声明定义了文档的字符编码为“utf-8”。?xmlversion=1.0encoding=utf-8?在XML文档声明之后，是文档的根元素，通常指的是文档元素。下一页返回上一页任务一写入XML文件在XML文档中，文档元素不是可选的，每个文档都必须有一个。①元素：元素的名称可以由字母或下画线开头，后跟字母、数字、连字符或下画线。元素名称中不允许有空格。②属性：XML元素允许在元素开始标记中使用属性来添加元素的附加信息，属性是名称/值对。（2）XMLWriter创建XML文档。①开始和结束文档。②写入元素。③写入属性。下一页返回上一页任务一写入XML文件（3）XMLDocument类。在使用XMLDOM解析器的时候，主要使用XMLDocument类，XMLDocument类派生于XMLNode类，为遍历和创建节点提供了所有的功能。①载入XML文档。XML文档的载入通过调用Load()方法来完成，该方法读取XML数据并填充文档树结构。②创建和添加节点。为了在文档中添加新的节点，必须首先用XMLDocument类的工厂方法来创建新的节点，然后将其添加到文档中。这些方法都以“Create”开始，并以创建的节点类型结尾。常用的Create方法见表6-1。下一页返回上一页任务一写入XML文件③寻找节点。DOM提供的寻找特定节点的方法包括GetElementByTagName()，GetElementById()，SelectNodes()和SelectSingleNode()。GetElementByTagName()方法返回一个包含了对具有给定名称的节点的引用XmlNodeList。GetElementById()方法返回找到具有指定ID属性的第一个节点。SelectNodes()方法返回一个XmlNodeList，包含了对匹配XPath表达式的节点的引用。SelectSingleNode()方法返回第一个匹配XPath表达式的节点的引用。返回上一页任务二读取XML文件【任务要点】实现对XML文档的读操作。【案例1】浏览留言本数据的XML文件。运行效果如图6-3所示。【具体步骤】（1）创建读取XML文件的方法（2）添加Page_Load事件代码（3）在页面添加调用后台类属性的代码下一页返回任务二读取XML文件【背景知识】XMLReader读取XML文件。XMLReader提供了对XML文件内容的快速、只向前访问，但不提供对文档内容和结构的修改。XMLReader类从文件的顶部开始读取数据，每次读取一个节点，读取完该节点后，可以忽略该节点。使XMLReader步骤如下：①使用XMLReader类的Create()方法创建该类的一个实例，并将被读取的XML文件名称作为参数传入方法；②建立一个反复调用的Read()方法循环，这个方法从文件的第一个节点开始，然后读取余下的所有节点，但是每次只能读取一个节点；③在这个循环中，将检查XMLReader对象的属性和方法，以便获得当前节点的信息，直到Read()返回False。下一页返回上一页任务二读取XML文件XMLReader类具有大量的属性和方法，表6-2和表6-3列出了XMLReader类常用的属性和方法。返回上一页任务三SiteMapPath控件的使用【任务要点】1.SiteMapPath控件的属性介绍2.使用SiteMapPath控件【案例1】创建一个基于SiteMapPath的门户网站导航，具体导航结构如图6-5所示。【具体步骤】（1）创建SiteMap文件。首先右击网站，从弹出的快捷菜单中选择【添加新项】命令，在弹出的对话框中选择【站点地图】选项，如图6-6所示。在【名称】文本框内输入站点地图的名称。下一页返回任务三SiteMapPath控件的使用（2）根据导航菜单修改SiteMap文件（3）在页面中添加SiteMapPath控件，SiteMapPath控件会自动工作，不需要用户参与，只需要把控件拖放到页面，就会自动创建面包屑导航系统。创建一个名称为“Inland.aspx”的页面，在页面上添加一个SiteMapPath控件，此时将在页面上自动生成一个面包屑导航，如图6-7所示。在默认情况下，SiteMapPath使用“”作为链接元素的分隔符，如果修改为其他符号，则通过修改PathSeparator属性，选中SiteMapPath控件后，在属性栏中修改PathSeparator属性，如图6-8所示。运行程序后，结果如图6-9所示。下一页返回上一页任务三SiteMapPath控件的使用【背景知识】（1）SiteMap文件结构。SiteMap文件其实就是一个XML文件，这个XML文件的根结点是sitemap元素，该文件只能有一个sitemap元素，在sitemap元素中，有一个siteMapNode元素，这个元素一般是应用程序的起始页面，对于siteMapNode元素的常见属性见表6-4。（2）SiteMapPath控件的常见属性。1）PathDirection属性PathDirection属性主要用于改变输出链接的方向，这个属性只有两个值：RootToCurrent和CurrentToRoot。这个属性默认设置是RootToCurrent，如果将PathDirection属性修改为CurrentToRoot，则程序运行结果如图6-10所示。2）ParentLevelsDisplayed属性下一页返回上一页任务三SiteMapPath控件的使用在有些情况下，导航系统的深度比较深，此时在页面上显示非常长的导航列表，在这种情况下，可以使用SiteMapPath控件的ParentLevelsDisplayed属性，该属性设置后，会只显示指定深度的页面。具体设置如图6-11所示。当设置ParentLevelsDisplayed属性值为1时，运行程序效果如图6-12所示。返回上一页任务四TreeView控件的使用【任务要点】1.认识TreeView2.使用TreeView控件绑定XML【案例1】创建一个基于TreeView的电脑产品分类导航，运行效果如图6-13所示。【具体步骤】（1）创建XML数据文件。首先右击网站，从弹出的快捷菜单中选择【添加新项】命令，在弹出的对话框中选择【XML文件】选项，如图6-14。在【名称】文本框内输入XML数据文件名称“product.xml”。下一页返回任务四TreeView控件的使用（2）创建XmlDataSource数据源。XmlDataSource提供了绑定XML文档的一种简单方式。首先在创建的窗体文件“Default.aspx”页面中添加XmlDataSource控件，用鼠标选择XmlDataSource控件后，选择【配置数据源】选项，如图6-15所示。选择【配置数据源】选项后，弹出【配置数据源】对话框，在数据文件输入框内选择刚创建的XML数据文件“product.xml”，如图6-16所示，选择数据文件完成后，单击【确定】按钮完成XmlDataSource数据源的配置。（3）TreeView控件绑定XmlDataSource数据源。在默认页面上，添加一个TreeView控件，用鼠标选中此控件，单击右上角的黑色箭头按钮，在弹出的对话框中，在【选择数据源】的下拉列表框中选择创建的XmlDataSource的名称“XmlDataSource1”，如图6-17所示。下一页返回上一页任务四TreeView控件的使用设置后，TreeView控件将显示为如图6-18所示的效果。在默认情况下，将XML文档中的所有元素显示在TreeView中，由于在XML文件中通过XML元素的属性和内容设置，所以必须对TreeView的绑定进行设置。用鼠标选中此控件，单击右上角的黑色箭头按钮，在弹出的对话框中选择【编辑TreeNode数据绑定】选项。选择【编辑TreeNode数据绑定】选项后，弹出【TreeViewDataBingding编辑器】对话框，选择需要重新绑定的节点，单击【添加】按钮，此时可以配置节点的详细信息。下一页返回上一页任务四TreeView控件的使用添加完数据绑定字段后，选中字段，此时将在右边显示数据绑定的属性，一般情况下只需要设置“TextField”属性和“ValueField”属性，在设置的时候，可以选择XML元素的属性或者元素的文本值。设置完成后，运行程序后TreeView控件将显示为如图6-21所示效果。（4）定制TreeView控件的图标。在默认情况下，TreeView控件连接节点的图标是【+】和【-】，也可以通过修改TreeView的“CollapseImageUrl”、“ExpandImageUrl”和“LeafNodeStyle”属性，来修改连接节点的图标。设置完成后，运行程序效果如图6-23所示。TreeView控件包含的属性见表6-5，这些属性可以为控件的节点指定自己的图像。下一页返回上一页任务四TreeView控件的使用【案例2】通过编程控制TreeView控件的展开与折叠，具体效果如图6-24所示。在以上的操作中，主要通过配置XML数据源的方式来配置TreeView控件，在实际应用过程中，可能要通过程序代码来控制。【具体步骤】（1）在默认的Default.aspx页面中添加两个按钮和一个TreeView控件，修改相应的属性，一个按钮实现展开TreeView控件的所有节点，另外一个按钮实现折叠TreeView控件。在页面的调入时间中添加代码，实现建树功能。下一页返回上一页任务四TreeView控件的使用（2）对指定节点进行操作。在上面的操作中实现对TreeView进行折叠和展开，那么如何实现对指定节点进行展开和折叠呢？可以通过TreeView控件中有一个FindNode()方法来实现。程序运行效果如图6-25所示。返回上一页任务五Menu控件的使用【任务要点】1.Menu控件的属性介绍2.使用Menu控件【案例1】制作某校园网站导航菜单，效果如图6-26所示。【具体步骤】（1）创建菜单项。在页面中添加一个Menu控件，通过右上角智能标记菜单中选择【编辑菜单项】选项，如图6-27所示。选择此菜单项后，弹出【菜单项编辑器】对话框，如图6-28所示。编辑完成后，在默认情况下，菜单将显示为如图6-29所示的效果。下一页返回任务五Menu控件的使用（2）修改菜单项的样式。①首先创建一个样式文件“style.css”在页面的前台Html代码中链接Style.css文件②创建LevelMenuItemStyles。在样式文件中主要定义了三个样式，分别定义了第一层菜单项、第二层菜单项和鼠标在菜单项上悬浮时的样式。定义