Bài giảng Lập trình ứng dụng web - Nguyễn Thị Thanh Thuận

Chia sẻ: _ _ | Ngày: | Loại File: PDF | Số trang:105

Thêm vào BST

Báo xấu

20
lượt xem 6
download

Download Vui lòng tải xuống để xem tài liệu đầy đủ

Bài giảng Lập trình ứng dụng web cung cấp cho người học những kiến thức như: Giới thiệu ASP.NET; Web Control; Master Page, CSS, User Control; Các đối tượng trong ASP.NET; Kết nối dữ liệu với ADO.NET; Điều khiển liên kết dữ liệu;...Mời các bạn cùng tham khảo!

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: 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 1
MỤC LỤC Chương 1: Giới thiệu ASP.NET ............................................................................................ 5 1.1. Giới thiệu ............................................................................................................................ 5 1.2. Xây dựng ứng dụng web đơn giản ...................................................................................... 5 1.2.1. Tạo ứng dụng web ........................................................................................................ 5 1.2.1.1. Thiết kế giao diện ...................................................................................................... 7 1.2.1.2. Mã nguồn xử lý ......................................................................................................... 8 1.2.2. Lưu lại trang web ......................................................................................................... 8 1.2.3. Biên dịch và chạy ứng dụng web ................................................................................. 9 1.2.4. Mở ứng dụng Web ..................................................................................................... 10 1.2.5. Thêm trang web mới .................................................................................................. 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 và 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 2
3.2. Web User Control ............................................................................................................. 27 3.2.1 Tạo một Web User Control ......................................................................................... 27 3.2.2 Sử dụng Web User Control ......................................................................................... 28 Chương 4: Các đối tượng trong 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 dữ liệu với ADO.NET ........................................................................... 36 5.1. Giới thiệu .......................................................................................................................... 36 5.2. Các đối tượng trong 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 dữ liệu trong 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 dữ 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 của DataList...................................................................................... 46 6.3.2. Tạo điều khiển DataList ............................................................................................. 46 6.3.3. Tạo nguồn dữ liệu cho DataList dùng AccessDataSource ......................................... 47 6.3.4. Thiết kế giao diện cho các thành phần trong DataList ............................................... 48 3
6.3.5. Liên kết dữ liệu cho các thành phần trong 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 của DetailsView ............................................................................... 58 6.5.2. Tạo điều khiển DetailsView ....................................................................................... 59 6.5.3. Tạo nguồn dữ liệu cho DetailsView dùng AccessDataSource .................................. 59 6.5.4. Thiết kế giao diện cho các thành phần trong 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 trong ASP.NET ................................................................................................ 73 7.3. AJAX ................................................................................................................................ 84 7.3.1. Giới thiệu .................................................................................................................... 84 7.3.1.1 Tổng quan về mô hình ứng dụng Web ..................................................................... 84 7.3.1.2 Giới thiệu về 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 của Web Services ....................................................................................... 95 7.4.4. Các thành phần của Web Service ............................................................................... 95 7.4.5. Ví dụ xây dựng web service đơn giản ........................................................................ 96 4
Chương 1: Giới thiệu ASP.NET 1.1. Giới thiệu ASP.NET là công nghệ xử lý web phía máy chủ, độc lập với mọi trình duyệt, Kỹ thuật áp dụng là cho phép mọi thực thi được thực hiện ở trình chủ, tức là trình chủ phải xử lý nhiều vấn đề cùng lúc cho nhiều người dùng  trình chủ phải có cấu hình mạnh và 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 có dạng như sau: - Vào menu File->New->Website 5
- Chọn ASP.NET Web Site trong Templates. Cuối cùng click chuột vào nút OK để tiến hành tạo Web Site. 6
1.2.1.1. Thiết kế giao diện * Thiết kế giao diện ở chế độ Source - Sử dụng các thẻ HTML để thiết kế - Trong chỉ thị @Page các 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 các control trên thanh công cụ Toolbox để thiết kế - Thanh công cụ Toolbox bao gồm tập hợp các điều khiển web (web control) dùng để xây dựng ứng dụng web chia ra thành các nhóm control sau: + Standard: là những điều khiển chuẩn của web form như: Label, Button, TextBox ... + Data: là những điều khiển cho phép thao tác với dữ liệu + Validation: là những điều khiển cho phép kiểm tra tính hợp lệ của các điều khiển nhập dữ liệu trên web form. + Navigation: là những điều khiển cho phép di chuyển giữa các trang trong cùng website. + Login: là những điều khiển liên quan đến bảo mật của ứng dụng web như đăng nhập, thay đổi mật khẩu,… + HTML: là những điều khiển của tài liệu HTML và có thể được chuyển thành các điều khiển làm việc trên server (HTML Server Control) 7
1.2.1.2. Mã nguồn xử lý - Phương thức Page_Load được gọi mỗi khi trang .aspx được 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 các trang web đã tạo trong website, vào menu File -> Save All hoặc nhấn tổ hợp phím Ctrl+Shift+S. 8
Nếu một số trang web có sử dụng chữ Tiếng Việt Unicode thì trong quá trình lưu các trang web, Visual Studio sẽ yêu cầu lưu lại trang web với kiểu mã hoá Unicode. Chọn Save With Other Encoding Trong Encoding chọn Unicode (UTF-8 with signature) – Codepage 65001 1.2.3. Biên dịch và chạy ứng dụng web Để biên dịch và chạy ứng dụng web vào menu Debug -> Start Debugging hoặc nhấn phím F5 9
1.2.4. Mở ứng dụng Web Để mở một ứng dụng web, vào menu File -> Open -> Website 10
1.2.5. Thêm trang web mới Trong Solution Explorer, click phải vào Website, chọn Add New Item… Trong Templates, chọn Web Form, sau đó nhập tên trang web vào ô Name và click vào OK. Lưu ý: 11
Nếu chọn “Place code in separate file” thì tập tin mã nguồn xử lý sẽ được tách riêng khỏi tập tin Web Form. 1.3. IsPostBack Thuộc tính IsPostBack: + Thuộc tính của Page có kiểu dữ liệu bool (true, false) + Nếu trả về giá trị false khi trang được nạp lần đầu tiên. + Nếu trả về giá trị true khi trang được nạp lần tiếp theo. protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { //các câu lệnh chỉ muốn thực thi 1 lần khi trang được nạp lần đầu tiên } } Ghi chú: Trong biểu thức logic của cấu trúc if trên !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 Diễn giải ID Nhận dạng điều khiển Text Nội dung hiển thi Visible Cho phép hiển thị hay không (true/false) Trang aspx: Trang aspx.cs: protected void Page_Load(object sender, EventArgs e) { Label1.Text = "xin chào"; } 2.3.2. TextBox () Thuộc tính Diễn giải TextMode SingleLine(mặc định), Multiline (rows,columns), Password. AutoPostBack Tự động PostBack lên Server khi Textbox có thay đổi, mặc định là False AutoCompleteType None / Disabled / Company / … Focus() 2.3.3. Button () Tương đương thẻ có type=submit Trang aspx: 2.3.4. RadioButton () Thuộc tính Diễn giải 13
GroupName Nhóm các radio cùng bộ Trang aspx: 2.3.5. HyperLink () Thuộc tính Diễn giải ImageUrl Đường dẫn hình ảnh làm nhãn liên kết NavigateUrl Đườ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 của mục chọn (có được chọn hay không) AutoPostBack: thuộc tính này cho biết có được phép tự động PostBack về Server khi các mục chọn của điều khiển bị thay đổi. Gía trị mặc định của thuộc tính này là 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 quả 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ị của ListControl thì trang web sẽ không được triệu gọi cho đến khi dùng submit. True: Trang web sẽ submit mỗi khi người dùng thay đổi giá trị của ListControl. DataSource Gán hay trả về đối tượng chứa dữ liệu. DataTextField Gán hay trả về tên trường cung cấp nhãn cho ListControl DataValueField Gán hay trả về tên trường cung cấp giá trị cho ListControl SelectedIndex Gán hay trả về chỉ số của phần tử được chọn trong ListControl. Trường hợp chọn nhiều phần tử phải sử dụng thuộc tính Selected của đối tượng ListItem. SelectedItem Trả về phần tử được chọn trong ListControl. SelectedValue Trả về giá trị của phần tử được chọn trong ListControl. Items Trả về tập các giá trị của các phần tử trong 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: chọn một/nhiều phần tử cùng lúc. Trang aspx: Trang aspx.cs: for (int i = 1; i
2.6. ASP.NET Validation Control Kiểm tra tính hợp lệ của dữ liệu nhập vào form, việc kiểm tra được thực hiện khi nhấp vào Button trong form. Nếu muốn bỏ qua tác dụng của Validation Control khi nhấn vào Button thì chọn thuộc tính CausesValidation = false. Thuộc tính chung  ControlToValidate: gán/trả về tên điều khiển cần kiểm tra  ErrorMessage: chuỗi lỗi phát sinh nếu kiểm tra không hợp lệ.  Enabled: gán/trả về giá trị Boolean chỉ ra rằng nếu quá trình kiểm tra giá trị của điều khiển được thực hiện. Gán True nếu muốn kiểm tra dữ liệu nhập bằng các Validation Control, false vô hiệu hóa quá trình kiểm tra.  EnableClientScript: gán/trả về giá trị Boolean chỉ ra rằng cho phép kiểm tra giá trị của điều khiển trên phía trình khách (JavaScript) 2.6.1. RequiredFieldValidator Kiểm tra điều khiển không được rỗng. Trang aspx: 2.6.2. RangeValidator Kiểm tra điều khiển phải là chuỗi, số, ngày, …. Nếu rỗng thì không kiểm tra. Thuộc tính: MaximumValue, MinimumValue, Type (String, Interger, Date, …), … Trang aspx: 2.6.3. CompareValidator So sánh điều khiển này với điều khiển khác hay một giá trị cụ thể. Nếu rỗng thì không kiểm tra. Thuộc tính: ControlToCompare, Operator(Equal, GreaterThan, LessThan, …), Type, ValueToCompare, … Trang aspx: 20