使用技術(shù)開(kāi)發(fā)網(wǎng)上書(shū)店理論部分教學(xué)tp6v1

1、第六章數(shù)據(jù)插入與更新回顧2-1數(shù)據(jù)展示有哪兩種方式？手寫(xiě)綁定綁定數(shù)據(jù)源控件Eval和Bind的區(qū)別？Eval方法是靜態(tài)（只讀）方法，格式化顯示，計(jì)算列等。Bind方法支持讀/寫(xiě)功能，可修改回傳服務(wù)器。下面是改變圖書(shū)分類(lèi)的部分代碼，有什么問(wèn)題？回顧2-2 string sb =String.Empty; for (int i = 0; i this.gvBooks.Rows.Count; i+) CheckBox cb = (gvBooks.Rows(i).FindControl(chbSelect“) as CheckBox; if (cb.Checked = true) sb += (gvB

2、ooks.Rowsi.FindControl(lblId) as Label).Text+,; string catagory = this.ddlCatagory.SelectedItem; ChangeCatagory(sb, catagory);RowsiSelectedValue或 SelectedItem.Value 預(yù)習(xí)檢查可使用哪個(gè)控件完成文件上傳？有哪幾種數(shù)據(jù)驗(yàn)證控件？本章任務(wù)完善用戶(hù)注冊(cè)完善圖書(shū)管理模塊中的圖書(shū)信息修改驗(yàn)證控件 可上傳圖片 可選擇日期 本章目標(biāo)能熟練使用驗(yàn)證控件熟練使用ObjectDataSource更新數(shù)據(jù)會(huì)手工編寫(xiě)更新事件的方法有效性驗(yàn)證用戶(hù)注冊(cè)時(shí)，輸入了

3、不合標(biāo)準(zhǔn)的信息，怎么辦？后臺(tái)手寫(xiě)驗(yàn)證代碼使用javascript腳本進(jìn)行驗(yàn)證 提供了驗(yàn)證控件輕松實(shí)現(xiàn)用戶(hù)輸入的驗(yàn)證，且與用戶(hù)瀏覽器無(wú)關(guān)由在客戶(hù)端或服務(wù)器中運(yùn)行的驗(yàn)證代碼執(zhí)行多種驗(yàn)證控件，驗(yàn)證數(shù)據(jù)更加簡(jiǎn)單方便頁(yè)面回傳，用戶(hù)體驗(yàn)不好 不安全，與瀏覽器相關(guān) 驗(yàn)證控件的層次結(jié)構(gòu)BaseValidator基礎(chǔ)驗(yàn)證類(lèi)RequiredFieldValidatorCompareValidatorRegularExpressionValidatorRangeValidatorCustomValidator pareValidatorLabelWebControl抽象類(lèi)具體類(lèi)ValidationSummaryRe

4、quiredFieldValidator非空驗(yàn)證用于驗(yàn)證用戶(hù)輸入是否為空常與其他控件一起使用常用屬性屬性名稱(chēng)說(shuō)明ControlToValidate驗(yàn)證的控件idText出錯(cuò)時(shí)的提示ErrorMessage提交給ValidationSummary的錯(cuò)誤提示，當(dāng)Text為空時(shí)，也會(huì)顯示該錯(cuò)誤信息RequiredFieldValidator演示演示輸入驗(yàn)證如上頁(yè)拖入并設(shè)置控件屬性按鈕事件：在頁(yè)面顯示 信息已提交！“在Page_Load及按鈕事件中設(shè)置斷點(diǎn)以調(diào)試模式運(yùn)行，體會(huì)頁(yè)面驗(yàn)證順序?qū)E設(shè)置為禁用腳本，繼續(xù)驗(yàn)證this.lblMessage.Text = 信息已提交！;頁(yè)面并未提交到服務(wù)器執(zhí)行，

5、驗(yàn)證在客戶(hù)端進(jìn)行 演示示例： 驗(yàn)證控件的執(zhí)行 當(dāng)IE設(shè)置為禁用腳本時(shí)，頁(yè)面發(fā)生回傳，驗(yàn)證沒(méi)有發(fā)生 Page.IsValid修改按鈕事件：Page.IsValid指示頁(yè)面驗(yàn)證是否成功 用于客戶(hù)端驗(yàn)證失敗情況下更加安全if (Page.IsValid) this.lblMessage.Text = 信息已提交！;判斷頁(yè)面是否經(jīng)過(guò)驗(yàn)證 CompareValidatorCompareValidator用于比較控件的值注冊(cè)時(shí)，密碼需要輸入兩次，并且一致付款時(shí)，金額需大于0 常用屬性屬性名稱(chēng)說(shuō)明 pare要進(jìn)行對(duì)比的控件Type比較類(lèi)型設(shè)置，不同類(lèi)型的比較可能會(huì)出錯(cuò)Operator比較運(yùn)算符，默認(rèn)為等于R

