Bài giảng lập trình web với ASP.NET

Bài giảng lập trình web với ASP.NET Bài giảng lập trình web với ASP.NET Bài giảng lập trình web với ASP.NET Bài giảng lập trình web với ASP.NET Bài giảng lập trình web với ASP.NET Bài giảng lập trình web với ASP.NET Bài giảng lập trình web với ASP.NET Bài giảng lập trình web với ASP.NET Bài giảng lập trình web với ASP.NET Bài giảng lập trình web với ASP.NET Bài giảng lập trình web với ASP.NET Bài giảng lập trình web với ASP.NET Bài giảng lập trình web với ASP.NET

PHẦN 1: GIỚI THIỆU Mục tiêu • Xây dựng trang web động mơi trường ASP.NET • Xây dựng hồn chỉnh triển khai ứng dụng web mơi trường ASP.NET Ngành lập trình - CSDL 2 Nội dung Tổng quan ASP.Net Server Controls Điều khiển Kiểm tra Các điều khiển liệu User Controls Quản lý ứng dụng Web Web Services Xây dựng hoàn chỉnh UD Web Bảo mật website 10 Triển khai ứng dụng Web 11 Giới thiệu sử dụng Ajax Ngành lập trình - CSDL 3 HẾT Ngành lập trình - CSDL 4 Mục tiêu • Tìm hiểu mơi trường phát triển ứng dụng web với Visual Studio.Net 2005 • Tạo tổ chức ứng dụng web đơn giản Ngành lập trình - CSDL 2 Nội dung Tổng quan lập trình ứng dụng Web Giới thiệu ASP.Net Tạo ứng dụng web Tổ chức lưu trữ ứng dụng web Làm việc với tập tin cấu hình Ngành lập trình - CSDL 3 Tổng quan lập trình ứng dụng Web • • •  Quá trình Request - Response  Web Server – Web Browser – HTTP  Mơ hình ứng dụng Ngành lập trình - CSDL 4 Bài 1: Tổng quan ASP.NET Tổng quan lập trình ứng dụng Web • Q trình Request – Response Http Request Internet Web Browser Http Response Ngành lập trình - CSDL Web Server 5 Bài 1: Tổng quan ASP.NET Tổng quan lập trình ứng dụng Web • Web Server – Web Browser – HTTP − − − Web Server nhận điều phối yêu cầu từ Web Browser gởi kết Web Browser thể liệu, tập hợp liệu người dùng gởi đến Web Server HTTP dùng để trao đổi thông tin Web Browser với Web Server Ngành lập trình - CSDL 6 Bài 11: Giới thiệu sử dụng Ajax ASP.Net Ajax Framework • Các control ASP.NET AJAX − ScriptManager: • Dùng để quản lý client script (javascript) cho trang ASP.NET AJAX • Bắt buộc phải có trang ASP.NET AJAX Ngành lập trình - CSDL 35 35 Bài 11: Giới thiệu sử dụng Ajax ASP.Net Ajax Framework • Các control ASP.NET AJAX − UpdatePanel: • UpdatePanel dùng để cập nhật nội dung nằm mà khơng phải load lại tồn trang web • Trong trang web ASP.NET AJAX, có nhiều UpdatePanel control Ta kiểm sốt việc UpdatePanel cập nhật nội dung cho vùng nằm bên UpdatePanel Ngành lập trình - CSDL 36 36 Bài 11: Giới thiệu sử dụng Ajax ASP.Net Ajax Framework • Các control ASP.NET AJAX − Update Panel: • ChildrenAsTrigger (Boolean): = true control nằm bên UpdatePanel có xảy PostBack UpdatePanel cập nhật lại nội dung nằm • UpdateMode: Always: ln ln cập nhật nội dung UpdatePanel Conditional: Cập nhật UpdatePanel có điều kiện Ngành lập trình - CSDL 37 37 Bài 11: Giới thiệu sử dụng Ajax ASP.Net Ajax Framework • Các control ASP.NET AJAX − Update Panel: • Ví dụ: Tìm kiếm thông tin học viên Ta thiết kế giao diện sau: UpdatePanel1: -ChildrenAsTrigger = true Các control nằm bên UpdatePanel tự động cập nhật ta click vào nút Tìm kiếm Ngành lập trình - CSDL 38 38 Bài 11: Giới thiệu sử dụng Ajax ASP.Net Ajax Framework • Các control ASP.NET AJAX − Update Panel: • Ví dụ: Tìm kiếm thơng tin học viên Ngành lập trình - CSDL 39 39 Bài 11: Giới thiệu sử dụng Ajax ASP.Net Ajax Framework • Các control ASP.NET AJAX − Update Panel: • Triggers: UpdatePanel cập nhật nội dung biến cố control cấu hình làm trigger xảy Ví dụ: ta thiết kế hình danh mục nhà xuất sau: - DetailsView để thêm liệu nhà xuất - UpdatePanel để cập nhật lưới thêm nhà xuất - Lưới GridView nằm bên UpdatePanel - Cho phép xóa, sửa, trên Lưới Ngành lập trình - CSDL 40 40 Ví dụ: dùng UpdatePanel với Triggers Ngành lập trình - CSDL 41 41 Ví dụ: dùng UpdatePanel với Triggers UpdatePanel cập nhật nội dung kiện ItemInserted DetailsView xảy Ngành lập trình - CSDL 42 42 Bài 11: Giới thiệu sử dụng Ajax ASP.Net Ajax Framework • Các control ASP.NET AJAX − Update Panel: • Phương thức Update: cập nhật nội dung nằm bên UpdatePanel Ví dụ: cập nhật nội dung UpdatePanel1 Click vào Button biến cố Click Button viết lệnh sau: UpdatePanel1.Update(); Ngành lập trình - CSDL 43 43 Bài 11: Giới thiệu sử dụng Ajax ASP.Net Ajax Framework • Các control ASP.NET AJAX − Update Panel: số điểm cần lưu ý • Sử dụng nhiều UpdatePanel Control: Giả sử trang ASP.NET AJAX ta có nhiều vùng nội dung muốn cập nhật ta chứa vùng UpdatePanel khác • Để kiểm sốt việc cập nhật UpdatePanel control ta nên lưu ý đến thuộc tính UpdateMode Ta gán UpdateMode = Conditional Sau kiểm sốt việc cập nhật nội dung UpdatePanel Trigger gọi phương thức Update Panel Ngành lập trình - CSDL 44 44 Bài 11: Giới thiệu sử dụng Ajax ASP.Net Ajax Framework • Các control ASP.NET AJAX − Update Panel: số điểm cần lưu ý • Nếu ta để UpdateMode=Always có PostBack, tất UpdatePanel cập nhật nội dung Điều ảnh hưởng tới cập nhật Ngành lập trình - CSDL 45 45 Bài 11: Giới thiệu sử dụng Ajax ASP.Net Ajax Framework • Các control ASP.NET AJAX − UpdateProgress: • • UpdateProgress dùng kèm với UpdatePanel • Ví dụ: Để cập nhật nội dung hiển thị cho lưới bước đầu ta phải lấy liệu, sau hiển thị liệu cho lưới Trong lúc chờ Server lấy liệu cho lưới ta dùng UpdateProgress để xuất câu thông báo: Đang load liệu… UpdateProgress cho ta biết trình xử lý Server UpdatePanel có hồn tất chưa Ngành lập trình - CSDL 46 46 Bài 11: Giới thiệu sử dụng Ajax ASP.Net Ajax Framework • Các control ASP.NET AJAX − UpdateProgress – Sử dụng: • Thuộc tính AssociatedUpdatePanel dùng để gắn UpdateProgress với UpdatePanel • Ví dụ: Màn hình tìm kiếm học viên Ngành lập trình - CSDL 47 47 Bài 11: Giới thiệu sử dụng Ajax ASP.Net Ajax Framework • Các control ASP.NET AJAX − Timer: • • Dùng để quy định sau khoảng thời gian tự động xử lý Ví dụ: Sau giây cập nhật lại UpdatePanel Ta làm chương trình đồng hồ điện tử sau: protected void Timer1_Tick(object sender, EventArgs e) { Label1.Text = DateTime.Now.ToString("hh:mm:ss"); } Ngành lập trình - CSDL 48 48 Bài 11: Giới thiệu sử dụng Ajax HẾT Ngành lập trình - CSDL 49 49