web應(yīng)用程序設(shè)計(jì)（aspnet）

1、WEB應(yīng)用程序設(shè)計(jì)(ASP.NET),安徽機(jī)電職業(yè)技術(shù)學(xué)院　信息工程系汪 學(xué) 文wxwAspDotNet@126.com2008年10月,2,第3課 ASP.NET服務(wù)器端控件,本課要點(diǎn)：了解和使用各種服務(wù)器控件使用文本框、列表框等標(biāo)準(zhǔn)控件輸入數(shù)據(jù)使用驗(yàn)證控件確保輸入數(shù)據(jù)的正確性使用文件上傳控件、日歷控件等Rich控件了解導(dǎo)航控件和用戶控件的使用本課示例程序位于課件文件夾下的“AspDotNet\Lesso

2、n3_4”文件夾下，請將其配置成虛擬目錄“AspDotNet\Lesson3_4”.,3,3.4 高級控件(Rich控件),本節(jié)主要介紹以下控件：文件上傳控件FileUpLoad廣告控件AdRotator日歷控件Calendar顯示不同頁面視圖的MultiView控件顯示向?qū)У腤izard控件,4,3.4.1 文件上傳控件(FileUpLoad),FileUpLoad控件用于向Web應(yīng)用程序上傳文件。文件上傳后，可以把文件保存

3、在任意位置，或者存放在數(shù)據(jù)庫中。(P53),5,FileUpLoad控件主要屬性方法,FileUpLoad控件支持下列屬性(不完全列表)Enable：是否禁用(幾乎所有控件都有該屬性)FileBytes：以字節(jié)數(shù)組形式獲取文件上傳內(nèi)容(需要將文件保存到數(shù)據(jù)庫時(shí)要用到它)FileContent：以流方式獲得上傳文件內(nèi)容。FileName：用于獲得上傳文件的名字。HasFile：有上傳文件時(shí)返回true。PostedFile：用

4、于獲得包裝成HttpPostedFile對象的上傳文件。FileUpLoad控件支持以下方法：Focus：設(shè)為焦點(diǎn)控件SaveAs：用于把上傳文件保存到文件系統(tǒng)中。,6,FileUpLoad控件主要屬性方法,HttpPostedFile類具有下列屬性(不完全列表)ContentLength：獲得上傳文件字節(jié)大小ContentType：獲得上傳文件的MIME類型，如text/html，image/jpg等FileName：獲得

5、上傳文件的名字InputStream：把上傳文件當(dāng)成流來獲取HttpPostedFile類還支持以下方法：SaveAs：把上傳文件保存到文件系統(tǒng)中,7,構(gòu)建圖片上傳示例,標(biāo)簽lblImageFile,文件上傳控件upImage,按鈕btnAdd,數(shù)據(jù)列表控件(DataList)dlstImages,DataList控件中使用了模板列和數(shù)據(jù)綁定,Default.aspx,8,構(gòu)建圖片上傳示例,protected void btn

6、Add_Click(object sender, EventArgs e) { if (upImage.HasFile) { if (CheckFileType(upImage.FileName)) { string filePath = "~/Images/" + upImage.FileName; upImage.SaveAs(

7、MapPath(filePath)); } } },bool CheckFileType(string fileName) { string ext = Path.GetExtension(fileName); switch (ext.ToLower()) { case ".gif": return t

8、rue; case ".png": return true; case ".jpg": return true; case ".jpeg": return true; default: return false; } },

9、添加圖片,判斷上傳文件類型,注意：由于涉及到文件操作，需要引入System.IO命名空間,9,構(gòu)建圖片上傳示例,protected void Page_PreRender(object sender, EventArgs e) { string upFolder = MapPath("~/Images/"); DirectoryInfo dir = new DirectoryI

10、nfo(upFolder); dlstImages.DataSource = dir.GetFiles(); dlstImages.DataBind(); },綁定數(shù)據(jù)以顯示圖片,10,上傳大文件,默認(rèn)情況下，不能提交大于大于4MB的表單。如果需要上傳大文件，需要修改Web.Config文件：,,上傳不超過10MB文件,使用文件緩存，大小 為100KB,11,3.4.2 廣告控

11、件(AdRotator),AdRotator控件用于在頁面中隨機(jī)顯示不同的廣告。(P58)Adrotator控件使用XML文件保存廣告信息，也可以數(shù)據(jù)庫表中存儲廣告。使用該控件的AdCreated事件，可以統(tǒng)計(jì)廣告顯示的頻度和點(diǎn)擊的頻度。,AdRotatorXML.aspx,12,3.4.2 廣告控件(AdRotator),Adrotator控件支持下列屬性：AdvertisementFile：指定包含廣告列表的XM

