NET網(wǎng)站開發(fā)項目化教程PPT單元設(shè)計7-7 實現(xiàn)“新知書店”前臺圖書列表顯示的排序和分頁

PAGEPAGE1《ASP.Net應(yīng)用開發(fā)》課程單元教學(xué)設(shè)計7_7教學(xué)單元實現(xiàn)“新知書店”前臺圖書列表顯示的排序和分頁授課班級授課學(xué)時課時授課日期年月日第周周第節(jié)授課教師授課地點教學(xué)目標(biāo)知識目標(biāo)PageDataSource分頁類、ViewState對象、排序能力目標(biāo)掌握DataList控件的分頁和排序功能素質(zhì)目標(biāo)規(guī)范管理能力;自我學(xué)習(xí)能力；相互協(xié)作能力。教學(xué)重點PageDataSource分頁類、排序教學(xué)難點PageDataSource分頁類、ViewState對象和排序的應(yīng)用能力訓(xùn)練任務(wù)或案例實現(xiàn)“新知書店”前臺圖書列表顯示的排序和分頁教學(xué)策略(教學(xué)方法與組織形式)1.課件：根據(jù)本節(jié)課程設(shè)計的內(nèi)容及教學(xué)計劃，逐步展現(xiàn)知識點。2.板書：針對學(xué)生在學(xué)習(xí)和練習(xí)過程中出現(xiàn)的問題，進(jìn)行補(bǔ)充講解。調(diào)節(jié)課堂節(jié)奏，給學(xué)生思考的時間。3.教師程序編寫：讓學(xué)生體驗實現(xiàn)“新知書店”前臺圖書列表顯示的排序和分頁，與所學(xué)知識點一一對應(yīng)，加深理解。4.問答：就一些知識點的靈活性與學(xué)生進(jìn)行問答互動。5.就（3）和（4）中同學(xué)們的表現(xiàn)給出部分平時分，為了鼓勵同學(xué)們的參與積極性，參與者加1分，答對者加2-3分。課后練習(xí)實現(xiàn)“新知圖書”前臺圖書列表顯示的排序和分頁。教學(xué)后記教學(xué)過程教學(xué)引入：討論：從同學(xué)上淘寶、京東購物按價格排序引?教學(xué)內(nèi)容：任務(wù)實施：實現(xiàn)“新知書店”前臺圖書列表顯示的排序和分頁任務(wù)描述：實現(xiàn)每頁顯示五條圖書記錄，分頁功能如圖7-50所示。圖7-50“新知書店”前臺圖書列表分頁頁面實現(xiàn)“新知書店”的圖書列表頁按“按出版日期排序”和“按價格排序”功能如圖7-51所示。圖7-51“新知書店”前臺圖書列表排序功能實現(xiàn)單擊TreeView的分類名，顯示該分類下的全部圖書信息。【任務(wù)實施】1.Web頁面設(shè)計2.編寫代碼，實現(xiàn)程序功能說明：每次單擊“上一頁”或“下一頁”按鈕會造成頁面回傳，我們需要在與服務(wù)器交互中保持當(dāng)前圖書分類、排序和頁數(shù)等條件，因為該分頁和排序信息僅需要在該頁面有效，我們學(xué)過的Session、Cookie、Application狀態(tài)保持方式并不合適。此處，我們用頁面級的狀態(tài)保持對象ViewState，使用頁面級狀態(tài)保持方式的好處就是不影響其他頁面的分頁。ViewState的用法和Session一樣，語法格式為ViewState[“名稱”]=值(或者ViewState.Add(“名稱”,值))，事實上，ViewState對象的狀態(tài)保持方式是在頁面上放置一個隱藏域：<inputtype=“hidden”name=“_VIEWSTATE”value=“”>，每次回傳，該隱藏域的內(nèi)容也一起回傳，從而進(jìn)行狀態(tài)信息的保持。存儲過程sp_GetBooksByCategoryIdAndSortField的代碼如下。ALTERPROCEDURE[dbo].[sp_GetBooksByCategoryIdAndSortField] @SortFieldVARCHAR(20),--排序方式@CategoryIdINT--圖書類別AS--根據(jù)出版社時間和價格關(guān)鍵字進(jìn)行排序獲取圖書列表IF(@SortField='PublishDate')BEGINselect*frombookswhereCategoryId=@CategoryIdORDERBYPublishDateENDELSEIF(@SortField='UnitPrice')BEGINselect*frombookswhereCategoryId=@CategoryIdORDERBYUnitPriceEND在后置代碼文件BookList.aspx.cs中，編寫下拉列表框ddlOrder控件發(fā)生改變(排序方式改變)時觸發(fā)SelectedIndexChanged事件的代碼如下。///<summary>///下拉列表選項發(fā)生改變的事件方法(排序方式變化)///</summary>protectedvoidddlOrder_SelectedIndexChanged(objectsender,EventArgse){if(ddlOrder.SelectedValue=="1"){this.SortField="PublishDate";}else{this.SortField="UnitPrice";}this.CurrentPageIndex=1;this.BindList();}在后置代碼文件BookList.aspx.cs中，分別編寫“上一頁”、“下一頁”兩個Button控件的Click事件代碼如下，當(dāng)單擊用于操作分頁的Button控件時，程序根據(jù)當(dāng)前頁碼執(zhí)行指定操作。///<summary>///“下一頁”按鈕事件方法///</summary>protectedvoidbtnNext_Click(objectsender,EventArgse){this.CurrentPageIndex++;this.BindList();//取得數(shù)據(jù)源并綁定SetEnable(CurrentPageIndex);//設(shè)置按鈕狀態(tài)}///<summary>///“上一頁”按鈕事件方法///</summary>protectedvoidbtnPrev_Click(objectsender,EventArgse){this.CurrentPageIndex--;this.BindList();//取得數(shù)據(jù)源并綁定SetEnable(CurrentPageIndex);//設(shè)置按鈕狀態(tài)}其中，SetEnable方法用于根據(jù)當(dāng)前頁數(shù)CurrentPageIndex改變“上一頁”“下一頁”按鈕的可用狀態(tài)，代碼如下。///<summary>///設(shè)置按鈕的可用性///</summary>///<paramname="pageCount"></param>privatevoidSetEnable(intpageCount){//如果當(dāng)前頁時最后一頁if(CurrentPageIndex>=this.PageCount){btnNext.Enabled=false;}else{this.btnNext.Enabled=true;}if(CurrentPageIndex<=1){btnPrev.Enabled=false;}else{this.btnPre