Lập trình ASP.NET Khoa CNTT
Trang 1
Lab 1: Sử dụng ASP.NET để thu thập và hiển thị thông tin
Mục tiêu
- Tích hợp HTML control vào trang ASP.NET
- Tạo trình xử lý sự kiện cho page và các server control trên ASP.NET page.
Yêu cầu
- Trước khi thực hiện bài lab sinh viên phải biết cách tạo trang HTML.
Kịch bản
- Người sử dụng nhập vào địa chỉ email và password để sign in trong hệ thống. Thông
thường là trang Login.aspx. Trong bài lab này sinh viên sẽ tạo trang ASP.NET đầu tiên
với HTML server control rồi sau đó viết trình xử lý sự kiện của button. Những thông tin
user gởi tới server sẽ được trả về client thông qua thành phần HTML span.
Bài tập 1: Tạo trang ASP.NET
- Trong phần này sinh viên sẽ tạo ASP.NET page đơn giản chỉ có duy nhất 1 form, hai
HTML text box, 1 HTML button và 1 thành phần HTML <span>.
1. Sử dụng Visual Studio .NET tạo một Web project có tên là aspnet_lab1
a. Trong menu File, chọn New, chọn Project
b. Trong hộp thoại New Project, chọn ASP.NET Web Application, thiết lập tên là
aspnet_lab1, xác nhận đường dẫn lưu trữ các file trong project ở Location, sau đó
xác nhận OK để hoàn tất việc khởi tạo project.
Lập trình ASP.NET Khoa CNTT

id = “txtPassword”
Button
type=”submit”
value =”Sign In Now”
Span
id= “spnInfo”
Bảng 1: Mô tả các thành phần HTML server control
f. Form có thể được mô tả như sau
Lập trình ASP.NET Khoa CNTT
Trang 4

Code 1: Minh họa phần thiết kế form.
2. Add sự kiện cho button “Sign In Now”
a. Thiết lập thuộc tính onServerClick của button là cmdLogin_Click
b. Trong file .cs của web form cài đặt hàm cmdLogin_Click như sau
 Sử dụng span để hiện thị thông tin đăng nhập

Code 2: Minh họa hàm xử lý sự kiện Click ở server của Button.
3. Add sự kiện click cho button như sau, thêm thuộc tính onServerClick="cmdLogin_Click"
vào danh sách thuộc tính của button.
Lập trình ASP.NET Khoa CNTT

Trang 7

Hình 5: Web Form đăng ký thông tin tuyển dụng việc làm.
Lưu ý: phần bài tập 2 sinh viên cố gắng tự làm trước, phần hướng dẫn chi tiết (nếu làm không
được) sẽ cung cấp sau!