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