第8章網(wǎng)站的導(dǎo)航ppt課件

1、第第8章章 網(wǎng)站的導(dǎo)航網(wǎng)站的導(dǎo)航預(yù)習(xí)檢查預(yù)習(xí)檢查 使用什么控件可以實(shí)現(xiàn)使用什么控件可以實(shí)現(xiàn)“樹(shù)狀結(jié)構(gòu)或菜單功能？樹(shù)狀結(jié)構(gòu)或菜單功能？本章任務(wù)本章任務(wù) 搭建第三波書(shū)店管理員端頁(yè)面框架搭建第三波書(shū)店管理員端頁(yè)面框架 本章目標(biāo)本章目標(biāo) 會(huì)使用導(dǎo)航控件完成第三波導(dǎo)航功能會(huì)使用導(dǎo)航控件完成第三波導(dǎo)航功能 能使用能使用XML、手動(dòng)編碼添加節(jié)點(diǎn)來(lái)控制樹(shù)形導(dǎo)航、手動(dòng)編碼添加節(jié)點(diǎn)來(lái)控制樹(shù)形導(dǎo)航 站點(diǎn)導(dǎo)站點(diǎn)導(dǎo)航方式航方式硬編碼硬編碼到頁(yè)面到頁(yè)面文件文件包含文件包含文件ASP.NET站點(diǎn)導(dǎo)航系統(tǒng)站點(diǎn)導(dǎo)航系統(tǒng)在頁(yè)面在頁(yè)面散布超散布超鏈接鏈接編寫(xiě)困難編寫(xiě)困難修改復(fù)雜修改復(fù)雜不易維護(hù)不易維護(hù)在每個(gè)頁(yè)面上在每個(gè)頁(yè)面上進(jìn)行編

2、寫(xiě)進(jìn)行編寫(xiě)包含一個(gè)文件包含一個(gè)文件基于站點(diǎn)地圖基于站點(diǎn)地圖站點(diǎn)導(dǎo)航系統(tǒng)站點(diǎn)導(dǎo)航系統(tǒng) 站點(diǎn)地圖是對(duì)站點(diǎn)結(jié)構(gòu)的站點(diǎn)地圖是對(duì)站點(diǎn)結(jié)構(gòu)的XML描述描述 文件名為文件名為web.sitemap 根節(jié)點(diǎn)，一個(gè)站點(diǎn)地圖只能根節(jié)點(diǎn)，一個(gè)站點(diǎn)地圖只能有一個(gè)有一個(gè)siteMap元素元素對(duì)應(yīng)于頁(yè)面的節(jié)點(diǎn)對(duì)應(yīng)于頁(yè)面的節(jié)點(diǎn)一個(gè)節(jié)點(diǎn)描述一個(gè)頁(yè)面一個(gè)節(jié)點(diǎn)描述一個(gè)頁(yè)面提供鏈接的文本描述提供鏈接的文本描述文件在解決方案中的位置文件在解決方案中的位置注意：如果要表示根目錄，注意：如果要表示根目錄，需要用需要用“/”說(shuō)明性文本說(shuō)明性文本并提供光標(biāo)停留時(shí)并提供光標(biāo)停留時(shí)顯示的內(nèi)容顯示的內(nèi)容站點(diǎn)地圖站點(diǎn)地圖 本卷須知本卷須知 站點(diǎn)地圖

3、根節(jié)點(diǎn)為站點(diǎn)地圖根節(jié)點(diǎn)為元素，每個(gè)文件有且僅有元素，每個(gè)文件有且僅有一個(gè)根節(jié)點(diǎn)一個(gè)根節(jié)點(diǎn) 下一級(jí)有且僅有一個(gè)下一級(jí)有且僅有一個(gè)節(jié)點(diǎn)節(jié)點(diǎn) 下面可以包含多個(gè)新的下面可以包含多個(gè)新的節(jié)點(diǎn)節(jié)點(diǎn) 站點(diǎn)地圖中，同一個(gè)站點(diǎn)地圖中，同一個(gè)URL僅能出現(xiàn)一次僅能出現(xiàn)一次web.sitemap注意事項(xiàng)注意事項(xiàng) 指示頁(yè)面在站點(diǎn)的邏輯位置的導(dǎo)航指示頁(yè)面在站點(diǎn)的邏輯位置的導(dǎo)航 該類(lèi)型的導(dǎo)航可以幫助用戶理解站點(diǎn)結(jié)構(gòu)該類(lèi)型的導(dǎo)航可以幫助用戶理解站點(diǎn)結(jié)構(gòu) 通過(guò)該導(dǎo)航，可以迅速找到相關(guān)的位置通過(guò)該導(dǎo)航，可以迅速找到相關(guān)的位置 “面包屑導(dǎo)航面包屑導(dǎo)航 SiteMapPath控件控件SiteMapPath重要屬性重要屬性教員演示教

