際際滷

際際滷Share a Scribd company logo
ASP.NET-Lab1-1
Trong bi ny b畉n s畉 thi畉t k畉 web, v畛i m畛t m畉u ng k箪 thnh vi棚n 董n gi畉n, g畉n v畛i
m畛t s畛 m達 l畛nh c董 b畉n b畉t 畉u cho vi畛c thi畉t k畉 web c畛a m狸nh.
   1. T畉o m畛i m畛t 畛ng d畛ng Web,




   2. Trong h畛p tho畉i New Web Site, ch畛n ASP.NET Web Site, 畉t t棚n 畛ng d畛ng
      web l AspNetLab1 v l動u vo m畛t th動 m畛c ch畛 畛nh. Trong m畛c Location ch畛n
      File System, trong m畛c Language ch畛n Visual C#. B畉m n炭t OK.




   3. Xo叩 trang default.aspx ng畉m 畛nh: b畉m chu畛t ph畉i l棚n trang default.aspx v
      ch畛n delete.
   4. Th棚m m畛i m畛t Web Form vo d畛 叩n: B畉m chu畛t ph畉i l棚n d畛 叩n v ch畛n Add
      new item
Tr棚n c畛a s畛 Add new item, trong danh s叩ch Templates, ch 畛n Web F orm. Trong
h畛p Name nh畉p Registration.aspx, b畉m ch畛n h畛p ki畛m Place code in separate file,
v b畉m n炭t Add.




5. 畛c qua m達 HTML sau 坦 Chuy畛n trang v畛 ch畉 畛 thi畉t k畉 b畉ng c叩ch b畉m
   ch畛n Design ph鱈a d動畛i b棚n tr叩i c畛a c畛a s畛.



6. Thi畉t k畉 trang ng k箪 thnh vi棚n v畛i c叩c control 動畛c m担 t畉 trong b畉n d動畛i 但y:
     STT    Controls                   Thu畛c t鱈nh v gi叩 tr畛 c畛a thu畛c t鱈nh
       1.   Panel                         - ID: panRegister
                                          - Width:400px
       2.   Table                         - B畉n c坦 th畛 ch竪n b畉ng vo 畛 thi畉t k畉 form th畉ng
                                              hang, c畛t. Ch竪n Table vo trong Panel g畛m 2
                                              hng 2 c畛t. B畉m Insert tr棚n thanh menu v chon
                                              Insert Table .Khi th棚m m畛t hang m畛i ch畛 c畉n 畉n
                                              ph鱈m Tab.
       3.   TextBox                       - ID: txtFirstName

       4.   TextBox                       -   ID : txtLastName

       5.   RadioButton                   -   ID : rdMale
                                          -   Text: Male
                                          -   GroupName: Sex
6.    RadioButton                   -   ID : rdFemale
                                              -   Text: Female
                                              -   GroupName: Sex
          7.    TextBox                       -   ID : txtEmail

          8.    TextBox                       -   ID : txtPhone

          9.    TextBox                       -   ID : txtUserName

          10.   TextBox                       -   ID : txtPassword
                                              -   TextMode: Password

          11.   Button                        -   ID : btnYes
                                              -   Text: Submit
          12.   Button                        -   ID : btnReset
                                              -   Text: Reset

Trang thi畉t k畉 c畛a b畉n s畉 t動董ng t畛 nh動 h狸nh d動畛i 但y




   7. Vi畉t s畛 ki畛n cho n炭t Reset: b畉m 炭p vo n炭t Reset v vi畉t m達 l畛nh h畛y d畛 li畛u 達
      動畛c nh畉p vo trong c叩c i畛u khi畛n.
8. Vi畉t s畛 ki畛n cho n炭t Submit

B畉m 炭p vo n炭t submit 畛 th畛c hi畛n vi畉t l畛nh
Ch竪n th棚m namespace vo ph畉n khai b叩o namespace trong trang code. B畉ng c叩ch nh畉p
d嘆ng l畛nh sau: using System.Text.RegularExpressions;

Vi畉t m達 l畛nh cho s畛 ki畛n Click c畛a n炭t Submit nh動 sau:




L動u 箪: B畉n c坦 th畛 copy chu畛i nguy棚n m畉u 畛 但y:
@"w+([-+.']w+)*@w+([-.]w+)*.w+([-.]w+)*"

   9. Th棚m m畛i m畛t Web Form vo d畛 叩n: B畉m chu畛t ph畉i l棚n d畛 叩n v ch畛n Add
      new item. 畉t t棚n form l Welcome.aspx v b畉m n炭t Add
10. B畉m chu畛t ph畉i l棚n Welcome.aspx v ch畛n View Code, trang m達 l畛nh 動畛c m畛
11. Trong s畛 ki畛n Page_Load th畛c hi畛n vi畉t l畛nh nh畉n d畛 li畛u t畛 trang
    Registration.aspx. M達 l畛nh nh動 d動畛i 但y




12. Tr棚n c畛a s畛 Solution Explorer b畉m chu畛t ph畉i l棚n trang Registration.aspx v
    ch畛n View in Browser.
