Bài giảng lập trình ứng dụng web nguyễn thị thanh thuận

TẬP BÀI GIẢNG LẬP TRÌNH ỨNG DỤNG WEB GV: Nguyễn Thị Thanh Thuận Nguyễn Bá Phúc TP HCM, tháng 5/2010 MỤC LỤC Chương 1: Giới thiệu ASP.NET 1.1 Giới thiệu 1.2 Xây dựng ứng dụng web đơn giản 1.2.1 Tạo ứng dụng web 1.2.1.1 Thiết kế giao diện 1.2.1.2 Mã nguồn xử lý 1.2.2 Lưu lại trang web 1.2.3 Biên dịch chạy ứng dụng web 1.2.4 Mở ứng dụng Web 10 1.2.5 Thêm trang web 11 1.3 IsPostBack 12 Chương 2: Web Control 13 2.1 Giới thiệu 13 2.2 HTML Server Control 13 2.3 ASP.NET Web Control 13 2.4 ASP.NET List Control 16 2.6 ASP.NET Validation Control 20 2.6.1 RequiredFieldValidator 20 2.6.2 RangeValidator 20 2.6.3 CompareValidator 20 2.6.4 RegularExpressionValidator 21 2.6.5 CustomValidator 21 2.6.6 ValidationSummary 21 Chương 3: Master Page, CSS, User Control 22 3.1 Master Page Style Sheet 22 3.1.2 Tạo trang Master page 22 3.1.2.1 Tạo thư mục cho trang Master Page 22 3.1.2.3 Thiết kế trang layout 23 3.1.3 Cascading Style Sheets (CSS) 24 3.1.3.1 Dùng Style cho Master Page 24 3.1.3.2 Dùng Style cho ContentPlaceHolder 25 3.1.4 Sử dụng trang Master Page 25 3.2 Web User Control 27 3.2.1 Tạo Web User Control 27 3.2.2 Sử dụng Web User Control 28 Chương 4: Các đối tượng ASP.NET 29 4.1 ViewState 29 4.2 Response 29 4.3 Request 29 4.4 Application 30 4.5 Session 30 4.6 Cookies 31 4.7 Server 32 4.8 Exception 34 Chương 5: Kết nối liệu với ADO.NET 36 5.1 Giới thiệu 36 5.2 Các đối tượng ADO.NET 36 5.2.1 Connection 36 5.2.2 Command 36 5.2.2.1 Thuộc tính 36 5.2.2.2 Phương thức 37 5.2.3 DataReader 37 5.2.4 DataAdapter 38 5.2.5 DataSet 38 5.2.6 DataTable 38 5.2.7 DataView 38 5.3 Kết nối liệu ASP.NET 38 5.3.1 Thêm 38 5.3.2 Xoá 39 5.3.3 Hiệu chỉnh 40 Chương 6: Điều khiển liên kết liệu 43 6.1 Giới thiệu 43 6.2 GridView 43 6.3 DataList 45 6.3.1 Các thành phần DataList 46 6.3.2 Tạo điều khiển DataList 46 6.3.3 Tạo nguồn liệu cho DataList dùng AccessDataSource 47 6.3.4 Thiết kế giao diện cho thành phần DataList 48 6.3.5 Liên kết liệu cho thành phần DataList 49 6.3.6 Lập trình sử dụng DataList 52 6.5 DetailView 58 6.5.1 Các thành phần DetailsView 58 6.5.2 Tạo điều khiển DetailsView 59 6.5.3 Tạo nguồn liệu cho DetailsView dùng AccessDataSource 59 6.5.4 Thiết kế giao diện cho thành phần DetailsView 61 Chương 7: Khác 64 7.1 IIS 64 7.1.1 Hướng dẫn cài đặt IIS cho windows 2000, XP 64 7.1.3 Trang Web đầu tay 68 7.1.4 Quản lý trình chủ Web Server 70 7.2 Javascript ASP.NET 73 7.3 AJAX 84 7.3.1 Giới thiệu 84 7.3.1.1 Tổng quan mơ hình ứng dụng Web 84 7.3.1.2 Giới thiệu AJAX 85 7.3.2 Kỹ thuật lập trình AJAX 86 7.3.2.1 Xử lý hệ khách (Client) 86 7.3.2.2 Xử lý hệ phục vụ (Server) 88 7.3.3 Ví dụ 89 7.4 Web Service 94 7.4.1 Giới thiệu 94 7.4.2 Đặc điểm 95 7.4.3 Kiến trúc Web Services 95 7.4.4 Các thành phần Web Service 95 7.4.5 Ví dụ xây dựng web service đơn giản 96 Chương 1: Giới thiệu ASP.NET 1.1 Giới thiệu ASP.NET cơng nghệ xử lý web phía máy chủ, độc lập với mọi trình duyệt, Kỹ thuật áp dụng cho phép mọi thực thi thực trình chủ, tức trình chủ phải xử lý nhiều vấn đề lúc cho nhiều người dùng  trình chủ phải có cấu hình mạnh băng thơng tốt Tương thích với asp 3.0 1.2 Xây dựng ứng dụng web đơn giản 1.2.1 Tạo ứng dụng web - Vào menu Start -> Programs -> Microsoft Visual Studio 2005 -> Microsoft Visual Studio 2005 - Giao diện Visual Studio 2005 có dạng sau: - Vào menu File->New->Website - Chọn ASP.NET Web Site Templates Cuối click chuột vào nút OK để tiến hành tạo Web Site 1.2.1.1 Thiết kế giao diện * Thiết kế giao diện chế độ Source - Sử dụng thẻ HTML để thiết kế - Trong thị @Page thuộc tính: + Language: ngơn ngữ sử dụng + CodeFile: tập tin mã nguồn xử lý + Inherits: lớp * Thiết kế giao diện chế độ Design - Sử dụng control công cụ Toolbox để thiết kế - Thanh công cụ Toolbox bao gồm tập hợp điều khiển web (web control) dùng để xây dựng ứng dụng web chia thành nhóm control sau: + Standard: điều khiển chuẩn web form như: Label, Button, TextBox + Data: điều khiển cho phép thao tác với liệu + Validation: điều khiển cho phép kiểm tra tính hợp lệ điều khiển nhập liệu web form + Navigation: điều khiển cho phép di chuyển trang website + Login: điều khiển liên quan đến bảo mật ứng dụng web đăng nhập, thay đổi mật khẩu,… + HTML: điều khiển tài liệu HTML có thể chuyển thành điều khiển làm việc server (HTML Server Control) 1.2.1.2 Mã nguồn xử lý - Phương thức Page_Load gọi trang aspx tải (load) - Giao diện mã nguồn chế độ Code C#: 1.2.2 Lưu lại trang web Để lưu lại trang web tạo website, vào menu File -> Save All nhấn tổ hợp phím Ctrl+Shift+S Nếu số trang web có sử dụng chữ Tiếng Việt Unicode trình lưu trang web, Visual Studio yêu cầu lưu lại trang web với kiểu mã hoá Unicode Chọn Save With Other Encoding Trong Encoding chọn Unicode (UTF-8 with signature) – Codepage 65001 1.2.3 Biên dịch chạy ứng dụng web Để biên dịch chạy ứng dụng web vào menu Debug -> Start Debugging nhấn phím F5 1.2.4 Mở ứng dụng Web Để mở ứng dụng web, vào menu File -> Open -> Website 10 1.2.5 Thêm trang web Trong Solution Explorer, click phải vào Website, chọn Add New Item… Trong Templates, chọn Web Form, sau đó nhập tên trang web vào ô Name click vào OK Lưu ý: 11 Nếu chọn “Place code in separate file” tập tin mã nguồn xử lý tách riêng khỏi tập tin Web Form 1.3 IsPostBack Thuộc tính IsPostBack: + Thuộc tính Page có kiểu liệu bool (true, false) + Nếu trả giá trị false trang nạp lần + Nếu trả giá trị true trang nạp lần protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { //các câu lệnh muốn thực thi lần trang nạp lần } } Ghi chú: Trong biểu thức logic cấu trúc if !IsPostBack tương đương với IsPostBack == false 12 Chương 2: Web Control 2.1 Giới thiệu 2.2 HTML Server Control 2.3 ASP.NET Web Control 2.3.1 Label () Thuộc tính ID Text Visible Trang aspx: Diễn giải Nhận dạng điều khiển Nội dung hiển thi Cho phép hiển thị hay không (true/false) Trang aspx.cs: protected void Page_Load(object sender, EventArgs e) { Label1.Text = "xin chào"; } 2.3.2 TextBox () Thuộc tính TextMode AutoPostBack AutoCompleteType Focus() Diễn giải SingleLine(mặc định), Multiline (rows,columns), Password Tự động PostBack lên Server Textbox có thay đổi, mặc định False None / Disabled / Company / … 2.3.3 Button () Tương đương thẻ có type=submit Trang aspx: 2.3.4 RadioButton () Thuộc tính Diễn giải 13 GroupName Trang aspx: Nhóm radio ID="RadioButton1" runat="server" GroupName="Phai" ID="RadioButton2" runat="server" GroupName="Phai" 2.3.5 HyperLink () Thuộc tính ImageUrl NavigateUrl Diễn giải Đường dẫn hình ảnh làm nhãn liên kết Đường dẫn liên kết 2.3.6 Calendar () Trang aspx: Trang aspx.cs: protected void Calendar1_SelectionChanged(object sender, EventArgs e) { Label1.Text = Calendar1.SelectedDate.ToString(); } 2.3.7 CheckBox () Thuộc tính: ID: định danh Text: nội dung hiển thị Checked: cho biết trạng thái mục chọn (có chọn hay khơng) AutoPostBack: thuộc tính cho biết có phép tự động PostBack Server mục chọn điều khiển bị thay đổi Gía trị mặc định thuộc tính false (khơng tự động PostBack) 14 * Trang aspx Sở thích: * Trang aspx.cs protected void btn_Chon_Click(object sender, EventArgs e) { string s; s = ""; if (SoThich1.Checked == true) s = s + SoThich1.Text + " "; if (SoThich2.Checked == true) s = s + SoThich2.Text + " "; if (SoThich3.Checked == true) s = s + SoThich3.Text; //Xuất kết txt_HienThi.InnerText = s; } 2.3.8 Image () 15 Trang aspx 2.4 ASP.NET List Control Thuộc tính Diễn giải AutoPostBack false: Khi người dùng thay đổi giá trị ListControl DataSource DataTextField DataValueField trang web khơng triệu gọi dùng submit True: Trang web submit người dùng thay đổi giá trị ListControl Gán hay trả đối tượng chứa liệu Gán hay trả tên trường cung cấp nhãn cho ListControl Gán hay trả tên trường cung cấp giá trị cho ListControl SelectedIndex SelectedItem SelectedValue Items Gán hay trả số phần tử chọn ListControl Trường hợp chọn nhiều phần tử phải sử dụng thuộc tính Selected đối tượng ListItem Trả phần tử chọn ListControl Trả giá trị phần tử chọn ListControl Trả tập giá trị phần tử ListControl 2.4.1 RadioButtonList () Trang aspx: 16 Nam Nữ Trang aspx.cs: protected void Button1_Click(object sender, EventArgs e) { Label1.Text = RadioButtonList1.SelectedValue; } 2.4.2 DropDownList () Trang aspx: Chọn hệ Cao đẳng Trung cấp Trang aspx.cs: protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e) { string[] C = new string[4] {"CĐTH", "CĐCK","CĐĐT","CĐVT"}; string[] T = new string[3] {"TCTH","TCCK","TCKT"}; if (DropDownList1.SelectedValue == "0") { DropDownList2.DataSource = C; } else DropDownList2.DataSource = T; DropDownList2.DataBind(); DropDownList2.Visible = true; } 2.4.3 CheckBoxList () 17 Trang aspx Thể thao Nghe nhạc Xem phim Trang aspx.cs protected void btn_Chon_Click(object sender, EventArgs e) { string s; s = ""; foreach (ListItem list in cbl_SoThich.Items) { if (list.Selected == true) s = s + list.Text; } txt_HienThi.InnerText = "Sở thích:" + s; } 2.4.4 ListBox () Thuộc tính Diễn giải 18 SelectionMode Single/Multiple: chọn một/nhiều phần tử lúc Trang aspx: Trang aspx.cs: for (int i = 1; i Open -> Website 10 1.2.5 Thêm trang web Trong Solution Explorer, click phải vào Website, chọn Add New Item… Trong Templates, chọn Web Form,... 1.2.3 Biên dịch chạy ứng dụng web 1.2.4 Mở ứng dụng Web 10 1.2.5 Thêm trang web 11 1.3 IsPostBack 12 Chương 2: Web Control ... Lưu lại trang web Để lưu lại trang web tạo website, vào menu File -> Save All nhấn tổ hợp phím Ctrl+Shift+S Nếu số trang web có sử dụng chữ Tiếng Việt Unicode trình lưu trang web, Visual Studio