NET網(wǎng)站開發(fā)項(xiàng)目化教程PPT單元設(shè)計(jì)4-4 實(shí)現(xiàn)“新知書店”前臺(tái)頁面菜單欄功能

PAGEPAGE1《ASP.Net應(yīng)用開發(fā)》課程單元教學(xué)設(shè)計(jì)4_4教學(xué)單元實(shí)現(xiàn)“新知書店”前臺(tái)頁面菜單欄功能授課班級(jí)授課學(xué)時(shí)課時(shí)授課日期年月日第周周第節(jié)授課教師授課地點(diǎn)教學(xué)目標(biāo)知識(shí)目標(biāo)1.數(shù)據(jù)庫中菜單表的設(shè)計(jì)2.在母版頁中編程實(shí)現(xiàn)遞歸法動(dòng)態(tài)添加菜單節(jié)點(diǎn)(菜單項(xiàng)保存在數(shù)據(jù)庫)能力目標(biāo)掌握遞歸法編程實(shí)現(xiàn)動(dòng)態(tài)添加菜單節(jié)點(diǎn)素質(zhì)目標(biāo)規(guī)范管理能力;自我學(xué)習(xí)能力;相互協(xié)作能力。教學(xué)重點(diǎn)TreeView控件的相關(guān)屬性、方法和事件教學(xué)難點(diǎn)在母版頁中編程實(shí)現(xiàn)遞歸法動(dòng)態(tài)添加菜單節(jié)點(diǎn)。能力訓(xùn)練任務(wù)或案例實(shí)現(xiàn)“新知書店”前臺(tái)頁面菜單欄功能教學(xué)策略(教學(xué)方法與組織形式)1.課件：根據(jù)本節(jié)課程設(shè)計(jì)的內(nèi)容及教學(xué)計(jì)劃，逐步展現(xiàn)知識(shí)點(diǎn)。2.板書：針對(duì)學(xué)生在學(xué)習(xí)和練習(xí)過程中出現(xiàn)的問題，進(jìn)行補(bǔ)充講解。調(diào)節(jié)課堂節(jié)奏，給學(xué)生思考的時(shí)間。3.教師程序編寫：讓學(xué)生體驗(yàn)實(shí)現(xiàn)“新知書店”前臺(tái)頁面菜單欄功能，與所學(xué)知識(shí)點(diǎn)一一對(duì)應(yīng)，加深理解。4.問答：就一些知識(shí)點(diǎn)的靈活性與學(xué)生進(jìn)行問答互動(dòng)。5.就（3）和（4）中同學(xué)們的表現(xiàn)給出部分平時(shí)分，為了鼓勵(lì)同學(xué)們的參與積極性，參與者加1分，答對(duì)者加2-3分。課后練習(xí)設(shè)計(jì)自己網(wǎng)站的菜單導(dǎo)航教學(xué)后記教學(xué)過程教學(xué)引入：討論：網(wǎng)站菜單通過創(chuàng)建站點(diǎn)地圖或創(chuàng)建XML實(shí)現(xiàn)導(dǎo)航是否方便可行。教學(xué)內(nèi)容：4)TreeView控件綁定數(shù)據(jù)庫在實(shí)際項(xiàng)目開發(fā)中，菜單項(xiàng)作為數(shù)據(jù)的一部分通常被保存在數(shù)據(jù)庫中，有專門的數(shù)據(jù)維護(hù)人員通過內(nèi)部系統(tǒng)管理平臺(tái)來操作維護(hù)菜單項(xiàng)，而菜單的深度也會(huì)隨著網(wǎng)站的用戶需求不斷完善。顯然不管使用站點(diǎn)地圖或是XML文件方式維護(hù)數(shù)據(jù)都很困難。下面我們通過編程實(shí)現(xiàn)遞歸法動(dòng)態(tài)添加節(jié)點(diǎn)、設(shè)置屬性。從而實(shí)現(xiàn)數(shù)據(jù)與代碼的分離，提高數(shù)據(jù)的可維護(hù)性。圖4-21是一個(gè)企業(yè)OA中的系統(tǒng)菜單表。其中“NodeId”字段為每個(gè)菜單項(xiàng)的編號(hào)，“DisplayOrder”字段為顯示順序，“ParentNodeId”字段為父節(jié)點(diǎn)的編號(hào)。如何按照?qǐng)D4-21中的數(shù)據(jù)結(jié)構(gòu)將數(shù)據(jù)讀取到TreeView中呢？注意：取“ParentNodeId”為0的節(jié)點(diǎn)作為一級(jí)節(jié)點(diǎn)添加到TreeView中。根據(jù)每個(gè)一級(jí)節(jié)點(diǎn)的”NodeId”的值找到與其相等的“ParentNodeId”的值，如果找到就把找到的節(jié)點(diǎn)作為子節(jié)點(diǎn)添加到該一級(jí)節(jié)點(diǎn)。說明：我們看到的系統(tǒng)菜單表只有兩級(jí)，但隨著業(yè)務(wù)的拓展該表中的菜單項(xiàng)級(jí)別會(huì)越來越高，為了提高擴(kuò)展性，采用遞歸方法進(jìn)行無限級(jí)添加。圖4-21OA系統(tǒng)菜單表中的數(shù)據(jù)信息關(guān)鍵代碼如下：protectedvoidPage_Load(objectsender,EventArgse){if(!IsPostBack){this.tvMenu.Dispose();GetDataToTable();//將數(shù)據(jù)庫中的數(shù)據(jù)填充到DataSetInitTreeByDataTable(this.tvMenu.Nodes,"0");//使用遞歸方法動(dòng)態(tài)添加節(jié)點(diǎn)}}///<summary>///使用遞歸方法動(dòng)態(tài)添加節(jié)點(diǎn)(DataTable方式實(shí)現(xiàn))///</summary>///<paramname="tnc">父節(jié)點(diǎn)</param>///<paramname="parentId">父節(jié)點(diǎn)Id</param>privatevoidInitTreeByDataTable(TreeNodeCollectiontnc,stringparentId){DataViewdv=newDataView();//動(dòng)態(tài)視圖方便篩選TreeNodetnNode;dv.Table=ds.Tables[0];//全局的DataSet，對(duì)應(yīng)系統(tǒng)菜單表SysFundv.RowFilter="ParentNodeId="+parentId;foreach(DataRowViewdrvindv){tnNode=newTreeNode();tnNode.Value=drv["NodeId"].ToString();tnNode.Text=drv["DisplayName"].ToString();tnNode.NavigateUrl=drv["NodeURL"].ToString();tnc.Add(tnNode);InitTreeByDataTable(tnNode.ChildNodes,tnNode.Value);//遞歸調(diào)用}}切換到頁面Default.aspx(在文件夾RecursionTreeView中)的設(shè)計(jì)視圖模式，為TreeView選擇“自動(dòng)套用格式”并運(yùn)行代碼，效果如圖4-22所示。圖4-22編程實(shí)現(xiàn)遞歸法動(dòng)態(tài)添加TreeView節(jié)點(diǎn)數(shù)據(jù)但這種方式添加節(jié)點(diǎn)也存在缺點(diǎn)，對(duì)于數(shù)據(jù)量大的情況一次性將菜單數(shù)據(jù)全部都加載到頁面中會(huì)降低網(wǎng)站的性能，因此可以采用當(dāng)用戶沒單擊一個(gè)一級(jí)節(jié)點(diǎn)，調(diào)用相應(yīng)方法獲取該級(jí)節(jié)點(diǎn)下全部子節(jié)點(diǎn)的方法來提升網(wǎng)站的性能。任務(wù)實(shí)施：實(shí)現(xiàn)“新知書店”前臺(tái)頁面菜單欄功能1.任務(wù)描述：使用ADO.NET技術(shù)讀取數(shù)據(jù)表Categories中的數(shù)據(jù)并保存到泛型集合中，并使用TreeVi