Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống
1
/ 42 trang
THÔNG TIN TÀI LIỆU
Thông tin cơ bản
Định dạng
Số trang
42
Dung lượng
438,87 KB
Nội dung
Chương trình quản lý một cây thứ bậc các trang Web 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"]> [...]... 5 3 Lập 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... value="501016">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 / /các khai báo biến... Lập trình web với CGI 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 các thông số bằng các biến môi trường(thông qua standard input) – Ứng dụng web CGI xử lý, giao tiếp với các ứng dụng khác (database, mail…), xuất kết quả dạng HTML qua standard output đến web server – Web server nhận kết quả và trả về cho browser Chương. .. 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... ứng 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... if(document.layers){//Netscape the_div=eval(“window.document.all.”+div_name); } Chương 5 3 Lập trình Applet Java Applet – Là một ứng dụng được viết bằng Java, nhúng trong trang HTML – Khi trang HTML có chứa tag applet được gọi, class applet được tải về máy client và thực thi trên máy client – Một ứng dụng applet phải thừa kế class java.applet.Applet – Có thể thực hiện các thao tác như một chương trình. .. document: chứa các thuộc tính trong trang web – location: các thuộc tính về địa chỉ trang web – history: các thuộc tính về vị trí mà web browser đã đến Mỗi phần tử trong trang HTML đều có thể coi là một đối tượng, có thể khai báo sự kiện để gọi hàm Javascript – Cú pháp Chương 5 3 Lập trình web phía client – Các sự kiện có thể dùng onClick: click... / /các lệnh gọi hàm và các hàm function function-name([agrv]*){ / /các câu lệnh khai báo và thực thi [return [value];] } Sử dụng file Javascript (*.js) đã có Chương 5 3 Lập trình web phía client Các đối tượng được xây dựng sẵn trong JavaScript – window: chứa các thuộc tính liên quan đến cửa sổ hiện thời – document: chứa các thuộc tính trong trang. .. thiệu servlet Java servlet là những chương trình độc lập platform và nhỏ chạy ở phía server được lập trình để mở rộng chức năng của web server (Web server phải hỗ trợ Java) Cơ chế hoạt động theo mô hình CGI mở rộng Chương trình servlet: – Thường extends class HttpServlet Không có method main – Phải được dịch ra ở dạng byte-code(.class) và khai báo với web server Chương 5 3 Giới thiệu servlet Cần có... trị của các đối tượng chứa văn bản onBlur: chuyển focus khỏi đối tượng trong form onSelect: chọn phần tử trong listbox onLoad: xảy ra khimột document được load Chương 5 3 Lập trình web phía client Kiểm tra phần tử SELECT var select_value; function dropDownMenu() { var myindex=document.forms[0].menu.selectedIndex; if (myindex==0) { alert("\nYou must make a selection from the drop-down menu."); document.forms[0].menu.focus(); . Chương trình quản lý một cây thứ bậc các trang Web 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ô. 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:. value="501016">Lập trìnhmạng</option> </select> Chương 5 3. Lập trình web phía client Các trang HTML có thể đượclậptrìnhđể thựchiện các thao tác thựcthi trên web client. Các phương pháp