資源描述:
《登錄頁(yè)面和注冊(cè)頁(yè)面設(shè)計(jì)》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。
1、第四講登錄頁(yè)面和注冊(cè)頁(yè)面設(shè)計(jì)教學(xué)內(nèi)容一、控件概述二、登錄頁(yè)面和注冊(cè)頁(yè)面三、Label控件四、TextBox控件五、Button控件六、登錄頁(yè)面設(shè)計(jì)七、注冊(cè)頁(yè)面設(shè)計(jì)教學(xué)目標(biāo)了解ASP.NET控件的基本知識(shí);掌握Label控件、TextBox控件和Button控件的使用;掌握登錄頁(yè)面設(shè)計(jì)方法;掌握注冊(cè)頁(yè)面設(shè)計(jì)方法。一、控件概述(1/7)在ASP.NET頁(yè)面中,可以使用兩種類(lèi)型的控件:HTML控件和Web窗體控件。(一)HTML控件HTML控件由HTML標(biāo)簽轉(zhuǎn)化而來(lái),主要用來(lái)在網(wǎng)頁(yè)上顯示靜態(tài)信息。由于提供了各種類(lèi)型的HTML控件,使用它們來(lái)展示信息就顯得十分的方便,對(duì)于文
2、字、表格、圖像等都有對(duì)應(yīng)的控件可以選擇。由于HTML控件由HTML標(biāo)簽轉(zhuǎn)化而來(lái),它作為客戶(hù)端項(xiàng)表現(xiàn)出來(lái),因而不能為其編寫(xiě)服務(wù)器代碼。然而也可以將HTML控件作為服務(wù)器控件使用,這時(shí)需要在其HTML標(biāo)簽內(nèi)加上屬性runat=server,就可以為其編寫(xiě)程序代碼了。向WebForm頁(yè)面加入HTML控件:在集成開(kāi)發(fā)環(huán)境中,將工具箱切換到HTML組,然后將要使用的控件拖入頁(yè)面即可。若要將其作為服務(wù)器控件使用,右擊該控件,勾選“作為服務(wù)器控件運(yùn)行”,使得開(kāi)發(fā)器自動(dòng)在該控件的標(biāo)簽內(nèi)加上“runat=server”屬性,在頁(yè)面的設(shè)計(jì)視圖上,該控件的左上角增加了一個(gè)綠色的小三角標(biāo)記
3、。在HTML控件的屬性窗口可以設(shè)置屬性。屬性窗口上沒(méi)有閃電標(biāo)記,表明它沒(méi)有事件,不能為其編寫(xiě)事件處理程序。然而當(dāng)HTML控件作為服務(wù)器控件運(yùn)行時(shí),卻可以在.cs文件中為其編寫(xiě)一個(gè)服務(wù)器方法。例如在網(wǎng)頁(yè)上有一個(gè)HTML的文本框控件Text1,將其為服務(wù)器控件運(yùn)行后,雙擊它就會(huì)切換的C#代碼編輯窗口,可以為它編寫(xiě)Text1_ServerChange處理程序。一、控件概述(2/7)privatevoidText1_ServerChange(objectsender,System.EventArgse){//加入處理程序代碼}所有的服務(wù)器控件都需要占用系統(tǒng)資源,若不需要為其
4、編寫(xiě)服務(wù)器代碼,就沒(méi)有必要將其轉(zhuǎn)化為服務(wù)器控件。若已經(jīng)轉(zhuǎn)化了,將其轉(zhuǎn)換回來(lái)就是,方法是在頁(yè)面的控件上擊右鍵,于彈出菜單上去掉“作為服務(wù)器控件運(yùn)行”的勾選,或者在其HTML標(biāo)記上去掉runat=”server”屬性。一、控件概述(3/7)(二)?Web服務(wù)器控件Web窗體控件是服務(wù)器控件,它是ASP.NET中功能強(qiáng)大的編程單元,每種Web窗體控件都是一個(gè)類(lèi)。常見(jiàn)控件有:靜態(tài)文本控件:如Label控件。數(shù)據(jù)輸入和顯示控件:如TextBox控件。提交控件:如Button、LinkButton和ImageButton控件。列表控件:如DropDownList和ListBox
5、控件。選擇控件:如CheckBox、CheckBoxList、RadioButton和RadioButtonList控件。數(shù)據(jù)綁定控件:如DataGrid、DataList和Repeater控件。圖像控件:如Image控件。月歷控件:如Calendar控件。廣告控件:如AdRotator控件。驗(yàn)證控件:如RequiredFieldValidator控件等。一、控件概述(4/7)(三)?HTML控件和Web窗體控件的選用在一個(gè)WebForm網(wǎng)頁(yè)上可以同時(shí)使用HTML控件和Web窗體控件,兩類(lèi)控件中有一些控件的功能是對(duì)應(yīng)的,如都有Label控件。在選擇控件時(shí)如何把握呢?
6、1.使用HTML控件●?如果需要將已有的ASP網(wǎng)頁(yè)轉(zhuǎn)換成ASP.NET網(wǎng)頁(yè),則可選擇HTML控件。由于HTML服務(wù)器控件可以方便地對(duì)應(yīng)于HTML項(xiàng),所有的HTML設(shè)計(jì)環(huán)境都會(huì)支持它?!?當(dāng)控件需要與客戶(hù)端互動(dòng)時(shí),則使用HTML服務(wù)器控件?!?有些HTML控件功能在Web窗體控件中找不到對(duì)應(yīng)控件時(shí),就只能使用HTML控件。例如常常使用TableHTML控件在頁(yè)面上定位,使用FileFieldHTML控件瀏覽文件目錄和選擇文件,這兩個(gè)HTML控件在Web窗體控件中找不到合適的對(duì)應(yīng)控件。一、控件概述(5/7)2.使用Web窗體控件●?熟悉VB一類(lèi)的程序開(kāi)發(fā)工具的Windo
7、ws程序員,可選用Web窗體控件。因?yàn)樵贏SP.NET網(wǎng)頁(yè)中使用Web窗體控件時(shí),其編程方法與Windows窗體控件沒(méi)有什么區(qū)別,就是設(shè)置或獲取控件的屬性,調(diào)用控件的方法,為控件的事件編寫(xiě)處理程序。初學(xué)者使用Web窗體控件也容易上手?!?希望控件的功能強(qiáng)大時(shí)選用Web窗體控件。象DataGrid一類(lèi)的數(shù)據(jù)綁定控件,它不僅有豐富的手段來(lái)美化外觀,還可以在其內(nèi)嵌套子控件,實(shí)現(xiàn)非常復(fù)雜的功能。還有象Calendar月歷控件,AdRotator廣告控件等,沒(méi)有任何HTML控件可以實(shí)現(xiàn)對(duì)應(yīng)的功能?!?需要驗(yàn)證數(shù)據(jù)時(shí)使用Web窗體控件。Web窗體控件中有多個(gè)數(shù)據(jù)驗(yàn)證控件,使