6、angeValidatorRangeValidator用于范圍的驗(yàn)證驗(yàn)證生日（小于當(dāng)前日期）預(yù)定卡拉OK（一周內(nèi)） 常用屬性屬性名稱(chēng)說(shuō)明MaximumValue范圍的上界（最大值）MinimumValue范圍的下界（最小值）Type驗(yàn)證類(lèi)型（字符串、整型、雙精度、日期、貨幣五種）電子郵件的驗(yàn)證電子郵件怎么驗(yàn)證？沒(méi)有大小可比沒(méi)有范圍之分電子郵件的規(guī)則是：必須包含一個(gè)并且只有一個(gè)符號(hào)“” 第一個(gè)字符不得是“”或者“.” 不允許出現(xiàn)“.”或者. 結(jié)尾不得是字符“”或者“.” 可使用正則表達(dá)式 正則表達(dá)式用某種模式去匹配一類(lèi)字符串的一個(gè)公式一類(lèi)字符串：電話(huà)號(hào)碼、電子郵件地址 .模式：規(guī)則公式：表示規(guī)則

7、的一段文字匹配：根據(jù)表達(dá)式去對(duì)比驗(yàn)證規(guī)則例子： “”可匹配字符串開(kāi)始。那么表達(dá)式： “正則” 可匹配的下列字符串中的那一種？ 正則表達(dá)式名不正則言不順RegularExpressionValidator應(yīng)用正則表達(dá)式作為進(jìn)行驗(yàn)證的控件。電子郵件身份證號(hào). .常用屬性ValidationExpression屬性:設(shè)置要匹配的正則表達(dá)式CustomValidator自定義驗(yàn)證可以手寫(xiě)js腳本進(jìn)行客戶(hù)端驗(yàn)證腳本也可以編寫(xiě)服務(wù)器端的驗(yàn)證事件或者聯(lián)合兩種方式驗(yàn)證，更安全常用屬性屬性名稱(chēng)說(shuō)明ClientValidationFunction用于客戶(hù)端驗(yàn)證的函數(shù)OnServerValidate服務(wù)器端驗(yàn)證的事

8、件方法ValidationSummary驗(yàn)證報(bào)告控件該控件并不對(duì)窗體的輸入進(jìn)行驗(yàn)證它可以將驗(yàn)證錯(cuò)誤匯總在一處統(tǒng)一顯示顯示的內(nèi)容是其他控件的ErrorMessage常用屬性ShowMessageBox，指示是否顯示彈出的提示消息ShowSummary，指示是否顯示該報(bào)告內(nèi)容，用于顯示提示消息的時(shí)候?yàn)楸苊舛嗵幪崾掘?yàn)證錯(cuò)誤信息，可將驗(yàn)證控件的Text屬性設(shè)置為“ * ”號(hào)現(xiàn)場(chǎng)編程完善用戶(hù)注冊(cè)功能使用驗(yàn)證控件的驗(yàn)證方式所有輸入都不可為空兩次輸入密碼一致Email需要格式正確使用彈出窗口的提示方式演示示例： 采用驗(yàn)證控件的用戶(hù)注冊(cè) Calendar日歷控件在Web頁(yè)面上放置的一個(gè)可選日期的日歷控件方便了

9、用戶(hù)對(duì)于日期的輸入日歷控件的使用將控件拖入頁(yè)面設(shè)置控件相關(guān)屬性設(shè)置事件，并添加代碼運(yùn)行檢查效果演示示例： 日歷控件的使用 Calendar日歷控件的常用屬性和事件屬性方法名稱(chēng)說(shuō)明SelectedDate屬性設(shè)置或獲取選擇的日期VisibleDate屬性當(dāng)前可見(jiàn)的日期（默認(rèn)顯示的月份）TitleFormat屬性標(biāo)題格式（“某月”或“某年某月”）SelectionChanged事件選擇某日期后的事件Calendar (JS版)能否在用戶(hù)選擇日期時(shí)，不刷新頁(yè)面？JS版的日歷控件美觀頁(yè)面無(wú)刷新網(wǎng)上可免費(fèi)下載一般都提供使用教程My97DatePicker日歷控件My97DatePicker 比較不錯(cuò)的j