12、L文件，一般將該文件放于網(wǎng)站的App_Data文件夾中。AlternateTextField：指定用于顯示成廣告替代文本的字段，默認(rèn)值使用AlternateText屬性。DataSource：指定綁定的數(shù)據(jù)源DataMember：綁定數(shù)據(jù)源中某個(gè)數(shù)據(jù)成員ImageUrlField：指定用于廣告圖片URL的字段，默認(rèn)值是ImageUrl。KeyWordField：用簡單的關(guān)鍵字過濾廣告NavigateUrlField：指定廣告

13、鏈接的字段，默認(rèn)值是NavigateUrlTarget：用戶點(diǎn)擊廣告時(shí)，在哪個(gè)目標(biāo)框架打開窗口(如_blank),13,3.4.2 廣告控件(AdRotator), ~/Images/ahcme.jpg 300 50 http://www.ahcme.cn 安徽機(jī)電職業(yè)技術(shù)學(xué)院 50 banner … ... ,Adrotator配置文件格式(

14、.XML文件）：,14,3.4.2 廣告控件(AdRotator),Adrotator配置文件各字段含義：,15,3.4.3 日歷控件(Calendar),Calendar控件用來顯示日歷，可以把日歷當(dāng)作日期選擇器，或用來顯示預(yù)定事件的列表。(P60),ShowCalendar.aspx,16,3.4.3 日歷控件(Calendar),Calendar控件的主要屬性：(屬性太多，揀重要的幾個(gè))SelectionMode：如何選擇日期，

15、有Day,DayWeek, DayWeekMonth和NoneTodayDate：指定當(dāng)前日期SelectedDate：設(shè)置或獲取選中的日期SelectedDates：設(shè)置或獲取多個(gè)選中的日期Calendar控件支持以下事件：DayRender：在呈現(xiàn)每一天時(shí)激發(fā)SelectionChanged：選中某天、某周或某月時(shí)激發(fā)VisibleMonthChanged：點(diǎn)擊上月、下月鏈接時(shí)激發(fā)Calendar控件支持與數(shù)據(jù)庫綁定

16、，可以創(chuàng)建日程記事等程序。,17,3.4.4 顯示不同的頁面視圖的MultiView控件,MultiView控件用于隱藏和顯示頁面的不同區(qū)域。在需要創(chuàng)建顯示卡式頁面時(shí)，這個(gè)控件很有用。在需要把一個(gè)長的表單分成多個(gè)表單時(shí)，它也非常有用。MultiView控件與View控件聯(lián)合使用，他們都屬于容器控件。參見教材P64.,ShowMultiView.aspx,18,3.4.4 顯示不同的頁面視圖的MultiView控件,MultiView

17、控件支持下列屬性：ActiveViewIndex：通過索引選擇顯示哪個(gè)View控件。Views：用于獲取MultiView控件中包含的View控件集合。MultiView控件還支持下列方法：GetActiveView()：用于獲取選中的View控件SetActiveView()：用于設(shè)置哪個(gè)View控件選中Multiview控件支持下列事件：ActiveViewChanged：選中新的View控件時(shí)引發(fā)View控件不支持

18、任何專門的屬性和方法。它主要用作其它控件的容器。不過，View控件支持下列2個(gè)事件：Activate：當(dāng)該View控件成為MultiView控件的選中View時(shí)引發(fā)。Deactivate：當(dāng)其它View控件成不MultiView控件的選中View時(shí)引發(fā)。,19,3.4.4 顯示不同的頁面視圖的MultiView控件,使用與Menu控件關(guān)聯(lián)的MultiView控件，可以創(chuàng)建選項(xiàng)卡式界面(要做得漂亮的話，需要使用些CSS)。,Multi

19、ViewTabs.aspx,20,3.4.5 顯示向?qū)izard控件,Wizard控件就像MultiView控件一樣，能用來把一個(gè)大的表單分成多個(gè)子表單。(P66)Wizard控件由4部分組成：標(biāo)題(Header)側(cè)欄(SideBar)向?qū)Р襟E集合(WizardSteps)導(dǎo)航按鈕(NavigationButton),,,,,,,,,21,3.4.5 顯示向?qū)izard控件,WizardSteps集合之StepType屬性