You are on page 1of 5

ASP.NET-Lab1-1 Trong bi ny bn s thit k web, vi mt mu ng k thnh vin n gin, gn vi mt s m lnh c bn bt u cho vic thit k web ca mnh. 1.

To mi mt ng dng Web,

2. Trong hp thoi New Web Site, chn ASP.NET Web Site, t tn ng dng web l AspNetLab1 v lu vo mt th mc ch nh. Trong mc Location chn File System, trong mc Language chn Visual C#. Bm nt OK.

3. Xo trang default.aspx ngm nh: bm chut phi ln trang default.aspx v chn delete. 4. Thm mi mt Web Form vo d n: Bm chut phi ln d n v chn Add new item

Trn ca s Add new item, trong danh sch Templates, ch n Web F orm. Trong hp Name nhp Registration.aspx, bm chn hp kim Place code in separate file, v bm nt Add.

5. c qua m HTML sau Chuyn trang v ch thit k bng cch bm chn Design pha di bn tri ca ca s.

6. Thit k trang ng k thnh vin vi cc control c m t trong bn di y:


STT 1. 2. Controls Panel Table Thuc tnh v gi tr ca thuc tnh ID: panRegister Width:400px Bn c th chn bng vo thit k form thng hang, ct. Chn Table vo trong Panel gm 2 hng 2 ct. Bm Insert trn thanh menu v chon Insert Table .Khi thm mt hang mi ch cn n phm Tab. ID: txtFirstName ID : txtLastName ID : rdMale Text: Male GroupName: Sex

3. 4. 5.

TextBox TextBox RadioButton

6. 7. 8. 9. 10. 11. 12.

RadioButton TextBox TextBox TextBox TextBox Button Button

ID : rdFemale Text: Female GroupName: Sex ID : txtEmail ID : txtPhone ID : txtUserName ID : txtPassword TextMode: Password ID : btnYes Text: Submit ID : btnReset Text: Reset

Trang thit k ca bn s tng t nh hnh di y

7. Vit s kin cho nt Reset: bm p vo nt Reset v vit m lnh hy d liu c nhp vo trong cc iu khin.

8. Vit s kin cho nt Submit Bm p vo nt submit thc hin vit lnh Chn thm namespace vo phn khai bo namespace trong trang code. Bng cch nhp dng lnh sau: using System.Text.RegularExpressions; Vit m lnh cho s kin Click ca nt Submit nh sau:

Lu : Bn c th copy chui nguyn mu y:


@"\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"

9. Thm mi mt Web Form vo d n: Bm chut phi ln d n v chn Add new item. t tn form l Welcome.aspx v bm nt Add

10. Bm chut phi ln Welcome.aspx v chn View Code, trang m lnh c m 11. Trong s kin Page_Load thc hin vit lnh nhn d liu t trang Registration.aspx. M lnh nh di y

12. Trn ca s Solution Explorer bm chut phi ln trang Registration.aspx v chn View in Browser. 13. Nhp cc thng tin cn thit v bm nt Submit 14. Kim tra kt qu.

You might also like