PAGEPAGE1《ASP.Net應(yīng)用開發(fā)》課程單元教學(xué)設(shè)計(jì)7_7教學(xué)單元實(shí)現(xiàn)“新知書店”前臺(tái)圖書列表顯示的排序和分頁授課班級(jí)授課學(xué)時(shí)課時(shí)授課日期年月日第周周第節(jié)授課教師授課地點(diǎn)教學(xué)目標(biāo)知識(shí)目標(biāo)PageDataSource分頁類、ViewState對(duì)象、排序能力目標(biāo)掌握DataList控件的分頁和排序功能素質(zhì)目標(biāo)規(guī)范管理能力;自我學(xué)習(xí)能力；相互協(xié)作能力。教學(xué)重點(diǎn)PageDataSource分頁類、排序教學(xué)難點(diǎn)PageDataSource分頁類、ViewState對(duì)象和排序的應(yīng)用能力訓(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í)現(xiàn)“新知圖書”前臺(tái)圖書列表顯示的排序和分頁。教學(xué)后記教學(xué)過程教學(xué)引入：討論：從同學(xué)上淘寶、京東購物按價(jià)格排序引?教學(xué)內(nèi)容：任務(wù)實(shí)施：實(shí)現(xiàn)“新知書店”前臺(tái)圖書列表顯示的排序和分頁任務(wù)描述：實(shí)現(xiàn)每頁顯示五條圖書記錄，分頁功能如圖7-50所示。圖7-50“新知書店”前臺(tái)圖書列表分頁頁面實(shí)現(xiàn)“新知書店”的圖書列表頁按“按出版日期排序”和“按價(jià)格排序”功能如圖7-51所示。圖7-51“新知書店”前臺(tái)圖書列表排序功能實(shí)現(xiàn)單擊TreeView的分類名，顯示該分類下的全部圖書信息?！救蝿?wù)實(shí)施】1.Web頁面設(shè)計(jì)2.編寫代碼，實(shí)現(xiàn)程序功能說明：每次單擊“上一頁”或“下一頁”按鈕會(huì)造成頁面回傳，我們需要在與服務(wù)器交互中保持當(dāng)前圖書分類、排序和頁數(shù)等條件，因?yàn)樵摲猪摵团判蛐畔H需要在該頁面有效，我們學(xué)過的Session、Cookie、Application狀態(tài)保持方式并不合適。此處，我們用頁面級(jí)的狀態(tài)保持對(duì)象ViewState，使用頁面級(jí)狀態(tài)保持方式的好處就是不影響其他頁面的分頁。ViewState的用法和Session一樣，語法格式為ViewState[“名稱”]=值(或者ViewState.Add(“名稱”,值))，事實(shí)上，ViewState對(duì)象的狀態(tài)保持方式是在頁面上放置一個(gè)隱藏域：<inputtype=“hidden”name=“_VIEWSTATE”value=“”>，每次回傳，該隱藏域的內(nèi)容也一起回傳，從而進(jìn)行狀態(tài)信息的保持。存儲(chǔ)過程sp_GetBooksByCategoryIdAndSortField的代碼如下。ALTERPROCEDURE[dbo].[sp_GetBooksByCategoryIdAndSortField] @SortFieldVARCHAR(20),--排序方式@CategoryIdINT--圖書類別AS--根據(jù)出版社時(shí)間和價(jià)格關(guān)鍵字進(jìn)行排序獲取圖書列表IF(@SortField='PublishDate')BEGINselect*frombookswhereCategoryId=@CategoryIdORDERBYPublishDateENDELSEIF(@SortField='UnitPrice')BEGINselect*frombookswhereCategoryId=@CategoryIdORDERBYUnitPriceEND在后置代碼文件BookList.aspx.cs中，編寫下拉列表框ddlOrder控件發(fā)生改變(排序方式改變)時(shí)觸發(fā)SelectedIndexChanged事件的代碼如下。///<summary>///下拉列表選項(xiàng)發(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中，分別編寫“上一頁”、“下一頁”兩個(gè)Button控件的Click事件代碼如下，當(dāng)單擊用于操作分頁的Button控件時(shí)，程序根據(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)前頁時(shí)最后一頁if(CurrentPageIndex>=this.PageCount){btnNext.Enabled=false;}else{this.btnNext.Enabled=true;}if(CurrentPageIndex<=1){btnPrev.Enabled=false;}else{this.btnPre