ASP.NET-Lab1-1 Trong 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ới một số mã lệnh cơ bản bắt đầu cho việc thiết kế web củamì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 Trên cửa sổ Add new item, trong danh sách Templates,ch ọn Web F orm. Trong hộp Name nhậpRegistration.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 Inserttrê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 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. 8. Viết sự kiện cho nút Submit Bấm đúp vào nút submit để thực hiện viết lệnh Chèn thêm namespace vào phần khai báo namespace trong trangcode. Bằng cách nhập dòng lệnh sau: usingSystem.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 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ả. . 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 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. củamì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,