Bài giảng Thực hành lập trình Web 2 - Bài 1:Xây dựng ứng dụng web đơn giản với Microsoft Visual Studio 2005 và ASP.NET - Trần Thị Bích Hạnh

Nội dung text: Bài giảng Thực hành lập trình Web 2 - Bài 1:Xây dựng ứng dụng web đơn giản với Microsoft Visual Studio 2005 và ASP.NET - Trần Thị Bích Hạnh

1. 1 BÀI GIẢNG THỰC HÀNH LẬP TRÌNH WEB 2 Bài 1 - Xây dựng ứng dụng web đơn giản với Microsoft Visual Studio 2005 và ASP.NET 1 Mục tiêu • Làm quen với môi trường Microsoft Visual Studio .NET 2005 • Xây dựng ứng dụng web đơn giản WebCalculator o Tạo Project WebApplication o Thiết kế giao diện WebForm o Viết mã lệnh xử lý đơn giản o Chạy, Debug và sửa lỗi chương trình 2 Môi trường Microsoft Visual Studio 2005 2.1 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 2.2 Giao diện môi trường • Start Page • Option Dialog • Toolbox o Thêm control/tab vào toolbox (Click phải \ Add ) o Kéo thả control vào form • Properties • Solution Explorer o Thêm tham chiếu đến các thư viện (\ References) o Đặ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) GV: Trần Thị Bích Hạnh
2. 1 BÀI GIẢNG THỰC HÀNH LẬP TRÌNH WEB 2 3 Cú pháp C# Cú pháp Ví dụ int iCount Khai báo Biến Kiểu_biến Tên_biến string[] arrName = new string[10] TextBox txtName = new TextBox() iCount = 3 Phép Gán Tên_biến = Giá_trị arrName[1] = “John” if (điều_kiện) if (iCount == 3) câu_lệnh iCount = 5 Lệnh Điều kiện else else câu lệnh iCount = 6 while (iCount > 0) while (điều_kiện_lặp) Lệnh lặp { Câu_lệnh While iCount ; (Thoát dùng break) } do do Lệnh lặp Câu_lệnh { do while while (điều_kiện_lặp) iCount ; (Thoát dùng break) }while (iCount > 0); for(Khởi_tạo;Điều_kiện;Lệnh) Lệnh lặp for(int i=0; i 0) Khai báo hàm Câu_lệnh; return true; return giá_trị_trả_về; return fasle; } } Gọi phương thức strX = objX.ToString() arrName[0] = iCount.ToString(); của đối tượng Toán tử nối + strFruit = "Apples" + " Oranges" chuỗi Toán tử so sánh ==, >, =, if (intX >= 5) Phủ định ! if (!IsPostBack) Toán tử so sánh is if (objX is objY) GV: Trần Thị Bích Hạnh
3. 1 BÀI GIẢNG THỰC HÀNH LẬP TRÌNH WEB 2 đối tượng Kiểm tra Giá trị null cho đối null if (objX == null) tượng GV: Trần Thị Bích Hạnh
4. 1 BÀI GIẢNG THỰC HÀNH LẬP TRÌNH WEB 2 4 Xây dựng ứng dụng WebCalculator 4.1 Tạo một Web site • Từ Menu chọn File - New - Web site o Template : ASP.NET Web site o Location : File System o Language : Visual C# GV: Trần Thị Bích Hạnh
5. 1 BÀI GIẢNG THỰC HÀNH LẬP TRÌNH WEB 2 4.2 Thiết kế Form theo mẫu • Tạo table : Menu Layout – Insert Table • Kéo thả các Control trong Toolbox vào WebForm.aspx như mẫu trên. • Đặt thuộc tính cho các đối tượng trên Form: ToolBox Control Control type Property Value Web Forms 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 btTong Text Tổng Textbox3 Textbox ID txtTong HTML Horizontal Rule 4.3 Viết mã lệnh xử lý o Viết hàm xử lý sự kiện bấm vào nút Tổng. Bấm đúp (double click) vào nút Tổng trên form sẽ tự động thêm 1 hàm xử lý sự kiện GV: Trần Thị Bích Hạnh
6. 1 BÀI GIẢNG THỰC HÀNH LẬP TRÌNH WEB 2 protected void btTong_Click(object sender, EventArgs e) { } o Nhập đoạn mã lệnh (in đậm) vào trong thân hàm vừa phát sinh: protected void btTong_Click(object sender, EventArgs e) { int so1, so2, tong; so1 = int.Parse(txtSo1.Text); so2 = int.Parse(txtSo2.Text); tong = so1 + so2; txtTong.Text = tong.ToString(); } 4.4 Lưu trữ dạng Unicode : ™ Giải thích: Các Form hoặc User Control trong 1 ứng dụng ASP.NET không mặc định được lưu theo dạng có hỗ trợ Font Unicode. Vì vậy khi chạy ứng dụng từ Browser sẽ không hiển thị đúng Font chữ tiếng Việt. ™ Cách sửa: Nếu có sử dụng Font Unicode trong file nào thì cần phải chỉ định cho VS.NET lưu file đó theo đúng định dạng Unicode. o Từ menu chọn File\Save As. Từ hộp thoại Save File As, chọn Save with Encoding. GV: Trần Thị Bích Hạnh
7. 1 BÀI GIẢNG THỰC HÀNH LẬP TRÌNH WEB 2 GV: Trần Thị Bích Hạnh
8. 1 BÀI GIẢNG THỰC HÀNH LẬP TRÌNH WEB 2 5 Chạy kiểm thử chương trình 5.1 Chạy chương trình Bấm Ctrl + F5 : để chạy chương trình 5.2 Thực tập các thao tác Debug 1. Để con trỏ ngay dòng thực hiện phép tính, bấm F9 để đặt Break Point. 2. Bấm F5 để bắt đầu chạy và kiểm lỗi chương trình. 3. Nhập giá trị cho các Text Box như sau: Số 1 1 Số 2 2 4. Nhấn nút Tổng. GV: Trần Thị Bích Hạnh
9. 1 BÀI GIẢNG THỰC HÀNH LẬP TRÌNH WEB 2 5. Ta thấy, chương trình tự động nhảy vào hàm btnTong_Click và dừng ngay dòng mà chúng ta đã đặt Breakpoint. 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. Kiểm tra kết quả GV: Trần Thị Bích Hạnh