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

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

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

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

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

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

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

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

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

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

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

12、控制上傳的文件格式（JS腳本方式）var mime=FileUpload.value; mime=mime.toLowerCase( ).substr(mime.lastIndexOf(.);if(mime!=“.jpg)FileUpload.value=;alert(僅支持JPG格式);maxRequestLength為可上傳的大?。╧b） 其實就是判斷上傳文件的后綴名 圖書基本信息的修改修改圖書基本信息在圖書詳細頁增加添加和修改將項轉(zhuǎ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控件一起工作能夠打開或者關閉頁面的不同部分。View控件必須放置于MultiView控件的內(nèi)部其實就是激活或禁用MultiView中的一系列View控件需要顯示的控件放在View控件里演示示例： MultiView控件的使用 ImageMap可以將圖片轉(zhuǎn)變?yōu)閷Ш讲藛螌D片區(qū)域進行劃分為區(qū)域賦予特定的屬性設置為PostBack時，可設置回傳的值類似于HTML中的熱點（map標簽）演示示例： ImageMap控件的使用 HyperLinkHTML提供鏈接的標簽是什么？.缺點：改變鏈接困難提供超鏈接的服務器控件可通過設置NavigateUrl方便的改變鏈接路徑可使用ImageUrl設置為圖片形式的鏈接演示示例： HyperLink控件