Thông tin tài liệu
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 [...]... VALUE="50"> Text displayed by browsers that are not Javaenabled Chương 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... dạ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... 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 ... 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 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,... dữ liệu không hiển thị – Cú pháp: – Nhập vùng văn bản: TEXTAREA default text – Lựa chọn listbox: SELECT [text ]+ Mạng máy tính Lập trìnhmạng... $key = $ENV{$key}\n"; } print "\n"; Chương 5 3 Giới 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)... đượ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(); } else { select_value =document.forms[0].menu.options[myindex].value; return true; } } Chương 5 3 Lập trình web phía client... "HELLO!"; print "\n"; print "Hello!\n"; foreach $key (sort(keys %ENV)) { print "VARIABLE $key = $ENV{$key}\n"; } print "\n"; 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 print "Content-type:text/html\n\n"; print "HELLO!";... 3 Lập trình Applet Using the Applet Tag An Applet that Displays Text at a Designated Location Text displayed by browsers that are not Javaenabled Chương 5 3 Lập trình . 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ệ. value="501097"> ;Mạng máy tính</option> <option value="501016"> ;Lập trìnhmạng</option> </select> Chương 5 3. Lập trình web phía
Ngày đăng: 22/12/2013, 21:17
Xem thêm: Tài liệu Lập trình mạng P5 ppt, Tài liệu Lập trình mạng P5 ppt