4、員演示1： SiteMapPath的使用的使用 練習(xí)練習(xí)實(shí)現(xiàn)實(shí)現(xiàn)“面包屑導(dǎo)航面包屑導(dǎo)航 需求說(shuō)明：需求說(shuō)明： 實(shí)現(xiàn)第三波書(shū)店實(shí)現(xiàn)第三波書(shū)店“面包屑導(dǎo)航功能面包屑導(dǎo)航功能第三波第三波 圖書(shū)列表頁(yè)搜索頁(yè)訂單查詢購(gòu)物車(chē)圖書(shū)詳細(xì)頁(yè)會(huì)員后臺(tái)用戶注冊(cè)用戶登錄修改個(gè)人信息退出登錄管理員后臺(tái)用戶管理管理用戶狀態(tài)管理修改用戶資料圖書(shū)管理添加圖書(shū)分類(lèi)為書(shū)籍分類(lèi)圖書(shū)詳細(xì)信息圖書(shū)列表推薦圖書(shū)訂單管理審核訂單詳細(xì)訂單退出共性問(wèn)題集中講解共性問(wèn)題集中講解n常見(jiàn)調(diào)試問(wèn)題及解決辦法常見(jiàn)調(diào)試問(wèn)題及解決辦法n代碼規(guī)范問(wèn)題代碼規(guī)范問(wèn)題共性問(wèn)題集中講解共性問(wèn)題集中講解 制作導(dǎo)航菜單制作導(dǎo)航菜單繼續(xù)新建一個(gè)頁(yè)面繼續(xù)新建一個(gè)頁(yè)面User

5、Menu.aspx，向該頁(yè)面中加入一，向該頁(yè)面中加入一個(gè)個(gè)menu控件，再添加一個(gè)控件，再添加一個(gè)SiteMapDataSource控件，對(duì)控件，對(duì)menu控件進(jìn)行必要的設(shè)置?？丶M(jìn)行必要的設(shè)置。教員演示教員演示2： menu控件的使用控件的使用 以樹(shù)形目錄方式導(dǎo)航的控件以樹(shù)形目錄方式導(dǎo)航的控件典型的樹(shù)形目錄典型的樹(shù)形目錄與與WinForms中的樹(shù)形控件相似，中的樹(shù)形控件相似，ASP.NET提供的樹(shù)形目錄控件提供的樹(shù)形目錄控件TreeView控件控件 視圖中添加視圖中添加 動(dòng)態(tài)添加動(dòng)態(tài)添加 數(shù)據(jù)源控件的綁定數(shù)據(jù)源控件的綁定 站點(diǎn)地圖站點(diǎn)地圖 XML文件文件 編碼添加節(jié)點(diǎn)編碼添加節(jié)點(diǎn) TreeV

6、iew數(shù)據(jù)添加數(shù)據(jù)添加適用于固定、少量數(shù)據(jù)適用于固定、少量數(shù)據(jù)數(shù)據(jù)源數(shù)據(jù)源常用來(lái)對(duì)讀取存儲(chǔ)于數(shù)常用來(lái)對(duì)讀取存儲(chǔ)于數(shù)據(jù)庫(kù)中的菜單數(shù)據(jù)據(jù)庫(kù)中的菜單數(shù)據(jù)適用于常需修改、少量的數(shù)據(jù)適用于常需修改、少量的數(shù)據(jù) 采用站點(diǎn)地圖作為數(shù)據(jù)源采用站點(diǎn)地圖作為數(shù)據(jù)源 采用采用XML文件作為數(shù)據(jù)源文件作為數(shù)據(jù)源 1、將、將TreeView導(dǎo)航控件拖入頁(yè)面導(dǎo)航控件拖入頁(yè)面 2、編寫(xiě)數(shù)據(jù)文件（、編寫(xiě)數(shù)據(jù)文件（.xml） 3、設(shè)置數(shù)據(jù)源、設(shè)置數(shù)據(jù)源 4、編輯、編輯TreeNode 5、設(shè)置自動(dòng)套用格式、設(shè)置自動(dòng)套用格式數(shù)據(jù)源控件的綁定數(shù)據(jù)源控件的綁定教員演示教員演示3： XML文件作為數(shù)據(jù)源文件作為數(shù)據(jù)源 演示示例演示示例

