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

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