Lập trình Thiết kế Web Bài Giới thiệu ASP NET. Ths. Trần Thị Bích Hạnh. Khoa CNTT – ĐH.KHTN

Lập trình Thiết kế Web Bài Giới thiệu ASP NET Ths Trần Thị Bích Hạnh Khoa CNTT – ĐH.KHTN © 2009 Khoa Cơng nghệ thơng tin Lập trình Thiết kế Web – Bài 2: Giới thiệu ASP NET Nội dung  Giới thiệu ASP NET  Giới thiệu NET Framework  Các thành phần ứng dụng ASP NET  Cơ chế xử lý ứng dụng ASP.NET  Cấu trúc WebForm © 2009 Khoa CNTT - ĐHKHTN Lập trình Thiết kế Web – Bài 2: Giới thiệu ASP NET Nội dung  Giới thiệu ASP NET  Giới thiệu NET Framework  Các thành phần ứng dụng ASP NET  Cơ chế xử lý ứng dụng ASP.NET  Cấu trúc WebForm © 2009 Khoa CNTT - ĐHKHTN Lập trình Thiết kế Web – Bài 2: Giới thiệu ASP NET Giới thiệu ASP NET  ASP NET – Active Server Page NET – Công nghệ Microsoft cho phép xây dựng ứng dụng web động – Dựa tảng NET Framework – Được phát triển lên từ ASP © 2009 Khoa CNTT - ĐHKHTN Lập trình Thiết kế Web – Bài 2: Giới thiệu ASP NET Ưu điểm ASP  Công nghệ Server-side scripting  Tự động thông dịch  Cho phép tạo ứng dụng web đơn giản, nhanh chóng dễ dàng  Tạo trang web có tích hợp nội dung động © 2009 Khoa CNTT - ĐHKHTN Lập trình Thiết kế Web – Bài 2: Giới thiệu ASP NET Khuyết điểm ASP  Chỉ hỗ trợ loại ngôn ngữ: VBScript JavaScript  Pha trộn code, HTML text  Khơng tương thích trình duyệt  Khơng quản lý trạng thái trang web  Cơ chế debug  Tái sử dụng code © 2009 Khoa CNTT - ĐHKHTN Lập trình Thiết kế Web – Bài 2: Giới thiệu ASP NET Các điểm bật ASP.NET  Hỗ trợ đa ngôn ngữ : C#, VB.NET, J#  Biên dịch trước trang, giúp làm tăng tốc độ thực  ASP code độc lập với HTML text  Quản lý trạng thái trang web  Có chế hỗ trợ debug thông qua IDE VS.NET  Hỗ trợ tái sử dụng code thông qua chế kế thừa © 2009 Khoa CNTT - ĐHKHTN Lập trình Thiết kế Web – Bài 2: Giới thiệu ASP NET Các điểm bật ASP.NET  Sử dụng chế Server-side Caching  Đi với nhiều server control xây dựng sẵn  Tự động nhận dạng trình duyệt người dùng sử dụng © 2009 Khoa CNTT - ĐHKHTN Lập trình Thiết kế Web – Bài 2: Giới thiệu ASP NET Các điểm bật ASP.NET  Web Service : triển khai hàm từ xa thơng qua web © 2009 Khoa CNTT - ĐHKHTN Lập trình Thiết kế Web – Bài 2: Giới thiệu ASP NET Nội dung  Giới thiệu ASP NET  Giới thiệu NET Framework  Các thành phần ứng dụng Web  Cơ chế xử lý ứng dụng ASP.NET  Cấu trúc WebForm 10 © 2009 Khoa CNTT - ĐHKHTN Lập trình Thiết kế Web – Bài 2: Giới thiệu ASP NET Giới thiệu NET Framework  NET Framework tảng cho Microsoft.NET Platform  NET Framework môi trường cho việc xây dựng, triển khai vận hành ứng dụng Win/Web Web Service 11 © 2009 Khoa CNTT - ĐHKHTN Lập trình Thiết kế Web – Bài 2: Giới thiệu ASP NET Giới thiệu NET Framework – version 2.0  Giúp đơn giản hóa trình phát triển, tích hợp sản phẩm  NET Framework không phụ thuộc vào ngôn ngữ  Các ngôn ngữ hỗ trợ : C++, C#, VB.NET, Jscript 12 © 2009 Khoa CNTT - ĐHKHTN Lập trình Thiết kế Web – Bài 2: Giới thiệu ASP NET Cơ chế hoạt động NET Framework 13 © 2009 Khoa CNTT - ĐHKHTN Lập trình Thiết kế Web – Bài 2: Giới thiệu ASP NET Giới thiệu NET Framework – version 3.0 Windows Presentation Foundation (WPF) Windows Cardspace Windows Communications Foundation (WCF) Windows Workflow Foundation (WF) 14 © 2009 Khoa CNTT - ĐHKHTN Lập trình Thiết kế Web – Bài 2: Giới thiệu ASP NET Giới thiệu NET Framework – version 3.5 15 © 2009 Khoa CNTT - ĐHKHTN Lập trình Thiết kế Web – Bài 2: Giới thiệu ASP NET Nội dung  Giới thiệu ASP.NET  Giới thiệu NET Framework  Các thành phần ứng dụng Web  Cơ chế xử lý ứng dụng ASP.NET  Cấu trúc WebForm 16 © 2009 Khoa CNTT - ĐHKHTN Lập trình Thiết kế Web – Bài 2: Giới thiệu ASP NET Cấu trúc ứng dụng ASP.NET Web Client IIS ASP.NET Applications NET Framework Operating System 17 © 2009 Khoa CNTT - ĐHKHTN Lập trình Thiết kế Web – Bài 2: Giới thiệu ASP NET Các thành phần ứng dụng ASP NET Nội dung Web Form Lập trình xử lý Cấu hình 18 © 2009 Khoa CNTT - ĐHKHTN Lập trình Thiết kế Web – Bài 2: Giới thiệu ASP NET Các thành phần ứng dụng ASP NET(tt)  Trong ứng dụng ASP NET hoàn chỉnh, phần thực thi Web Form lưu file dll chạy server thông qua điều khiển IIS 19 © 2009 Khoa CNTT - ĐHKHTN Lập trình Thiết kế Web – Bài 2: Giới thiệu ASP NET Nội dung  Giới thiệu ASP.NET  Giới thiệu NET Framework  Các thành phần ứng dụng ASP NET  Cơ chế xử lý ứng dụng ASP.NET  Cấu trúc WebForm 20 © 2009 Khoa CNTT - ĐHKHTN Lập trình Thiết kế Web – Bài 2: Giới thiệu ASP NET Cơ chế xử lý trang ASP.NET 21 © 2009 Khoa CNTT - ĐHKHTN Lập trình Thiết kế Web – Bài 2: Giới thiệu ASP NET Demo  Giới thiệu cách tạo ASP.NET Web Project  Các chế độ Thiết kế lập trình  Biên dịch Triển khai Web Project 22 © 2009 Khoa CNTT - ĐHKHTN Lập trình Thiết kế Web – Bài 2: Giới thiệu ASP NET Nội dung  Giới thiệu ASP.NET  Giới thiệu NET Framework  Các thành phần ứng dụng ASP NET  Cơ chế xử lý ứng dụng ASP.NET  Cấu trúc WebForm 23 © 2009 Khoa CNTT - ĐHKHTN Lập trình Thiết kế Web – Bài 2: Giới thiệu ASP NET Cấu trúc Web Form aspx  Một Web Form bao gồm thành phần: – Directives – Code Declaration Blocks – Code Render Blocks – Web Controls – Server-side comments – Literal Text HTML Tags Code Declaration Blocks Code Render Blocks đặt trực tiếp WebForm tách biệt file Code Behind 24 © 2009 Khoa CNTT - ĐHKHTN Lập trình Thiết kế Web – Bài 2: Giới thiệu ASP NET Cấu trúc Web Form aspx Page directives Literal text html tags Sample Page void Page_Load() { messageLabel.Text = "Hello World"; } Code declaration Blocks

