ASP.NET-Lab1-1Trong bài này bạn sẽ thiết kế web, với một mẫu đăng ký thành viên đơn giản, gắn vớimột số mã lệnh cơ bản bắt...
Trên cửa sổ Add new item, trong danh sách Templates, ch ọn Web F orm. Tronghộp Name nhập Registration.aspx, bấm chọn hộp k...
6.    RadioButton                   -   ID : rdFemale                                              -   Text: Female       ...
8. Viết sự kiện cho nút SubmitBấm đúp vào nút submit để thực hiện viết lệnhChèn thêm namespace vào phần khai báo namespace...
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ện...
Upcoming SlideShare
Loading in...5
×

Asp net lab1-1

804

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
804
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
44
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Asp net lab1-1"

  1. 1. ASP.NET-Lab1-1Trong bài này bạn sẽ thiết kế web, với một mẫu đăng ký thành viên đơn giản, gắn vớimộ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 vào 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 vào dự án: Bấm chuột phải lên dự án và chọn Add new item
  2. 2. Trên cửa sổ Add new item, trong danh sách Templates, ch ọn Web F orm. Tronghộ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ý thành 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 vào để thiết kế form thẳng hang, cột. Chèn Table vào trong Panel gồm 2 hàng 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. 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: ResetTrang 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 vào nút Reset và viết mã lệnh hủy dữ liệu đã được nhập vào trong các điều khiển.
  4. 4. 8. Viết sự kiện cho nút SubmitBấm đúp vào nút submit để thực hiện viết lệnhChèn thêm namespace vào phần khai báo namespace trong trang code. Bằng cách nhậpdò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 vào 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. 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 đây12. 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 Submit14. Kiểm tra kết quả.

×