Giáo trình phát triển ứng dụng web Công ty PTCN Viễn thông Hải đăng Phát triển ứng dụng web Mơc lơc Giíi thiƯu vỊ m¹ng Internet v World Wide Web 1.1 M¹ng Internet v giao thøc TCP/IP 1.2 M¹ng WWW C i đặt web server th«ng dơng .6 2.1 C i đặt web server IIS (Internet Information Services) 2.1.1 KiÓm tra v c i web server IIS .6 2.1.2 C i đặt web site lên Web server IIS .6 2.2 C i đặt Web server Apache trªn Windows 10 2.2.1 C i đặt Web server Apache 10 2.2.2 C i đặt Web site lên Web server Apache 13 Cơ sở liÖu .14 3.1 C i đặt së d÷ liƯu MySQL .14 3.2 Khëi ®éng MySQL .15 3.3 Tạo Database, user v gán quyền 16 3.4 Tạo bảng, index, kho¸ 17 Ngôn ngữ HTML (Hyper Text Markup Languages) 19 4.1 Bè côc mét trang web 20 4.2 Các thẻ tªn 21 4.2.1 Thẻ định dạng 21 4.2.2 Hình ảnh v đối tợng trang web 23 4.2.3 Tạo v sử dụng liên kết 24 4.2.3 Tạo bảng 25 4.2.4 T¹o mÉu biĨu (Form) 26 4.2.5 Thẻ tạo ô điều khiển 27 4.2.6 Thẻ tạo hép lùa chän tr¶i xuèng .27 4.2.6 Thẻ tạo vùng để nhập văn 28 4.2.6 Thẻ tạo đờng kẻ ngang .29 4.2.7 Thẻ tạo khối 29 4.3 Định dạng theo Cascade Style Sheet (CSS) 29 4.3.1 Inline Style 29 haidanggsm.com.vn TrÇn mạnh Cờng- Tel: 0913039399 Vũ Minh Đức : 0913305567 Page of 81 Giáo trình phát triển ứng dụng web Công ty PTCN Viễn thông Hải đăng 4.3.2 Header Style 30 4.3.3 External Style 31 Ngôn ngữ JavaScript phía máy trạm 34 5.1 Giíi thiƯu 34 5.2 Có ph¸p lƯnh v c¸c phÐp to¸n .36 5.3 Các cấu trúc lệnh điều khiển 37 5.4 Mét sè h m th«ng dơng JavaScript 39 5.5 Đối tợng cña JavaScript 40 Ngôn ngữ PHP phía máy chủ web server 44 6.1 Giíi thiƯu 44 6.2 C i đặt PHP hệ điều h nh Windows .45 6.3 CÊu h×nh PHP víi Web server Apache, v víi Web server IIS 46 6.3.1 CÊu h×nh PHP víi Web server Apache 46 6.3.2 CÊu h×nh PHP víi Web server IIS 48 6.3 File cÊu h×nh 50 6.4 Đặt tên biến v kiĨu d÷ liƯu PHP 51 6.4.1 Đặt tên biến 51 6.4.2 KiĨu d÷ liƯu PHP 52 6.5 C¸c phÐp to¸n PHP 53 6.6 Các câu lệnh điều khiÓn 54 6.6.1 §iỊu khiĨn IF .54 6.6.2 §iỊu khiÓn Do While .55 6.6.3 §iỊu khiĨn For .55 6.6.4 §iỊu khiĨn Break 56 6.6.5 §iỊu khiĨn Continue 56 6.6.6 §iỊu khiĨn Switch 57 6.6.7 §iỊu khiĨn Return 58 6.7 Mét sè h m th«ng dơng PHP 58 6.7.1 KiĨm tra ng y th¸ng - checkdate ( int month, int day, int year) 58 6.7.2 Định dạng ng y Date 58 6.7.3 LÊy ng y thêi gian - Getdate() 61 6.7.4 Chuyển đổi sang liệu dạng Timestamp - mktime() 61 6.7.5 Copy file 62 haidanggsm.com.vn Trần mạnh Cờng- Tel: 0913039399 Vị Minh §øc : 0913305567 Page of 81 Giáo trình phát triển ứng dụng web Công ty PTCN Viễn thông Hải đăng 6.7.6 Delete file 62 6.7.7 KiĨm tra th− mơc hay file cã tån không 62 6.7.8 §äc kÝch th−íc cđa file 62 6.7.9 Đổi tên file hc th− mơc 63 6.7.10 Tơng tác với MS SQL Server Database .63 6.7.11 T−¬ng tác với sở liệu MySQL 65 6.7.12 KÕt nèi v o sở liệu thông qua ODBC 66 Ngôn ngữ VBScript phía máy chñ web server 68 7.1 Giíi thiƯu 68 7.2 Khai báo biến v kiểu liệu VBScript 69 7.3 C¸c phÐp to¸n VBScript 70 7.4 Các câu lệnh điều khiển VBScript 71 7.5 Mét sè h m VBScript 74 7.6 KÕt nèi v o sở liệu 77 7.6.1 Gíi thiƯu chung .77 7.6.2 Kết nối v o sở liệu SQL SERVER 78 7.6.3 Kết nối v o sở liệu ORACLE SERVER 79 7.6.4 KÕt nèi v o sở liệu MySQL SERVER .79 B i tËp lín ci kho¸ 80 haidanggsm.com.vn Trần mạnh Cờng- Tel: 0913039399 Vũ Minh Đức : 0913305567 Page of 81 Giáo trình phát triển ứng dụng web Công ty PTCN Viễn thông Hải đăng Giới thiệu mạng Internet World Wide Web 1.1 Mạng Internet giao thức TCP/IP Mạng Internet l mạng máy tính to n cầu dựa giao thức TCP/IP Tiền thân mạng Internet l mạng ARPANET Bộ quốc phòng Mỹ Hệ giao thức TCP/IP : phục vụ việc truyền tải gói tin Internet So s¸nh c¸c líp cđa giao thøc TCP/IP víi mô hình OSI lớp : Hệ giao thức TCP/IP có lớp so với mô hình OSI lớp Các giao thức lớp mô hình TCP/IP Lớp Application : Có nhiệm vụ đóng gói liƯu tr−íc chun sang líp kh¸c C¸c giao thøc sư dơng : FTP (File transfer protocol) : sư dơng TCP ®Ĩ trun dÉn file L giao thøc kÕt nèi cã h−íng (Connection Oriented) TFTP (Trivial File transfer protocol) : KÕt nèi v« h−íng (Connectionless), sư dơng UDP (User Datagram Protocol) Thờng đợc sử dụng mạng LAN, tính nh l FTP nhng hoạt động nhanh NFS (Network File System) : đợc phát triển Sun Microsystems Dùng để phân phối chia sẻ file mạng SMTP (Simple mail transfer protocol) : sử dụng để quản lý việc truyền dẫn email mạng Telnet (Terminal Emulation) : cung cấp khả truy nhập từ xa v o m¸y tÝnh SNMP (Simple Network Management Protocol) : sư dơng để giám sát, điều khiển, quản lý cấu hình, thu thập thông tin, tối u v bảo mật thiết bị mạng DNS (Domain Name System) : sử dụng để chuyển đổi tên domain sang địa IP Lớp Transport : Cung cấp dịch vụ cho việc truyền tải gói tin từ nguồn đến đích Dữ liệu từ lớp ứng dụng đợc đóng gói th nh Segment C¸c giao thøc sư dơng ë líp Transport haidanggsm.com.vn Trần mạnh Cờng- Tel: 0913039399 Vũ Minh Đức : 0913305567 Page of 81 Giáo trình phát triển ứng dụng web Công ty PTCN Viễn thông Hải đăng TCP (Tranmission Control Protocol) : sư dơng TCP ®Ĩ trun dÉn file L giao thøc kÕt nèi cã h−íng (Connection Oriented) UDP (User Datagram Protocol) : KÕt nèi v« h−íng Líp Internet : Mơc ®Ých cđa líp n y l lùa chọn đờng tốt cho gói tin Các giao thøc cđa líp Internet : IP (Internet Protocol) : KÕt nèi v« h−íng (Connectionless) ICMP (Internet Control Message Protocol) : Cung cấp việc điều khiển v tin thông báo ARP (Address Resolution Protocol) : Tìm địa MAC biết địa chi IP RARP (Reverse Address Resolution Protocol) : tìm địa IP biết địa MAC Lớp Network Access : Bao gồm công nghệ mạng LAN, WAN Chức lớp n y l ánh xạ địa IP tới địa vật lý phần cứng cụ thể v đóng gói gói tin (packet) IP th nh khung (Frame) liệu Các công nghệ sử dụng nh l Ethernet, Fast Ethernet, FDDI, Frame Relay, ATM, 1.2 M¹ng WWW M¹ng WWW hoạt động theo mô hình Client Server Tại máy chủ c i đặt dịch vụ nh l : web, email, ftp, máy trạm cần sử dụng dịch vụ n o yêu cầu gửi đến máy chủ, máy chủ phân tích v trả lại kết cho máy trạm Các dịch vụ Web server th«ng dơng hiƯn : HiƯn cã nhiều web server chạy Windows, Unix, Linux Các web server bao gồm m nguồn mở v đóng Tuy nhiên có loại web server thông dụng nhÊt hiƯn l : Apache (L mét øng dơng m nguån më – Open Source) : cung cÊp dÞch vơ web cho m¸y chđ Unix, Linux HiƯn cịng đ có Windows Chiếm khoảng 40%50% thị phần Web server máy chủ Có thể Download Apache web server địa : http://www.apache.org IIS (Internet Information Services – øng dơng web server m ngn ®ãng) : cung cấp dịch vụ web máy chủ Windows, chiếm khoảng 20%-30% thị phần Đợc tích hợp c i đặt Windows 2000, 2000 server, NT, Các trình duyệt để hiển thị kết máy trạm : Bao gồm nhiều loại khác nh l : Internet Explorer, Netscape Navigator, Opera, Mozila, Các trình duyệt hỗ trợ tính để hiển thị trang web Tuy nhiên để l m cho trang web sinh động trình duyệt có tính hỗ trợ Add in Đó l haidanggsm.com.vn Trần mạnh C−êng- Tel: 0913039399 Vị Minh §øc : 0913305567 Page of 81 Giáo trình phát triển ứng dụng web Công ty PTCN Viễn thông Hải đăng phần mềm đợc đa thêm v o trình duyệt để tăng cờng thêm tính năng, ví dụ nh l : Macro media Trang web (Web page) : l mét trang t i liệu đợc viết dới định dạng HTML (Hyper Text Markup Language) VÝ dông Index.html, home.asp Web site : l mét tập hợp trang web có liên hệ với Mỗi web site có địa (tên) riêng Trang chủ (Home page) : l trang hiển thị đến ngời sử dụng họ truy cập v o web site Thờng đợc đặt tên ngầm định nh− l : index.html, index.asp, index.php, default.htm, Cµi đặt web server thông dụng 2.1 Cài đặt web server IIS (Internet Information Services) 2.1.1 KiÓm tra v c i web server IIS Kích bớc : Start → Settings → Control Panel → Add/Remove Program → Add/Remove Windows Component Mét cưa sỉ hiƯn ra, nÕu hép kiểm tra Internet Information Services cha đánh dấu l cha c i đánh dấu đ c i Nếu cha c i chọn đánh dấu råi kÝch nót lƯnh Next ®Ĩ tiÕp tơc c i Lu ý c i máy yêu cầu đa đĩa c i đặt Windows v o ổ CD ROM 2.1.2 C i đặt web site lên Web server IIS Sau ® ho n th nh c i đặt IIS Để c i đặt web site thực bớc : haidanggsm.com.vn Trần mạnh Cờng- Tel: 0913039399 Vũ Minh Đức : 0913305567 Page of 81 Giáo trình phát triển ứng dụng web Công ty PTCN Viễn thông Hải đăng Start Settings Control Panel → Administrative Tool → Internet Service Manager B−íc : Kích chuột phải v o tên máy chủ gốc chọn New → Website Cưa sỉ Website Creation Wizard hiƯn Chọn Next Bớc : Nhập mô tả web site xong kÝch Next B−íc : Cưa sỉ tiÕp theo Chọn thông số nh hình vẽ Lu ý phần Host Header l tên miền web site (Tên miền n y cần phải đợc đăng ký với VNNIC tổ chức đợc phép cấp phát tên miền) haidanggsm.com.vn Trần mạnh Cờng- Tel: 0913039399 Vũ Minh Đức : 0913305567 Page of 81 Giáo trình phát triển ứng dụng web Công ty PTCN Viễn thông Hải đăng Bớc : Sau điên đủ th«ng tin kÝch nót lƯnh Next, cưa sỉ tiÕp theo Lu ý để tất ngời dùng nhìn thấy web site cần đảm bảo hộp check Allow Anonymous Access to website đợc đánh dấu Kích nút lệnh Browse để tìm đến th mục chứa to n web site haidanggsm.com.vn Trần mạnh Cờng- Tel: 0913039399 Vũ Minh Đức : 0913305567 Page of 81 Giáo trình phát triển ứng dụng web Công ty PTCN Viễn thông Hải đăng Bớc : Kích nút lệnh Next v đặt thêm số yêu cầu kh¸c L−u ý hép check Write l cho phÐp ng−êi dùng ghi v o th mục web site, hép check Browse l cho phÐp ng−êi dïng xem c¸c trang web, hai hép check n y cã thÓ bá ®i ®Ĩ ®¶m b¶o tÝnh b¶o mËt cho web site B−íc : KÝch nót lƯnh Finish ®Ĩ ho n tất trình thiết lập Lúc n y web site đ xuất danh sách haidanggsm.com.vn Trần mạnh Cờng- Tel: 0913039399 Vị Minh §øc : 0913305567 Page of 81 Giáo trình phát triển ứng dụng web Công ty PTCN Viễn thông Hải đăng Lặp lại bớc cho c¸c web site kh¸c cã sư dơng IIS B i tập : C i đặt web server IIS v cấu hình web site http://www.tei.com.vn lên web server 2.2 Cài đặt Web server Apache Windows 2.2.1 C i đặt Web server Apache Sau download bé Apache tõ web site http://www.apache.org Chạy file *.exe để c i đặt Cửa sổ Install Wizard : haidanggsm.com.vn Trần mạnh Cờng- Tel: 0913039399 Vị Minh §øc : 0913305567 Page 10 of 81 Giáo trình phát triển ứng dụng web Công ty PTCN Viễn thông Hải đăng Kết thực lệnh Để xem lệnh odbc_exec() thực đợc ghi (thờng dùng cho câu lệnh truy vấn) Cách viết odbc_num_rows (resource result_id); Lấy kết thực câu lệnh query Để lấy ghi kết thực lệnh mysql_query() (thờng dùng cho câu lệnh truy vấn) Cách viết odbc_fetch_row (resource result_id,[int row_number]); Giải phóng vùng nhớ truy vấn liệu Để giải phóng vùng nhớ lu trữ kết thực lệnh odbc_exec() (thờng dùng cho câu lệnh truy vấn) Cách viết odbc_free_result(resource result) Đóng kết nối với ODBC Để giải phóng kết nối, giải phóng t i nguyên máy chủ cần phải đóng kết nối lại không sử dụng Cách viết odbc_close(resource connect) Ví dụ Tạo kết nèi ®Õn ODBC l server_odbc, user l root, mËt khÈu l admin Thùc hiÖn truy vÊn lÊy to n bé liệu bảng nguoi_sudung (Bao gồm trờng iden, ten, mat_khau), đếm xem có ghi bảng nguoi_sudung v hiển thị to n số liệu ngo i trang web haidanggsm.com.vn Trần mạnh Cờng- Tel: 0913039399 Vũ Minh Đức : 0913305567 Page 67 of 81 Giáo trình phát triển ứng dụng web Công ty PTCN Viễn thông Hải đăng B i tập Tạo trang web ký học sử dụng sở liệu MySQL, học viên nhập đầy đủ thông tin v kích nút lệnh SUBMIT liệu đợc gửi lên server v ghi v o sở liệu MySQL Sau ghi xong liệu đồng thời hiển thị danh sách ngời đ đăng ký học Giao diện trang web nh sau : Ngôn ngữ VBScript phÝa m¸y chđ web server 7.1 Giíi thiƯu VBScript l ngôn ngữ kịch chủ yếu ứng dụng lập trình web động, đợc sử dụng để viết m lệnh trang web máy chủ VBScript Microsoft phát triển chạy hệ điều h nh Windows v hoạt động chủ yếu web server IIS Cũng giống nh ngôn ngữ Script khác, VBScript ®−ỵc nhóng v o trang web cïng víi m HTML v đợc thông dịch qua web server Để phân biƯt víi c¸c m HTML, trang web m lƯnh VBScript thờng đợc đặt dấu thẻ mở Cã thĨ khai b¸o cho trang web m lƯnh sư dụng l VBScript câu lệnh sau đặt dòng trang Mỗi câu lệnh VBScript đợc viết dòng v không cã ký tù biĨu thÞ kÕt thóc nh− l PHP VÝ dơ : In m n h×nh hai dßng l : "Chao mung ban den voi VBScript" v : "VBScript cau lenh tuong tu nhu Visual Basic" Example 7.2 Khai báo biến kiểu liệu VBScript Để khai báo biến VBScript dïng tõ kho¸ DIM VÝ dơ : Dim str Dim count_int Kiểu liệu đợc quy định ta gán giá trị cho biến Một số kiểu liệu VBScript Kiểu liệu Mô tả Null Không chứa đựng liệu Boolean Chỉ có giá trị TRUE FALSE Byte Khai báo số nguyên từ đến 255 Integer Khai báo số nguyên từ -32,768 đến 32,767 Currency Khai báo tiền tệ từ -922,337,203,685,477.5808 đến 922,337,203,685,477.5807 haidanggsm.com.vn Trần mạnh Cờng- Tel: 0913039399 Vũ Minh Đức : 0913305567 Page 69 of 81 Giáo trình phát triển ứng dụng web Công ty PTCN Viễn thông Hải đăng 922,337,203,685,477.5807 Long Khai báo số nguyên từ -2,147,483,648 đến 2,147,483,647 Single Khai báo số thập phân từ -3.402823E38 đến -1.401298E-45 cho số âm từ 1.401298E-45 đến 3.402823E38 cho số dơng Double Khai báo số thập phân từ -1.79769313486232E308 đến 4.94065645841247E-324 cho số âm từ 4.94065645841247E-324 đến 1.79769313486232E308 cho số dơng Date (Time) Khai b¸o ng y, giê : tõ January 1, 100 đến December 31, 9999 String Khai báo chuỗi ký tự khoảng billion ký tự Object Khai báo đối tợng 7.3 Các phép toán VBScript Phép toán số học : ^ : mũ * : nhân / : chia + : céng : trõ mod : lấy phần d Thứ tự u tiên : ngầm định l ^, *, /, +, thø tù thùc hiƯn c¸c phÐp to¸n PhÐp to¸n so s¸nh : = : so sánh : khác >, >= : lớn hơn, lớn §iỊu khiĨn DO LOOP Dùng cho vòng lặp trớc số lần lặp haidanggsm.com.vn Trần mạnh Cờng- Tel: 0913039399 Vũ Minh Đức : 0913305567 Page 72 of 81 Giáo trình phát triển ứng dụng web Công ty PTCN Viễn thông Hải đăng Cách viết 1: Do While Dieu_kien Cau lenh [Exit Do] Cau lenh Loop C¸ch viÕt 2: Do Until Dieu_kien Cau lenh [Exit Do] Cau lenh Loop VÝ dơ : TÝnh tỉng 100 số hạng đến 100 Dim i Dim tong100 tong100=0 Do While i