Server-side comments Web controls Code render Blocks 25 © 2009 Khoa CNTT - ĐHKHTN Lập trình Thiết kế Web – Bài 2: Giới thiệu ASP NET Directives  Chứa thị cho biết cách thức Web Form biên dịch  Được khai báo đặt vị trí Web Form  Một số thuộc tính quan trọng: Language, AutoEventWireup, CodeFile, Ví dụ: 26 © 2009 Khoa CNTT - ĐHKHTN Lập trình Thiết kế Web – Bài 2: Giới thiệu ASP NET Code declaration blocks  Được khai báo phần xử lý logic chương trình thể Web Form ( không sử dụng code behind )  Khai báo phương thức hàm xử lý kiện Ví dụ: void { // } void { // } mySub() Code here Page_Load( ) Code here 27 © 2009 Khoa CNTT - ĐHKHTN Lập trình Thiết kế Web – Bài 2: Giới thiệu ASP NET Code Render Blocks  Là đoạn code thực thi trang nạp trả nội dung phía người dùng  Bao gồm loại: – Inline Code – Inline Expression 28 © 2009 Khoa CNTT - ĐHKHTN Lập trình Thiết kế Web – Bài 2: Giới thiệu ASP NET Code Render Blocks - Inline Code  Bao gồm lệnh xử lý server khơng trả nội dung phía trình duyệt  Thường sử dụng để khai báo biến  Được khai báo cặp thẻ Ví dụ: 29 © 2009 Khoa CNTT - ĐHKHTN Lập trình Thiết kế Web – Bài 2: Giới thiệu ASP NET Code Render Blocks - Inline Expression  Code xử lý trả thơng tin trình duyệt  Thơng tin trả nội dung biến kết việc gọi thực phương thức  Được khai báo cặp thẻ Ví dụ: 30 © 2009 Khoa CNTT - ĐHKHTN Lập trình Thiết kế Web – Bài 2: Giới thiệu ASP NET Web Controls  Bao gồm loại: – Html Control – Html Server Control – Asp.net Server Control  Được khai báo thẻ Ví dụ: 31 © 2009 Khoa CNTT - ĐHKHTN Lập trình Thiết kế Web – Bài 2: Giới thiệu ASP NET Server-side comments  Thể ghi Web Form  Sử dụng dạng: – Html Comment : – Asp.net Comment:  Html comment gởi trình duyệt khơng thích hợp để comment nội dung Asp.net server-side code  Asp.net comment dùng để ẩn thơng tin trình duyệt xử lý Asp.net runtime 32 © 2009 Khoa CNTT - ĐHKHTN Lập trình Thiết kế Web – Bài 2: Giới thiệu ASP NET Server-side comments  Ví dụ: > Kết xuất trình duyệt: 33 © 2009 Khoa CNTT - ĐHKHTN Lập trình Thiết kế Web – Bài 2: Giới thiệu ASP NET Literal Text HTML Tags  Cung cấp cấu trúc định dạng thông tin trang web ( thông qua thẻ Html ) với nội dung hiển thị tĩnh ( literal text )  Nếu khơng có thành phần này, trang web khơng có cấu trúc trình duyệt khơng hiển thị 34 © 2009 Khoa CNTT - ĐHKHTN Lập trình Thiết kế Web – Bài 2: Giới thiệu ASP NET Literal Text HTML Tags Ví dụ: Sample Page void Page_Load() { messageLabel.Text = "Hello World"; }

35 © 2009 Khoa CNTT - ĐHKHTN Lập trình Thiết kế Web – Bài 2: Giới thiệu ASP NET Web Form xây dựng với code behind  Code behind: file mã nguồn ( C#, VB.net ) chứa khai báo lớp có nhiệm vụ xử lý logic nghiệp vụ chương trình hay kiện xảy người dùng tương tác với WebForm  Tên lớp trùng với tên WebForm Ví dụ: tên WebForm index  tên class index  Tất class xử lý kiện WebForm kế thừa từ lớp System.Web.UI.Page  Tất class chứa hàm Page_Load tự động gọi thực WebForm nhận request từ client  Hàm Page_Load dùng để khởi tạo nội dung control WebForm 36 © 2009 Khoa CNTT - ĐHKHTN Lập trình Thiết kế Web – Bài 2: Giới thiệu ASP NET Web Form xây dựng với code behind Ví dụ: 37 © 2009 Khoa CNTT - ĐHKHTN Lập trình Thiết kế Web – Bài 2: Giới thiệu ASP NET Tổng kết  Ưu điểm ASP NET  Cơ chế hoạt động NET Framework  Cơ chế xử lý ứng dụng ASP NET  Cấu trúc WebForm 38 © 2009 Khoa CNTT - ĐHKHTN ... dung Asp. net server-side code  Asp. net comment dùng để ẩn thơng tin trình duyệt xử lý Asp. net runtime 32 © 2009 Khoa CNTT - ĐHKHTN Lập trình Thiết kế Web – Bài 2: Giới thiệu ASP NET Server-side... Khoa CNTT - ĐHKHTN Lập trình Thiết kế Web – Bài 2: Giới thiệu ASP NET Nội dung  Giới thiệu ASP. NET  Giới thiệu NET Framework  Các thành phần ứng dụng ASP NET  Cơ chế xử lý ứng dụng ASP. NET ... 2: Giới thiệu ASP NET Nội dung  Giới thiệu ASP NET  Giới thiệu NET Framework  Các thành phần ứng dụng ASP NET  Cơ chế xử lý ứng dụng ASP. NET  Cấu trúc WebForm © 2009 Khoa CNTT - ĐHKHTN Lập