項目六ML、站點導航

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