Lập Trình Web Với ASP.Net _ www.bit.ly/taiho123

CÁC KNLTCS 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 hoà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 • Quá 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à load lại toàn trang web • Trong trang web ASP.NET AJAX, có nhiều UpdatePanel control Ta kiểm soá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: luôn 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 soá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 soá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ó hoà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 [...]... ASP.NET Tổng quan về lập trình ứng dụng Web • Web Server – Web Browser – HTTP Web Server Web Browser Default.aspx Thể hiện lên trang web Client gởi yêu cầu Server hồi đáp Ngành lập trình - CSDL 1 Xử lý yêu cầu 2 Thi hành code 3 Lưu trữ dữ liệu 4 Gởi kết quả 7 7 Bài 1: Tổng quan về ASP.NET Tổng quan về lập trình ứng dụng Web • Mô hình ứng dụng Ngành lập trình - CSDL 8 8 Nội dung 1 Tổng quan về lập trình. .. lập trình ứng dụng Web 2 Giới thiệu về ASP.Net 3 Tạo ứng dụng web đầu tiên 4 Tổ chức lưu trữ ứng dụng web 5 Làm việc với tập tin cấu hình Ngành lập trình - CSDL 9 9 Giới thiệu về ASP.NET • Tìm hiểu về ASP.Net •  Một số các đặc điểm của ASP.NET • Quá trình xử lý trang ASPX   Ngành lập trình - CSDL 10 10 Bài 1: Tổng quan về ASP.NET Giới thiệu về ASP.Net • Tìm hiểu về ASP.Net − ASP.NET trong Net Framework... dung 1 Tổng quan về lập trình ứng dụng Web 2 Giới thiệu về ASP.Net 3 Tạo ứng dụng web đầu tiên 4 Tổ chức lưu trữ ứng dụng web 5 Làm việc với tập tin cấu hình Ngành lập trình - CSDL 16 16 Tạo ứng dụng web đầu tiên • • •  Khởi động MS Visual Studio Net  Tạo mới một ứng dụng web  Làm quen với các thành phần giao diện Ngành lập trình - CSDL 17 17 Bài 1: Tổng quan về ASP.NET Tạo ứng dụng web đầu tiên • Khởi... VS.Net 2005 Ngành lập trình - CSDL 21 21 Nội dung 1 Tổng quan về lập trình ứng dụng Web 2 Giới thiệu về ASP.Net 3 Tạo ứng dụng web đầu tiên 4 Tổ chức lưu trữ ứng dụng web 5 Làm việc với tập tin cấu hình Ngành lập trình - CSDL 22 22 Tổ chức lưu trữ ứng dụng web •  Giới thiệu các thư mục do ASP.Net cung cấp − − − App_Data App_Code … Ngành lập trình - CSDL 23 23 Bài 1: Tổng quan về ASP.NET Tổ chức lưu... hình ảnh Ngành lập trình - CSDL 25 25 Bài 1: Tổng quan về ASP.NET Tổ chức lưu trữ ứng dụng • Thao tác tạo các thư mục − Trên thực đơn: chọn Website  Add ASP.NET Folder  chọn thư mục cần tạo Ngành lập trình - CSDL 26 26 Nội dung 1 Tổng quan về lập trình ứng dụng Web 2 Giới thiệu về ASP.Net 3 Tạo ứng dụng web đầu tiên 4 Tổ chức lưu trữ ứng dụng web 5 Làm việc với tập tin cấu hình Ngành lập trình - CSDL... Globalization Resources Threading Serialization Ngành lập trình - CSDL 12 12 Bài 1: Tổng quan về ASP.NET Giới thiệu về ASP.Net • Tìm hiểu về ASP.Net − ASP.Net là kỹ thuật lập trình và phát triển ƯD web ở phía Server trên môi trường Visual Studio Net Ngành lập trình - CSDL 13 13 Bài 1: Tổng quan về ASP.NET Giới thiệu về ASP.Net • Một số đặc điểm về ASP.Net − − − − Trang Asp.Net được biên dịch trước, thành tập tin... các tập tin trong web site Ngành lập trình - CSDL 19 19 Bài 1: Tổng quan về ASP.NET Tạo ứng dụng web đầu tiên • Tạo mới một ứng dụng − − − Lưu trang web với font Unicode, trang web có phần mở rộng: aspx (file giao diện) và aspx.cs (file code-behind) Xác định trang khởi động Thi hành ứng dụng Ngành lập trình - CSDL 20 20 Bài 1: Tổng quan về ASP.NET Tạo ứng dụng web đầu tiên • Làm quen với các thành phần... Web. config riêng Ngành lập trình - CSDL 30 30 Bài 1: Tổng quan về ASP.NET Làm việc với tập tin cấu hình • Xử lý tập tin cấu hình − Khi ứng dụng Web được thi hành, sẽ cache các khai báo theo trình tự như sau: Ngành lập trình - CSDL 31 31 Bài 1: Tổng quan về ASP.NET Làm việc với tập tin cấu hình • Xử lý tập tin cấu hình Subdirectories * Web App * Web. config trong t.mục /ManHinh/SanPham Web. config trong t.mục... Console, Web Application, … Ngành lập trình - CSDL 29 29 Bài 1: Tổng quan về ASP.NET Làm việc với tập tin cấu hình • Tập tin cấu hình – Configuration files − − − Web. config gốc chứa các khai báo mặc định của Web Server, nằm trong cùng thư mục với Machine.config Web. config có thể ghi đè lên một số khai báo trong Machine.config Trong mỗi ứng dụng và các thư mục con của ứng dụng Web có thể có tập tin Web. config... Language Specification ASP NET Web Forms - Web Services Mobile Internet Toolkit Windows Forms ADO NET and XML Base Class Library Common Language Runtime Operating System Ngành lập trình - CSDL 11 11 Bài 1: Tổng quan về ASP.NET Giới thiệu về ASP.Net • Tìm hiểu về ASP.Net − Hệ thống namespace System.Windows.Forms System .Web Services UI Description HtmlControls Discovery WebControls Design Protocols ComponentModel