BÀI 2:CÁC THÀNH PHẦN QUAN TRỌNG TRONG LẬP TRÌNH WEB. ThS. Nguyễn Mạnh Sơn

02/08/2011 BÀI CÁC THÀNH PHẦN QUAN TRỌNG TRONG LẬP TRÌNH WEB ThS Nguyễn Mạnh Sơn V1.0011101205 TÌNH HUỐNG DẪN NHẬP Web tĩnh Web động? V1.0011101205 02/08/2011 TÌNH HUỐNG DẪN NHẬP (tiếp theo) • Web tĩnh: nội dung giống lần truy cập khác (thuần túy HTML) • Web động: nội dung thay đổi theo người dùng, theo thời điểm, có khả tương tác với người dùng hướng tới việc xây dựng ứng dụng dịch vụ trực tuyến, thương mại điện tử, • Xây dựng Web động => Lập trình Web V1.0011101205 TÌNH HUỐNG DẪN NHẬP (tiếp theo) Vấn đề đặt ra:  • Xử lý form người dùng phía Client • Tương tác trang trang web với hệ thống Giải pháp: Cần ngôn ngữ thành phần hỗ trợ cho lập trình web V1.0011101205 02/08/2011 MỤC TIÊU Giới thiệu vai trò mối quan hệ thành phần lập trình Web động như: DHTML CGI Các đối tượng ActiveX Các ngôn ngữ Script AJAX V1.0011101205 NỘI DUNG V1.0011101205 Khái quát chung thành phần lập trình Web Giới thiệu DHTML Giới thiệu CGI ứng dụng Các đối tượng ActiveX Giới thiệu ngôn ngữ VBScript Java JavaScript Giới thiệu AJAX 02/08/2011 KHÁI QUÁT CÁC THÀNH PHẦN TRONG LẬP TRÌNH WEB Lập trình web: hai thành phần khơng thể tách rời • Lập trình phía Client:  Các trang HTML lập trình để thực thao tác thực thi web client  Các thành phần hỗ trợ cho lập trình web phía Client nay: •  Các ngơn ngữ Script (Javascript, VBscript);  Java Applet;  ActiveX Control Lập trình phía Server:  Yêu cầu gửi từ phía Client xử lý phía Server  Các ngơn ngữ thành phần bản:  CGI;  AJAX;  Active Server Pages (Microsoft);  Java Servlets Java Server Page (Sun) V1.0011101205 1.1 GIỚI THIỆU CÁC NGÔN NGỮ SCRIPT Ở CLIENT • Là ngôn ngữ kịch chạy Web Client • Có thể làm việc khác loại Web Browser khác • Các đoạn mã kịch (Script) chạy dựa vào kiện phần tử HTML xen kẽ với tags HTML • Khơng tương tác với Server • Hai ngôn ngữ Script bản:  Java Script: ngôn ngữ tựa Java;  VBscript: ngôn ngữ tựa Visual Basic V1.0011101205 02/08/2011 1.1 GIỚI THIỆU CÁC NGÔN NGỮ SCRIPT Ở CLIENT(tiếp theo) • Java Applet:  Là ứng dụng viết Java, nhúng trang HTML qua Tag Applet  Khi trang HTML có chứa Tag Applet gọi, Class Applet tải máy client thực thi máy client  Applet bị hạn chế số chức tính bảo mật cho máy Client • ActiveX Control:  Tương tự Java Applet, viết công nghệ Mircosoft, hỗ trợ cho tương tác trang web với nhiều ngôn ngữ khác • AJAX:  Asynchronous JavaScript And XML  Một cách thức sử dụng ngôn ngữ cơng nghệ có để tăng tính động cho trang web 2.0 V1.0011101205 GIỚI THIỆU VỀ DHTML DHTML – Dynamic Hypertext markup language • Sự kết hợp HTML, JavaScript, Style Sheet • Trong đó:  HTML: Tài liệu với nội dung tĩnh;  JavaScript: Nội dung trang “động” hơn, tăng tính tương tác với người dùng;  Style Sheet: Tạo thống trang; Cách thể DHTML • Microsoft: sử dụng CSS (Cascading Style Sheets) Các style điều khiển Script • Netscape: sử dụng Style Sheet thông qua Layer CSS: Sẽ trình bày chi tiết Bài V1.0011101205 10 02/08/2011 CÁC TÍNH NĂNG CỦA DHTML • Kiểu động – Dynamic Style: sử dụng style để thay đổi thuộc tính; • Nội dung động – Dynamic Content (hỗ trợ với IE): thay đổi nội dung trang sau hiển thị; • Định vị - Position: định vị tuyệt đối tương đối phần tử; • Liên kết liệu – Data Binding (hỗ trợ với IE); • Khả tải font chữ - Downloadable Fonts (hỗ trợ với Netscape); • Được điều khiển Script; • Hỗ trợ mơ hình DOM – Document Object Model 11 V1.0011101205 CÁC TÍNH NĂNG CỦA DHTML (tiếp theo) • Style Sheet  Tập hợp quy tắc kiểu – Style;  Nơi quản lý điều khiển Style;  Dựa vào style, trình duyệt hiển thị nội dung yêu cầu;  Style: Mô tả thuộc tính, định dạng cho phần tử HTML; • Thay đổi style  Inline Style: style áp dụng cho phần tử cụ thể, không áp dụng chung cho phần tử tạo trực tiếp thuộc tính style;  Thay đổi Script: sử dụng đối tượng style, thay đổi thuộc tính theo định dạng V1.0011101205 12 02/08/2011 GiỚI THIỆU VỀ CGI VÀ ỨNG DỤNG • Trang HTML chứa nội dung cố định thao tác thay đổi qua DHTML Client; • Nhu cầu sử dụng trang web ứng dụng (giao tiếp với user, tìm kiếm, nội dung thay đổi, tương tác ứng dụng, với database…)=> ứng dụng web; • Lập trình xây dựng ứng dụng cần ngôn ngữ cơng nghệ phía Server; • CGI (Common Gateway Interface) chuẩn (Standard) để viết ứng dụng web phía Server V1.0011101205 13 3.1 ĐẶC ĐIỂM CỦA ỨNG DỤNG WEB THEO CHUẨN CGI Một ứng dụng web theo chuẩn CGI có đặc điểm: • Là ứng dụng chạy Web Server; • Nhận thơng tin từ web Browser xuất thông tin để Web Browser hiển thị thơng qua Web Server; • Chương trình viết ngôn ngữ (C/C++, Perl, Shell script, Dos shell…) chấp nhận đầu vào đầu theo đặc tả CGI V1.0011101205 14 02/08/2011 3.2 CÁCH THỨC HOẠT ĐỘNG CỦA ỨNG DỤNG WEB CGI • Web Server nhận Request ứng dụng CGI từ Browser; • Web Server gọi ứng dụng CGI, truyền thông số biến mơi trường (thơng qua Standard Input); • Ứng dụng web CGI xử lý, giao tiếp với ứng dụng khác (database, mail…), xuất kết dạng HTML qua Standard Output đến web server; • Web Server nhận kết trả cho Browser V1.0011101205 15 3.2 CÁCH THỨC HOẠT ĐỘNG CỦA ỨNG DỤNG WEB CGI (tiếp theo) Hoạt động CGI V1.0011101205 16 02/08/2011 3.3 CẤU TRÚC ỨNG DỤNG WEB CGI Ví dụ đơn giản với ngôn ngữ C++: // hello.cpp #include using namespace std; int main() { cout