1.

BÀI GIẢNG THỰC HÀNH LẬP TRÌNH WEB

Bài 1 - Xây dựng ứng dụng web đơn giản với

Microsoft Visual Studio .NET và ASP.NET

1.Mục tiêu
 Làm quen với môi trường Microsoft Visual Studio .NET
 Xây dựng ứng dụng web đơn giản WebCalculator

2.Môi trường Microsoft Visual Studio .NET

2.1Một số khái niệm cơ sở
 Form
 Controls
 Properties (như ID, Width, Height…)
 Method
 Sự kiện
 Thủ tục – Hàm
 Thư viện

2.2Giao diện môi trường

 Start Page
 Option Dialog
 Toolbox
• Thêm control/tab vào toolbox (Click phải \ Add …)
• Drag control vào form
 Properties
 Solution Explorer
• Thêm tham chiếu đến các thư viện (\ References)
• Đặt form bắt đầu (Set As Start Page)
 Class View
 Resource View
 Xem màn hình design form: Shift-F7, xem màn hình code: Ctrl-Alt-0
 Chạy chương trình: Ctrl-F5 (hoặc F5 với chế độ Debug)
 Debug: F11 (Step Into), F10 (Step Over), F9 (Set / Remove break point), xem giá
trị biến (trỏ chuột vào biến, chọn thêm biến vào cửa sổ Watch)

-1-
 1.BÀI GIẢNG THỰC HÀNH LẬP TRÌNH WEB

3.Cú pháp C# .NET

C#.NET
int intX;
Mảng: string [20]array;
Khai báo Biến Control: System.Web.UI.WebControls.Label
lbNoiDung;
intX = 3;
Phép gán các biến arrName[1] = “John”;
if điều_kiện
câu_lệnh;
else
Lệnh điều kiện if điều kiện
câu_lệnh;
else
câu lệnh;
while điều_kiện_lặp
Lệnh lặp While Câu_lệnh
do điều_kiện_lặp
Câu_lệnh
Lệnh lặp Do While
while
(Thoát dùng break)
for(i=0;i<= n; i++)
Lệnh lặp For Câu_lệnh
(Thoát dùng break)
switch biểu thức
{
case giá_trị_1:
Câu_lệnh
break;
Lệnh Case case giá_trị_2:
Câu_lệnh
break;
}

public kiểu_trả_về Ten_Thu_Tuc(int x, int y)

{
Khai báo hàm
Câu_Lệnh
}
Methods strX = objX.ToString();

-2-
 1.BÀI GIẢNG THỰC HÀNH LẬP TRÌNH WEB

C#.NET
Toán tử nối chuỗi
strFruit = "Apples" + " Oranges"
+
Toán tử so sánh
intX >= 5
=, >, <, >=, <=, !=
So sánh đối tượng if objX.equals(objY)
if objX == null
Giá trị null cho đối Hoặc
tượng if objX.isNull

-3-
 1.BÀI GIẢNG THỰC HÀNH LẬP TRÌNH WEB

4.Xây dựng ứng dụng WebCalculator

Tạo một Web application project:

1. Từ Menu chọn File/New/Project. Trong hộp thoại New Project, chọn C# Project
& ASP.NET Web Application, gõ tên WebCalculator và nhấn OK.
2. Trong cửa sổ Properties, đổi tên WebForm1.aspx thành CalculatorForm.aspx.

Thiết kế Form theo mẫu sau:

Đặt thuộc tính cho các đối tượng trên Form:

Control Control type Property Value

Label1 Label ID lblCalculator
Font Arial, Bold, XXL
Text Web Calculator
Label2 Label ID lblSo1
Font Arial, Medium
Label3 Label ID lblSo2
Font Arial, Medium
Textbox1 Textbox ID txtSo1

Textbox2 Textbox ID txtSo2

Button1 Button ID btnTinh

Text Tính
Horizontal
<HR> Size 4
Rule(HTML)
Color #000000

-4-
 1.BÀI GIẢNG THỰC HÀNH LẬP TRÌNH WEB

Label4 Label ID lblKetqua

Font Arial, Medium, Bold

Viết mã nguồn:

 Viết hàm xử lý sự kiện bấm vào nút Tính.

Bấm đúp (double click) vào nút Tính trên form sẽ tự động thêm 1 hàm xử lý
sự kiện 
private void btnTinh_Click(object sender, System.EventArgs e)
{

 Nhập đoạn mã nguồn (code) sau:

private void btnTinh_Click(object sender, System.EventArgs e)
{
lblKetqua.Text = txtSo1.Text + txtSo2.Text;
}

Chạy và kiểm lỗi chương trình:

 Thực tập các thao tác đặt Break Point để kiểm lỗi.
1. Để con trỏ ngay dòng thực hiện phép tính, bấm F9.

2. Bấm F5 để bắt đầu chạy và kiểm lỗi chương trình. Để chạy được chương
trình phải chọn trang bắt đấu.
Click chuột phải vàp trang CalculatorForm.aspx, chọn Set as start page…
3. Nhập giá trị cho các Text Box như sau:
Số 1 1
Số 2 2

4. Nhấn nút Tính.

5. Ta thấy, chương trình tự động nhảy vào hàm btnTinh_Click và dừng ngay
dòng mà chúng ta đã đặt Breakpoint.

-5-
1.BÀI GIẢNG THỰC HÀNH LẬP TRÌNH WEB

6. Để kiểm tra giá trị các biến ngay tại thời điểm này, ta nhập tên biến cần
kiểm tra giá trị vào hộp thoại Watch.

7. Bấm F5 để tiếp tục chạy chương trình, hoặc bấm F10 để chạy lần lượt
từng dòng code.
8. Ở đây ta thấy kết quả là 1 chuỗi có được do cộng 2 ô số1 và số 2 lại chứ
không phải tổng 2 số nguyên. Để chuyển thành số, ta phải dùng hàm
chuyển đổi: Convert.ToInt32(string)….
 Sửa đoạn mã nguồn (code) sau:
private void btnTinh_Click(object sender, System.EventArgs e)
{
int intSo1 = Convert.ToInt32(txtSo1.Text);
int intSo2 = Convert.ToInt32(txtSo2.Text);
int intKQ = intSo1 + intSo2;
lblKetqua.Text = intKQ.ToString();
}

-6-