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

1、第六章數(shù)據(jù)插入與更新回顧2-1數(shù)據(jù)展示有哪兩種方式？手寫綁定綁定數(shù)據(jù)源控件Eval和Bind的區(qū)別？Eval方法是靜態(tài)（只讀）方法，格式化顯示，計算列等。Bind方法支持讀/寫功能，可修改回傳服務(wù)器。下面是改變圖書分類的部分代碼，有什么問題？回顧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í)檢查可使用哪個控件完成文件上傳？有哪幾種數(shù)據(jù)驗(yàn)證控件？本章任務(wù)完善用戶注冊完善圖書管理模塊中的圖書信息修改驗(yàn)證控件 可上傳圖片 可選擇日期 本章目標(biāo)能熟練使用驗(yàn)證控件熟練使用ObjectDataSource更新數(shù)據(jù)會手工編寫更新事件的方法有效性驗(yàn)證用戶注冊時，輸入了

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

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

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

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

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

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

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

10、s版日歷控件同時支持IE和Firefox界面美觀功能強(qiáng)大，設(shè)置方便目錄結(jié)構(gòu)存放語言的文件夾 存放皮膚相關(guān)文件 日期庫主文件 主配置文件，修改默認(rèn)風(fēng)格等 導(dǎo)入文件,在調(diào)用的頁面需要引入該文件 使用方式使用方式：將整個文件夾放置于網(wǎng)站跟目錄頁面中添加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 + 文件類型： + fulFile.PostedFile.ContentType;保存文件到指定位置 獲取上傳的文件名 獲取上傳的文件類型 獲取上傳的文件大小 注意：讀寫硬盤需要設(shè)置足夠的訪問權(quán)限， 需要將文件夾的權(quán)限分配給 的運(yùn)行帳戶上傳內(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í)就是判斷上傳文件的后綴名 圖書基本信息的修改修改圖書基本信息在圖書詳細(xì)頁增加添加和修改將項(xiàng)轉(zhuǎn)換為模板項(xiàng)添加相關(guān)驗(yàn)證日期輸入使用JS版的日歷控件封面圖片可上傳更新演示示例： 修改圖書信息 編程控制參數(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); 在圖書事件后發(fā)生 將提交的文

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