Bài 1 - Xây dựng ứng dụng web đơn giản với
Microsoft Visual Studio .NET và ASP.NET

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
Môi trường Microsoft Visual Studio .NET
Mộ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
Giao 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)
Cú pháp C# .NET


C#.NET

Khai báo Biến
int intX;
Mảng: string [20]array;
Control: System.Web.UI.WebControls.Label lbNoiDung;

Phép gán các biến
intX = 3;
arrName[1] = “John”;

Lệnh điều kiện
if điều_kiện
câu_lệnh;
else
if điều kiện
câu_lệnh;
else
câu lệnh;

Lệnh lặp While
while điều_kiện_lặp
Câu_lệnh

Lệnh lặp Do While
do điều_kiện_lặp
Câu_lệnh
while
(Thoát dùng break)

Lệnh lặp For
for(i=0;i<= n; i++)
Câu_lệnh
(Thoát dùng break)

Lệnh Case
switch biểu thức
{
case giá_trị_1:
Câu_lệnh
break;
case giá_trị_2:
Câu_lệnh
break;
}


Khai báo hàm
public kiểu_trả_về Ten_Thu_Tuc(int x, int y)
{
Câu_Lệnh
}

Methods
strX = objX.ToString();

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)

Giá trị null cho đối tượng
if objX == null
Hoặc
if objX.isNull


Xây dựng ứng dụng WebCalculator
Tạo một Web application project:
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.
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 Rule(HTML)
Size
4



Color
#000000

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.
Để con trỏ ngay dòng thực hiện phép tính, bấm F9.


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