ASN~~北京理工大学出版项目六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.0"encoding="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。在样式式文件中主要要定义了三个个样式，分别别定义了第一一层菜单项、、第二层菜单单项和鼠标在在菜单项上悬悬浮时的样式式。定义完样样式后，修改改Menu控控件的“LevelMenuItemStyles”属性性，如图6-30所示。单击【选择择】按钮，，弹出【MenuItemStyles集合编编辑器】对对话框，首首先单击【【添加】按按钮，添加加菜单项的的样式“MenuItemStyle”，根据据菜单的层层次，选择择对应的CssClass，，如图6-31所示示。。下一一页页返回回上一一页页任务务五五Menu控控件件的的使使用用③设设置置HoverStyle。。由由于于在在Menu控控件件属属性性中中，，包包含含了了DynamicHoverStyle和和StaticHoverStyle。。DynamicHoverStyle主主要要设设置置弹弹出出的的动动态态菜菜单单在在鼠鼠标标悬悬浮浮状状态态下下的的样样式式，，StaticHoverStyle主主要要设设置置在在默默认认情情况况下下菜菜单单在在鼠鼠标标悬悬浮浮状状态态下下的的样样式式，，可可以以通通过过操操作作来来区区分分它它们们。。首首先先，，设设置置DynamicHoverStyle下下面面的的CssClass值值为为““hover””，，如如图6-32所示。设置完成后，，运行效果如如图6-33所示。④设置链接。。在菜单项编编辑器中，选选择菜单项，，在右边的属属性栏中，直直接设置“NavigateUrl”属性为相相应的页面即即可，如图6-36所示。下一页返回上一页任务五Menu控件的使使用【背景知识】】（1）Menu控件的StaticDisplayLevels属性性。StaticDisplayLevels属性用来设设置静态显示示多少层菜单单项。如果有有四层菜单项项，并且StaticDisplayLevels属性设设置为3，则则静态显示前前三层，动态态显示最后一一层菜单项。。（2）控制菜菜单的外观。。若要控制菜单单的静态部分分的外观，可可以在名称中中使用包含单单词“Static”的的样式属性：：①StaticMenuStyle；；②StaticMenuItemStyle；；③StaticSelectedStyle；；④StaticHoverStyle。。下一一页页返回回上一一页页任务务五五Menu控控件件的的使使用用若要控制菜菜单的动态态部分的外外观，可以以在名称中中使用包含含单词“Dynamic”的的样式属性性：①DynamicMenuStyle；②DynamicMenuItemStyle；③DynamicSelectedStyle；④DynamicHoverStyle。（3）菜单单层。控制制菜单项的的外观的另另一种方法法是单独设设置菜单结结构中每层层的样式。。Menu控件具有有多个充当当样式集合合的属性，，这意味着着这些属性性可以包含含菜单结构构的每层的的样式信息息。可用于于指定每层层外观的样样式属性在在其名称中中包含单词词“Level”：：①LevelMenuItemStyles；；②LevelSubMenuStyles；③LevelSelectedStyles。。下一页返回上一页任务五Menu控件件的使用（4）使用用数据源。。Menu控件与TreeView控控件一样，，也可以绑绑定到其他他数据源控控件上。例例如，在前前面TreeView中使用用的“product.xml”文件件，通过创创建XmlDataSource数据据源进行绑绑定，通过过菜单DataBindings编辑辑器进行编编辑，如图6-38所示。程序运行效效果如图6-39所示。返回上一页表6-1常常用Create方方法返回表6-2XmlReader类常用用属性返回表6-3XMLReader类常用用方法返回表6-4<siteMapNode>常见属性性返回表6-5TreeView属性表表返回图6-1程序序运行效果返回图6-2输入入测试数据返回图6-3运行行效果图返回图6-5网站站导航结构返回图6-6创建建站点地图返回图6-7创建建SiteMapPath返回图6-8修改改PathSeparator返回图6-9运行行效果图返回图6-10修修改PathDirection属属性返回图6-11设设置ParentLevelsDisplayed属性返回图6-12运运行效果图返回图6-13运运行效果图返回图6-14创创建XML数数据文件返回图6-15配配置XmlDataSource数数据源返回图6-16配配置XmlDataSource数数据源返回图6-17设设置TreeView的的XmlDataSource返回图6-18运运行结果返回图6-21TreeView运行行效果返回图6-23运运行效果图返回图6-24程程序运行效果果返回图6-25折折叠指定节点点返回图6-26程程序运行效果果返回图6-27编编辑菜单项返回图6-28编编辑菜单项返回图6-29运运行效果返回图6-30设设置LevelMenuItemStyles属性返回图6-31编编辑MenuItemStyle返回图6-32设设置DynamicHoverStyle返回图6-33程程序运行效果果返回图6-36设设置链接属性性返回图6-38菜菜单绑定编辑辑器返回图6-39程程序运行效果果返回9、静静夜夜四四无无邻邻，，荒荒居居旧旧业业贫贫。。。。12月月-2212月月-22Tuesday,December20,202210、雨中黄叶叶树，灯下下白头人。。。21:53:2021:53:2021:5312/20/20229:53:20PM11、以我独沈沈久，愧君君相见频。。。12月-2221:53:2021:53Dec-2220-Dec-2212、故故人人江江海海别别，，几几度度隔隔山山川川。。。。21:53:2021:53:2021:53Tuesday,December20,202213、乍乍见见翻翻疑疑梦梦，，相相悲悲各各问问年年。。。。12月月-2212月月-2221:53:2021:53:20December20,202214、他乡生白白发，旧国国见青山。。。20十二二月20229:53:20下下午21:53:2012月月-2215、比不了了得就不不比，得得不到的的就不要要。。。。十二月229:53下午午12月-2221:53December20,202216、行动动出成成果，，工作作出财财富。。。2022/12/2021:53:2021:53:2020December202217、做前前，能能够环环视四四周；；做时时，你你只能能或者者最好好沿着着以脚脚为起起点的的射线线向前前。。。9:53:20下下午9:53下下午午21:53:2012月月-229、没有失败，，只有暂时停停止成功！。。12月-2212月-22Tuesday,December20,202210、很多多事情情努力力了未未必有有结果果，但但是不不努力力却什什么改改变也也没有有。。。21:53:2121:53:2121:5312/20/20229:53:21PM11、成功就就是日复复一日那那一点点点小小努努力的积积累。。。12月-2221:53:2121:53Dec-2220-Dec-2212、世间成成事，不不求其绝绝对圆满满，留一一份不足足，可得得无限完完美。。。21:53:2121:53:2121:53Tuesday,December20,202213、不知香积寺寺，数里入云云峰。。12月-2212月-2221:53:21