13. Nh但p c叩c th担ng tin c畉n thi畉t v b畉m n炭t Submit
14. Ki畛m tra k畉t qu畉.

More Related Content

Asp net lab1-1

  • 1. ASP.NET-Lab1-1 Trong bi ny b畉n s畉 thi畉t k畉 web, v畛i m畛t m畉u ng k箪 thnh vi棚n 董n gi畉n, g畉n v畛i m畛t s畛 m達 l畛nh c董 b畉n b畉t 畉u cho vi畛c thi畉t k畉 web c畛a m狸nh. 1. T畉o m畛i m畛t 畛ng d畛ng Web, 2. Trong h畛p tho畉i New Web Site, ch畛n ASP.NET Web Site, 畉t t棚n 畛ng d畛ng web l AspNetLab1 v l動u vo m畛t th動 m畛c ch畛 畛nh. Trong m畛c Location ch畛n File System, trong m畛c Language ch畛n Visual C#. B畉m n炭t OK. 3. Xo叩 trang default.aspx ng畉m 畛nh: b畉m chu畛t ph畉i l棚n trang default.aspx v ch畛n delete. 4. Th棚m m畛i m畛t Web Form vo d畛 叩n: B畉m chu畛t ph畉i l棚n d畛 叩n v ch畛n Add new item
  • 2. Tr棚n c畛a s畛 Add new item, trong danh s叩ch Templates, ch 畛n Web F orm. Trong h畛p Name nh畉p Registration.aspx, b畉m ch畛n h畛p ki畛m Place code in separate file, v b畉m n炭t Add. 5. 畛c qua m達 HTML sau 坦 Chuy畛n trang v畛 ch畉 畛 thi畉t k畉 b畉ng c叩ch b畉m ch畛n Design ph鱈a d動畛i b棚n tr叩i c畛a c畛a s畛. 6. Thi畉t k畉 trang ng k箪 thnh vi棚n v畛i c叩c control 動畛c m担 t畉 trong b畉n d動畛i 但y: STT Controls Thu畛c t鱈nh v gi叩 tr畛 c畛a thu畛c t鱈nh 1. Panel - ID: panRegister - Width:400px 2. Table - B畉n c坦 th畛 ch竪n b畉ng vo 畛 thi畉t k畉 form th畉ng hang, c畛t. Ch竪n Table vo trong Panel g畛m 2 hng 2 c畛t. B畉m Insert tr棚n thanh menu v chon Insert Table .Khi th棚m m畛t hang m畛i ch畛 c畉n 畉n ph鱈m Tab. 3. TextBox - ID: txtFirstName 4. TextBox - ID : txtLastName 5. RadioButton - ID : rdMale - Text: Male - GroupName: Sex
  • 3. 6. RadioButton - ID : rdFemale - Text: Female - GroupName: Sex 7. TextBox - ID : txtEmail 8. TextBox - ID : txtPhone 9. TextBox - ID : txtUserName 10. TextBox - ID : txtPassword - TextMode: Password 11. Button - ID : btnYes - Text: Submit 12. Button - ID : btnReset - Text: Reset Trang thi畉t k畉 c畛a b畉n s畉 t動董ng t畛 nh動 h狸nh d動畛i 但y 7. Vi畉t s畛 ki畛n cho n炭t Reset: b畉m 炭p vo n炭t Reset v vi畉t m達 l畛nh h畛y d畛 li畛u 達 動畛c nh畉p vo trong c叩c i畛u khi畛n.
  • 4. 8. Vi畉t s畛 ki畛n cho n炭t Submit B畉m 炭p vo n炭t submit 畛 th畛c hi畛n vi畉t l畛nh Ch竪n th棚m namespace vo ph畉n khai b叩o namespace trong trang code. B畉ng c叩ch nh畉p d嘆ng l畛nh sau: using System.Text.RegularExpressions; Vi畉t m達 l畛nh cho s畛 ki畛n Click c畛a n炭t Submit nh動 sau: L動u 箪: B畉n c坦 th畛 copy chu畛i nguy棚n m畉u 畛 但y: @"w+([-+.']w+)*@w+([-.]w+)*.w+([-.]w+)*" 9. Th棚m m畛i m畛t Web Form vo d畛 叩n: B畉m chu畛t ph畉i l棚n d畛 叩n v ch畛n Add new item. 畉t t棚n form l Welcome.aspx v b畉m n炭t Add
  • 5. 10. B畉m chu畛t ph畉i l棚n Welcome.aspx v ch畛n View Code, trang m達 l畛nh 動畛c m畛 11. Trong s畛 ki畛n Page_Load th畛c hi畛n vi畉t l畛nh nh畉n d畛 li畛u t畛 trang Registration.aspx. M達 l畛nh nh動 d動畛i 但y 12. Tr棚n c畛a s畛 Solution Explorer b畉m chu畛t ph畉i l棚n trang Registration.aspx v ch畛n View in Browser. 13. Nh但p c叩c th担ng tin c畉n thi畉t v b畉m n炭t Submit 14. Ki畛m tra k畉t qu畉.