Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống
1
/ 41 trang
THÔNG TIN TÀI LIỆU
Thông tin cơ bản
Định dạng
Số trang
41
Dung lượng
380,6 KB
Nội dung
Chương 5: Lậptrìnhvớihệ thống web - Lập trình web phía client - Lập trình web phía server Chương 5 1. Giớithiệuhệ thống web Mô hình hoạt động của hệ thống web: web browser/ web server Chương 5 1. Giớithiệuhệ thống web Web server: chương trình quảnlýmộtcâythứ bậc các trang Web và phục vụ yêu cầutruyxuất chúng từ các client từ xa. Web Browser: chương trình giao tiếpvớingười dùng, nhậnyêucầutừ user rồitruyxuất trang Web ở server tương ứng để phân giảivàhiểnthị nội dung lên màn hình. Trang Web: đơnvị gởinhậngiữa Web server và Web client, nó là 1 file văn bản đượcviếtbằng ngôn ngữ HTML Web browser và web server sẽ tạo1 cầunốiTCP để trao đổi thông tin, server lắ ng nghe ở port 80 (port mặc định) và dùng giao thứcHTTP (HyperText Transfer Protocol). Chương 5 1. Giớithiệuhệ thống web Cấu trúc một giao dịch HTTP 1.0 Bước 1: HTTP client mở kếtnối đến HTTP server Bước 2: HTTP client gửi request message đến HTTP server Bước 3: HTTP server trả response mesage về cho HTTP client, chứa resource mà HTTP client yêu cầu Bước 4: HTTP server đóng kếtnối Ví dụ Client: GET /path/file.html HTTP/1.0 From: someuser@jmarshall.com User-Agent: HTTPTool/1.0 [blank line here] Server: HTTP/1.0 200 OK Date: Fri, 31 Dec 1999 23:59:59 GMT Content-Type: text/html Content-Length: 1354 [blank line here] <html> … </html> Chương 5 1. Giớithiệuhệ thống web Các đặc điểmcủa ứng dụng web –Khôngphảilàmột ứng dụng độclập, là ứng dụng chạytrênnềnweb- server. –Ngườilậptrìnhcóthể thựchiện các thao tác trên ứng dụng web như với một ứng dụng độclập. –Cóthể lấy thông tin từ user. Chương 5 1. Giớithiệuhệ thống web HTML – HyperText Markup Language 9Là một ngôn ngữđánh dấusiêuvănbản. 9Sử dụng các thẻ (tag) để định dạng: vănbản, đoạnvăn, hình ảnh, file âm thanh, Java applet, đốitượng như file Word, Excel, JavaBean… 9Chophépchèncácđoạn mã script như JavaScript thựcthitại trình duyệt (browser). 9Là định dạng chuẩn cho trang web. –Mở rộng: XML, WSDL/SOAP… Chương 5 1. Giớithiệuhệ thống web CÁC CÔNG CỤ TẠO TRANG WEB Microsoft Visual InterDev 6 – HTML, ASP… Microsoft Visual Studio.NET 2003 – HTML, ASP.NET, ASP.NET Webservice, C#, C++… Microsoft Frontpage –HTML… Jbuilder – HTML, JSP, Java Servlet, Java EJB… Macromedia Dreamweawer MX 2004 – HTML, ASP, JSP, ASP.NET… EditPlus Notepad/Wordpad/Unix VIM Chương 5 2. Ngôn ngữ HTML FORMs –Cấutrúccơ bảncủamộtform <FORM ACTION=“file" METHOD={GET|POST}> [<INPUT TYPE=“” NAME=“” VALUE="">]+ </FORM> –Cácloại (type) INPUT TEXT: là textbox dùng để nhậpdữ liệu. – Cú pháp: <INPUT [TYPE=TEXT] NAME="text-id" [SIZE=nn] [MAXLENGTH=nn] [VALUE="default text"]> Chương 5 2. Ngôn ngữ HTML FORMs Các loại (type) INPUT SUBMIT: truyềndữ liệu form đến ứng dụng web – Cú pháp: <INPUT TYPE=SUBMIT [NAME="button-id"] [VALUE="text"]> RESET:đưanội dung của form trở về giá trị ban đầu – Cú pháp: <INPUT TYPE=RESET [VALUE=“text"]> BUTTON: nút nhấnbấtkỳ – Cú pháp: <INPUT TYPE=BUTTON [NAME="button-id"] [VALUE="text"]> Chương 5 2. Ngôn ngữ HTML FORMs Các loại (type) INPUT RATIO: chọnlựamột trong nhiều – Cú pháp: <INPUT TYPE=RADIO NAME="radio-set-id" VALUE="choice-id" [checked]> <input type="radio" value="V1" checked name="R1">Option 1 <br><input type="radio" value="V2" name="R1">Option 2 <br><input type="radio" value="V3" name="R1">Option 3 CHECKBOX: lựachọnmộthoặc nhiều – Cú pháp: <INPUT TYPE=CHECKBOX NAME="id" VALUE="choice-id" [CHECKED]> –Vídụ: <input type="checkbox" name="C1“ value="ON">Check 1 <br> <input type="checkbox" name="C1" value="ON" checked>Check 2 [...]... trình web phía Server Lập trìnhWeb với CGI Lập trìnhWeb với Servlet Lập trìnhWeb với JSP Lập trìnhWeb với ASP Lập trìnhWeb với PHP Chương 5 3 Lập trình web phía Server Lập trình web với CGI Trang HTML chỉ chứa các nội dung cố định hoặc có thể thao tác thay đổi qua DHTML ở client Nhu cầu sử dụng các trang web như một ứng dụng (giao tiếp với user, tìm kiếm, nội dung thay đổi, tương tác các ứng dụng, với. .. HTML qua standard output đến web server – Web server nhận kết quả và trả về cho browser Chương 5 3 Lập trình web phía Server Lập trình web với CGI Hoạt động của CGI Chương 5 3 Lập trình web phía Server Lập trình web với CGI Hoạt động của CGI (perl) Chương 5 3 Lập trình web phía Server Lập trình web với CGI Ví dụ (Perl) #!/perl/bin/perl #Remember : this path will vary depending on #where Perl is located... dụng web CGI (Common Gateway Interface) là một chuẩn (standard) để viết ứng dụng web Các đặc điểm – Là ứng dụng chạy trên nền web server – Nhận thông tin từ web browser và xuất thông tin để web browser hiển thị thông qua web server – Ứng dụng có thể được viết với bất cứ ngôn ngữ lập trình có standard input và standard output (C/C++, Perl, Shell script, Dos shell…) Chương 5 3 Lập trình web phía Server Lập. .. value="501097">Mạng máy tính Lập trìnhmạng Chương 5 3 Lập trình web phía client Các trang HTML có thể được lập trình để thực hiện các thao tác thực thi trên web client Các phương pháp phổ biến để lập trình hiện nay: – Script (Javascript, Vbscript) – Java Applet – ActiveX Control Chương 5 3 Lập trình web phía client Cú pháp cho một đoạn code Javascript . Chương 5: Lậptrìnhvớihệ thống web - Lập trình web phía client - Lập trình web phía server Chương 5 1. Giớithiệuhệ thống web Mô hình hoạt động của hệ thống web: web browser/ web server Chương. Giớithiệuhệ thống web Các đặc điểmcủa ứng dụng web –Khôngphảilàmột ứng dụng độclập, là ứng dụng chạytrênnềnweb- server. –Ngườilậptrìnhcóthể thựchiện các thao tác trên ứng dụng web như với một. 5 1. Giớithiệuhệ thống web Web server: chương trình quảnlýmộtcâythứ bậc các trang Web và phục vụ yêu cầutruyxuất chúng từ các client từ xa. Web Browser: chương trình giao tiếpvớingười dùng,