10、s版日歷控件同時(shí)支持IE和Firefox界面美觀功能強(qiáng)大，設(shè)置方便目錄結(jié)構(gòu)存放語(yǔ)言的文件夾 存放皮膚相關(guān)文件 日期庫(kù)主文件 主配置文件，修改默認(rèn)風(fēng)格等 導(dǎo)入文件,在調(diào)用的頁(yè)面需要引入該文件 使用方式使用方式：將整個(gè)文件夾放置于網(wǎng)站跟目錄頁(yè)面中添加WdatePicker.js的引用在設(shè)置日期的控件上添加樣式和事件class=Wdate onFocus=new WdatePicker(this,%Y-%M-%D %h:%m,true,default)指定js文件路徑 演示示例： My97DatePicker的使用 FileUpload文件上傳控件可將圖片等文件上傳到服務(wù)器演示使用方法如圖設(shè)置控件添

11、加事件方法運(yùn)行演示示例： 文件上傳控件的使用 部分代碼fulFile.SaveAs(C: + fulFile.FileName);lblFile.Text = 上傳的文件名為： + fulFile.FileName + + 文件大?。?+ fulFile.PostedFile.ContentLength + kb + 文件類(lèi)型： + fulFile.PostedFile.ContentType;保存文件到指定位置 獲取上傳的文件名 獲取上傳的文件類(lèi)型 獲取上傳的文件大小 注意：讀寫(xiě)硬盤(pán)需要設(shè)置足夠的訪(fǎng)問(wèn)權(quán)限， 需要將文件夾的權(quán)限分配給 的運(yùn)行帳戶(hù)上傳內(nèi)容控制在web.config中設(shè)置上傳大小

12、控制上傳的文件格式（JS腳本方式）var mime=FileUpload.value; mime=mime.toLowerCase( ).substr(mime.lastIndexOf(.);if(mime!=“.jpg)FileUpload.value=;alert(僅支持JPG格式);maxRequestLength為可上傳的大?。╧b） 其實(shí)就是判斷上傳文件的后綴名 圖書(shū)基本信息的修改修改圖書(shū)基本信息在圖書(shū)詳細(xì)頁(yè)增加添加和修改將項(xiàng)轉(zhuǎn)換為模板項(xiàng)添加相關(guān)驗(yàn)證日期輸入使用JS版的日歷控件封面圖片可上傳更新演示示例： 修改圖書(shū)信息 編程控制參數(shù)更新事件觸發(fā)前，添加更新的參數(shù)protected v

13、oid dvBookList_ItemUpdating(. ) DropDownList ddlPublisher = this.dvBookList.FindControl(ddlPublisher) as DropDownList; this.odsBooks.UpdateParameters.Add(PublisherId,ddlPublisher.SelectedValue);添加更新的參數(shù)PublisherId 查找出版社的下拉單 該事件在更新事件觸發(fā)前發(fā)生 上傳封面圖片更新后上傳封面圖片protected void dvBookList_ItemUpdated(. .) FileU

14、pload fulBook = this.dvBookList.FindControl(fulBook) as FileUpload; Image imgBook = this.dvBookList.FindControl(imgBook) as Image; string FileName = fulBook.FileName; if (FileName.Trim().Length != 0) string strpath =Server.MapPath(imgBook.ImageUrl); fulBook.PostedFile.SaveAs(strpath); 在圖書(shū)事件后發(fā)生 將提交的文

15、件保存 MultiViewMultiView控件與View控件一起工作能夠打開(kāi)或者關(guān)閉頁(yè)面的不同部分。View控件必須放置于MultiView控件的內(nèi)部其實(shí)就是激活或禁用MultiView中的一系列View控件需要顯示的控件放在View控件里演示示例： MultiView控件的使用 ImageMap可以將圖片轉(zhuǎn)變?yōu)閷?dǎo)航菜單對(duì)圖片區(qū)域進(jìn)行劃分為區(qū)域賦予特定的屬性設(shè)置為PostBack時(shí)，可設(shè)置回傳的值類(lèi)似于HTML中的熱點(diǎn)（map標(biāo)簽）演示示例： ImageMap控件的使用 HyperLinkHTML提供鏈接的標(biāo)簽是什么？.缺點(diǎn)：改變鏈接困難提供超鏈接的服務(wù)器控件可通過(guò)設(shè)置NavigateUrl方便的改變鏈接路徑可使用ImageUrl設(shè)置為圖片形式的鏈接演示示例： HyperLink控件