7、5：站點(diǎn)地圖作為數(shù)據(jù)源：站點(diǎn)地圖作為數(shù)據(jù)源練習(xí)練習(xí)實(shí)現(xiàn)管理員端的菜單功能實(shí)現(xiàn)管理員端的菜單功能 需求說(shuō)明：需求說(shuō)明： 實(shí)現(xiàn)第三波書(shū)店管理員端菜單功能實(shí)現(xiàn)第三波書(shū)店管理員端菜單功能 使用使用XML存儲(chǔ)菜單項(xiàng)并綁定到存儲(chǔ)菜單項(xiàng)并綁定到TreeView 數(shù)據(jù)存儲(chǔ)于文件中日后維護(hù)會(huì)有哪些問(wèn)題？數(shù)據(jù)存儲(chǔ)于文件中日后維護(hù)會(huì)有哪些問(wèn)題？ 安全性低安全性低 上百條數(shù)據(jù)不易修改上百條數(shù)據(jù)不易修改 編碼添加節(jié)點(diǎn)編碼添加節(jié)點(diǎn)教員演示教員演示4： 編碼添加節(jié)點(diǎn)編碼添加節(jié)點(diǎn)將菜單數(shù)據(jù)存儲(chǔ)于數(shù)據(jù)庫(kù)，通過(guò)設(shè)置將菜單數(shù)據(jù)存儲(chǔ)于數(shù)據(jù)庫(kù)，通過(guò)設(shè)置編號(hào)和父節(jié)點(diǎn)編號(hào)等進(jìn)行操作編號(hào)和父節(jié)點(diǎn)編號(hào)等進(jìn)行操作 使用使用TreeView實(shí)現(xiàn)企

8、業(yè)實(shí)現(xiàn)企業(yè)OA中的系統(tǒng)菜單：中的系統(tǒng)菜單：private void InitTree(TreeNodeCollection tnc,string parentId) DataView dv = new DataView(); TreeNode tnNode; dv.Table = ds.Tables SysFun; dv.RowFilter = ParentNodeId= + parentId; foreach (DataRowView drv in dv) tnNode = new TreeNode(); tnNode.Value = drvNodeId.ToString(); /省略其它字

9、段省略其它字段 tnc.Add(tnNode); InitTree(tnNode.ChildNodes, tnNode.Value); 示例關(guān)鍵代碼示例關(guān)鍵代碼遞歸調(diào)用遞歸調(diào)用 動(dòng)態(tài)視圖方便篩選動(dòng)態(tài)視圖方便篩選繼續(xù)找繼續(xù)找其子節(jié)點(diǎn)其子節(jié)點(diǎn)建議采用當(dāng)用戶每點(diǎn)擊一級(jí)節(jié)點(diǎn)，調(diào)用相應(yīng)建議采用當(dāng)用戶每點(diǎn)擊一級(jí)節(jié)點(diǎn)，調(diào)用相應(yīng)獲取數(shù)據(jù)的方法并添加的方式提升網(wǎng)站的性能獲取數(shù)據(jù)的方法并添加的方式提升網(wǎng)站的性能 練習(xí)練習(xí)使用泛型集合實(shí)現(xiàn)使用泛型集合實(shí)現(xiàn)OA 菜單菜單 需求說(shuō)明：需求說(shuō)明： 使用泛型集合編碼添加使用泛型集合編碼添加 企業(yè)企業(yè)OA中的系統(tǒng)菜單中的系統(tǒng)菜單完成時(shí)間：完成時(shí)間：25分鐘分鐘共性問(wèn)題集中講解共性問(wèn)題集中講解n常見(jiàn)調(diào)試問(wèn)題及解決辦法常見(jiàn)