項目六ML、站點導(dǎo)航

工程六XML、站點導(dǎo)航義務(wù)一寫入XML文件義務(wù)二讀取XML文件義務(wù)三SiteMapPath控件的運用義務(wù)四TreeView控件的運用義務(wù)五Menu控件的運用義務(wù)一寫入XML文件【義務(wù)要點】1.掌握XML技術(shù)根本知識2.實現(xiàn)對XML文檔的寫操作【案例1】創(chuàng)建基于XML的留言本。運轉(zhuǎn)效果如圖6-1所示。用戶輸入姓名、地址、聯(lián)絡(luò)和留言內(nèi)容后，單擊【保管】按鈕，可以將信息寫入XML文件中?！驹敿?xì)步驟】〔1〕創(chuàng)建頁面代碼。在頁面中添加4個文本框按鈕，并運用表格規(guī)劃。下一頁前往義務(wù)一寫入XML文件〔2〕判別XML文件能否存在，假設(shè)不存在，將重新創(chuàng)建一個新的XML文件。在頁面后臺代碼中，首先援用操作XML和文件的命名空間?！?〕寫入XML文件。創(chuàng)建寫入XML文件的方法，參數(shù)包括XML文件的途徑、姓名、地址、和留言內(nèi)容?！?〕添加按鈕事件代碼。運轉(zhuǎn)程序后，輸入測試數(shù)據(jù)，如圖6-2所示。下一頁前往上一頁義務(wù)一寫入XML文件【背景知識】〔1〕XML文檔的根本組成部分。XML文檔是一種用來描畫數(shù)據(jù)并構(gòu)建數(shù)據(jù)的言語。一個正確的XML文檔以如下的XML聲明開場，該聲明將文檔定義為XML文檔，并指定了文檔內(nèi)容將要符合的XML版本。<?xmlversion="1.0"?>XML聲明還可以包括編碼屬性，用來定義文檔中的字符類型，例如下面的聲明定義了文檔的字符編碼為“utf-8〞。<?xmlversion="1.0"encoding="utf-8"?>在XML文檔聲明之后，是文檔的根元素，通常指的是文檔元素。下一頁前往上一頁義務(wù)一寫入XML文件在XML文檔中，文檔元素不是可選的，每個文檔都必需有一個。①元素：元素的稱號可以由字母或下畫線開頭，后跟字母、數(shù)字、連字符或下畫線。元素稱號中不允許有空格。②屬性：XML元素允許在元素開場標(biāo)志中運用屬性來添加元素的附加信息，屬性是稱號/值對?！?〕XMLWriter創(chuàng)建XML文檔。①開場和終了文檔。②寫入元素。③寫入屬性。下一頁前往上一頁義務(wù)一寫入XML文件〔3〕XMLDocument類。在運用XMLDOM解析器的時候，主要運用XMLDocument類，XMLDocument類派生于XMLNode類，為遍歷和創(chuàng)建節(jié)點提供了一切的功能。①載入XML文檔。XML文檔的載入經(jīng)過調(diào)用Load()方法來完成，該方法讀取XML數(shù)據(jù)并填充文檔樹構(gòu)造。②創(chuàng)建和添加節(jié)點。為了在文檔中添加新的節(jié)點，必需首先用XMLDocument類的工廠方法來創(chuàng)建新的節(jié)點，然后將其添加到文檔中。這些方法都以“Create〞開場，并以創(chuàng)建的節(jié)點類型結(jié)尾。常用的Create方法見表6-1。下一頁前往上一頁義務(wù)一寫入XML文件③尋覓節(jié)點。DOM提供的尋覓特定節(jié)點的方法包括GetElementByTagName()，GetElementById()，SelectNodes()和SelectSingleNode()。GetElementByTagName()方法前往一個包含了對具有給定稱號的節(jié)點的援用XmlNodeList。GetElementById()方法前往找到具有指定ID屬性的第一個節(jié)點。SelectNodes()方法前往一個XmlNodeList，包含了對匹配XPath表達(dá)式的節(jié)點的援用。SelectSingleNode()方法前往第一個匹配XPath表達(dá)式的節(jié)點的援用。前往上一頁義務(wù)二讀取XML文件【義務(wù)要點】實現(xiàn)對XML文檔的讀操作?！景咐?】閱讀留言本數(shù)據(jù)的XML文件。運轉(zhuǎn)效果如圖6-3所示?！驹敿?xì)步驟】〔1〕創(chuàng)建讀取XML文件的方法〔2〕添加Page_Load事件代碼〔3〕在頁面添加調(diào)用后臺類屬性的代碼下一頁前往義務(wù)二讀取XML文件【背景知識】XMLReader讀取XML文件。XMLReader提供了對XML文件內(nèi)容的快速、只向前訪問，但不提供對文檔內(nèi)容和構(gòu)造的修正。XMLReader類從文件的頂部開場讀取數(shù)據(jù)，每次讀取一個節(jié)點，讀取完該節(jié)點后，可以忽略該節(jié)點。使XMLReader步驟如下：①運用XMLReader類的Create()方法創(chuàng)建該類的一個實例，并將被讀取的XML文件稱號作為參數(shù)傳入方法；②建立一個反復(fù)調(diào)用的Read()方法循環(huán)，這個方法從文件的第一個節(jié)點開場，然后讀取余下的一切節(jié)點，但是每次只能讀取一個節(jié)點；③在這個循環(huán)中，將檢查XMLReader對象的屬性和方法，以便獲得當(dāng)前節(jié)點的信息，直到Read()前往False。下一頁前往上一頁義務(wù)二讀取XML文件XMLReader類具有大量的屬性和方法，表6-2和表6-3列出了XMLReader類常用的屬性和方法。前往上一頁義務(wù)三SiteMapPath控件的運用【義務(wù)要點】1.SiteMapPath控件的屬性引見2.運用SiteMapPath控件【案例1】創(chuàng)建一個基于SiteMapPath的門戶網(wǎng)站導(dǎo)航，詳細(xì)導(dǎo)航構(gòu)造如圖6-5所示。【詳細(xì)步驟】〔1〕創(chuàng)建SiteMap文件。首先右擊網(wǎng)站，從彈出的快捷菜單中選擇【添加新項】命令，在彈出的對話框中選擇【站點地圖】選項，如圖6-6所示。在【稱號】文本框內(nèi)輸入站點地圖的稱號。下一頁前往義務(wù)三SiteMapPath控件的運用〔2〕根據(jù)導(dǎo)航菜單修正SiteMap文件〔3〕在頁面中添加SiteMapPath控件，SiteMapPath控件會自開任務(wù)，不需求用戶參與，只需求把控件拖放到頁面，就會自動創(chuàng)建面包屑導(dǎo)航系統(tǒng)。創(chuàng)建一個稱號為“Inland.aspx〞的頁面，在頁面上添加一個SiteMapPath控件，此時將在頁面上自動生成一個面包屑導(dǎo)航，如圖6-7所示。在默許情況下，SiteMapPath運用“>〞作為鏈接元素的分隔符，假設(shè)修正為其他符號，那么經(jīng)過修正PathSeparator屬性，選中SiteMapPath控件后，在屬性欄中修正PathSeparator屬性，如圖6-8所示。運轉(zhuǎn)程序后，結(jié)果如圖6-9所示。下一頁前往上一頁義務(wù)三SiteMapPath控件的運用【背景知識】〔1〕SiteMap文件構(gòu)造。SiteMap文件其實就是一個XML文件，這個XML文件的根結(jié)點是<sitemap>元素，該文件只能有一個<sitemap>元素，在<sitemap>元素中，有一個<siteMapNode>元素，這個元素普通是運用程序的起始頁面，對于<siteMapNode>元素的常見屬性見表6-4?！?〕SiteMapPath控件的常見屬性。1〕PathDirection屬性PathDirection屬性主要用于改動輸出鏈接的方向，這個屬性只需兩個值：RootToCurrent和CurrentToRoot。這個屬性默許設(shè)置是RootToCurrent，假設(shè)將PathDirection屬性修正為CurrentToRoot，那么程序運轉(zhuǎn)結(jié)果如圖6-10所示。2〕ParentLevelsDisplayed屬性下一頁前往上一頁義務(wù)三SiteMapPath控件的運用在有些情況下，導(dǎo)航系統(tǒng)的深度比較深，此時在頁面上顯示非常長的導(dǎo)航列表，在這種情況下，可以運用SiteMapPath控件的ParentLevelsDisplayed屬性，該屬性設(shè)置后，會只顯示指定深度的頁面。詳細(xì)設(shè)置如圖6-11所示。當(dāng)設(shè)置ParentLevelsDisplayed屬性值為1時，運轉(zhuǎn)程序效果如圖6-12所示。前往上一頁義務(wù)四TreeView控件的運用【義務(wù)要點】1.認(rèn)識TreeView2.運用TreeView控件綁定XML【案例1】創(chuàng)建一個基于TreeView的電腦產(chǎn)品分類導(dǎo)航，運轉(zhuǎn)效果如圖6-13所示?！驹敿?xì)步驟】〔1〕創(chuàng)建XML數(shù)據(jù)文件。首先右擊網(wǎng)站，從彈出的快捷菜單中選擇【添加新項】命令，在彈出的對話框中選擇【XML文件】選項，如圖6-14。在【稱號】文本框內(nèi)輸入XML數(shù)據(jù)文件稱號“product.xml〞。下一頁前往義務(wù)四TreeView控件的運用〔2〕創(chuàng)建XmlDataSource數(shù)據(jù)源。XmlDataSource提供了綁定XML文檔的一種簡一方式。首先在創(chuàng)建的窗體文件“Default.aspx〞頁面中添加XmlDataSource控件，用鼠標(biāo)選擇XmlDataSource控件后，選擇【配置數(shù)據(jù)源】選項，如圖6-15所示。選擇【配置數(shù)據(jù)源】選項后，彈出【配置數(shù)據(jù)源】對話框，在數(shù)據(jù)文件輸入框內(nèi)選擇剛創(chuàng)建的XML數(shù)據(jù)文件“product.xml〞，如圖6-16所示，選擇數(shù)據(jù)文件完成后，單擊【確定】按鈕完成XmlDataSource數(shù)據(jù)源的配置?！?〕TreeView控件綁定XmlDataSource數(shù)據(jù)源。在默許頁面上，添加一個TreeView控件，用鼠標(biāo)選中此控件，單擊右上角的黑色箭頭按鈕，在彈出的對話框中，在【選擇數(shù)據(jù)源】的下拉列表框中選擇創(chuàng)建的XmlDataSource的稱號“XmlDataSource1〞，如圖6-17所示。下一頁前往上一頁義務(wù)四TreeView控件的運用設(shè)置后，TreeView控件將顯示為如圖6-18所示的效果。在默許情況下，將XML文檔中的一切元素顯示在TreeView中，由于在XML文件中經(jīng)過XML元素的屬性和內(nèi)容設(shè)置，所以必需對TreeView的綁定進(jìn)展設(shè)置。用鼠標(biāo)選中此控件，單擊右上角的黑色箭頭按鈕，在彈出的對話框中選擇【編輯TreeNode數(shù)據(jù)綁定】選項。選擇【編輯TreeNode數(shù)據(jù)綁定】選項后，彈出【TreeViewDataBingding編輯器】對話框，選擇需求重新綁定的節(jié)點，單擊【添加】按鈕，此時可以配置節(jié)點的詳細(xì)信息。下一頁前往上一頁義務(wù)四TreeView控件的運用添加完數(shù)據(jù)綁定字段后，選中字段，此時將在右邊顯示數(shù)據(jù)綁定的屬性，普通情況下只需求設(shè)置“TextField〞屬性和“ValueField〞屬性，在設(shè)置的時候，可以選擇XML元素的屬性或者元素的文本值。設(shè)置完成后，運轉(zhuǎn)程序后TreeView控件將顯示為如圖6-21所示效果?！?〕定制TreeView控件的圖標(biāo)。在默許情況下，TreeView控件銜接節(jié)點的圖標(biāo)是【+】和【-】，也可以經(jīng)過修正TreeView的“CollapseImageUrl〞、“ExpandImageUrl〞和“LeafNodeStyle〞屬性，來修正銜接節(jié)點的圖標(biāo)。設(shè)置完成后，運轉(zhuǎn)程序效果如圖6-23所示。TreeView控件包含的屬性見表6-5，這些屬性可以為控件的節(jié)點指定本人的圖像。下一頁前往上一頁義務(wù)四TreeView控件的運用【案例2】經(jīng)過編程控制TreeView控件的展開與折疊，詳細(xì)效果如圖6-24所示。在以上的操作中，主要經(jīng)過配置XML數(shù)據(jù)源的方式來配置TreeView控件，在實踐運用過程中，能夠要經(jīng)過程序代碼來控制?！驹敿?xì)步驟】〔1〕在默許的Default.aspx頁面中添加兩個按鈕和一個TreeView控件，修正相應(yīng)的屬性，一個按鈕實現(xiàn)展開TreeView控件的一切節(jié)點，另外一個按鈕實現(xiàn)折疊TreeView控件。在頁面的調(diào)入時間中添加代碼，實現(xiàn)建樹功能。下一頁前往上一頁義務(wù)四TreeView控件的運用〔2〕對指定節(jié)點進(jìn)展操作。在上面的操作中實現(xiàn)對TreeView進(jìn)展折疊和展開，那么如何實現(xiàn)對指定節(jié)點進(jìn)展展開和折疊呢？可以經(jīng)過TreeView控件中有一個FindNode()方法來實現(xiàn)。程序運轉(zhuǎn)效果如圖6-25所示。前往上一頁義務(wù)五Menu控件的運用【義務(wù)要點】1.Menu控件的屬性引見2.運用Menu控件【案例1】制造某校園網(wǎng)站導(dǎo)航菜單，效果如圖6-26所示?！驹敿?xì)步驟】〔1〕創(chuàng)建菜單項。在頁面中添加一個Menu控件，經(jīng)過右上角智能標(biāo)志菜單中選擇【編輯菜單項】選項，如圖6-27所示。選擇此菜單項后，彈出【菜單項編輯器】對話框，如圖6-28所示。編輯完成后，在默許情況下，菜單將顯示為如圖6-29所示的效果。下一頁前往義務(wù)五Menu控件的運用〔2〕修正菜單項的款式。①首先創(chuàng)建一個款式文件“style.css〞在頁面的前臺Html代碼中鏈接Style.css文件②創(chuàng)建LevelMenuItemStyles。在款式文件中主要定義了三個款式，分別定義了第一層菜單項、第二層菜單項和鼠標(biāo)在菜單項上懸浮時的款式。定義完款式后，修正Menu控件的“LevelMenuItemStyles〞屬性，如圖6-30所示。單擊【選擇】按鈕，彈出【MenuItemStyles集合編輯器】對話框，首先單擊【添加】按鈕，添加菜單項的款式“MenuItemStyle〞，根據(jù)菜單的層次，選擇對應(yīng)的CssClass，如圖6-31所示。下一頁前往上一頁義務(wù)五Menu控件的運用③設(shè)置HoverStyle。由于在Menu控件屬性中，包含了DynamicHoverStyle和StaticHoverStyle。DynamicHoverStyle主要設(shè)置彈出的動態(tài)菜單在鼠標(biāo)懸浮形狀下的款式，StaticHoverStyle主要設(shè)置在默許情況下菜單在鼠標(biāo)懸浮形狀下的款式，可以經(jīng)過操作來區(qū)分它們。首先，設(shè)置DynamicHoverStyle下面的CssClass值為“hover〞，如圖6-32所示。設(shè)置完成后，運轉(zhuǎn)效果如圖6-33所示。④設(shè)置鏈接。在菜單項編輯器中，選擇菜單項，在右邊的屬性欄中，直接設(shè)置“NavigateUrl〞屬性為相應(yīng)的頁面即可，如圖6-36所示。下一頁前往上一頁義務(wù)五Menu控件的運用【背景知識】〔1〕Menu控件的StaticDisplayLevels屬性。StaticDisplayLevels屬性用來設(shè)置靜態(tài)顯示多少層菜單項。假設(shè)有四層菜單項，并且StaticDisplayLevels屬性設(shè)置為3，那么靜態(tài)顯示前三層，動態(tài)顯示最后一層菜單項。〔2〕控制菜單的外觀。假設(shè)要控制菜單的靜態(tài)部分的外觀，可以在稱號中運用包含單詞“Static〞的款式屬性：①StaticMenuStyle；②StaticMenuItemStyle；③StaticSelectedStyle；④StaticHoverStyle。下一頁前往上一頁義務(wù)五Menu控件的運用假設(shè)要控制菜單的動態(tài)部分的外觀，可以在稱號中運用包含單詞“Dynamic〞的款式屬性：①DynamicMenuStyle；②DynamicMenuItemStyle；③DynamicSelectedStyle；④DynamicHoverStyle?！?〕菜單層。控制菜單項的外觀的另一種方法是單獨設(shè)置菜單構(gòu)造中每層的款式。Menu控件具有多個充任款式集合的屬性，這意味著這些屬性可以包含菜單構(gòu)造的每層的款式信息?？捎糜谥付繉油庥^的款式屬性在其稱號中包含單詞“Level〞：①LevelMenuItemStyles；②LevelSubMenuStyles；③LevelSelectedStyles。下一頁前往上一頁義務(wù)五Menu控件的運用〔4〕運用數(shù)據(jù)源。Menu控件與TreeView控件一樣，也可以綁定到其他數(shù)據(jù)源控件上。例如，在前面TreeView中運用的“product.xml〞文件，經(jīng)過創(chuàng)建XmlDataSource數(shù)據(jù)源進(jìn)