Tìm hiểu về một số kỹ thuật lập trình thời gian thực bằng ngôn ngữ lập trình PHP

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC QUẢN LÝ VÀ CƠNG NGHỆ HẢI PHỊNG - ISO 9001:2015 ĐỒ ÁN TỐT NGHIỆP NGÀNH : Công Nghệ Thông Tin Sinh viên :Đồng Văn Hiếu Giảng viên hướng dẫn :TS Đỗ Văn Chiểu HẢI PHÒNG – 2020 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC QUẢN LÝ VÀ CƠNG NGHỆ HẢI PHỊNG - TÌM HIỂU VỀ MỘT SỐ KỸ THUẬT LẬP TRÌNH THỜI GIAN THỰC BẰNG NGƠN NGỮ LẬP TRÌNH PHP ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC HỆ CHÍNH QUY NGÀNH: Cơng Nghệ Thơng Tin Sinh viên :Đồng Văn Hiếu Giảng viên hướng dẫn :TS.Đỗ Văn Chiểu HẢI PHÒNG – 2020 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC QUẢN LÝ VÀ CƠNG NGHỆ HẢI PHỊNG NHIỆM VỤ ĐỀ TÀI TỐT NGHIỆP Sinh viên: Đồng Văn Hiếu Lớp : CT1901C Ngành :Công Nghệ Thông Tin Mã SV: 1512111016 Tên đề tài: Tìm hiểu số kỹ thuật lập trình thời gian thực ngơn ngữ lập trình php NHIỆM VỤ ĐỀ TÀI Nội dung yêu cầu cần giải nhiệm vụ đề tài tốt nghiệp Tìm hiểu số kỹ thuật lập trình thời gian thực PHP - Jquery - Pusher - Socket.io - Ứng dụng demo ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… Các tài liệu, số liệu cần thiết ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… Địa điểm thực tập tốt nghiệp ………………………………………………………………………………… CÁN BỘ HƯỚNG DẪN ĐỀ TÀI TỐT NGHIỆP Họ tên : Đỗ Văn Chiểu Học hàm, học vị : Tiến Sĩ Cơ quan công tác : Trường Đại học Quản lý Cơng nghệ Hải Phịng Nội dung hướng dẫn: Tìm hiểu số kỹ thuật lập trình thời gian thực ngơn ngữ lập trình PHP Đề tài tốt nghiệp giao ngày 30 tháng 03 năm 2020 Yêu cầu phải hoàn thành xong trước ngày 30 tháng 06 năm 2020 Đã nhận nhiệm vụ ĐTTN Đã giao nhiệm vụ ĐTTN Sinh viên Giảng viên hướng dẫn Hải Phòng, ngày tháng HIỆU TRƯỞNG năm 2020 LỜI CẢM ƠN Lời em xin chân thành cảm ơn thầy, cô khoa Cơng Nghệ Thơng Tin tồn thể người trường Đại học Dân lập Hải Phòng tạo điều kiện thuận lợi cho em suốt trình học tập trường thời gian thực đồ án tốt nghiệp Đặc biệt, em muốn gửi lời cảm ơn tới Tiến Sĩ– Đỗ Văn Chiểu giảng viên trực tiếp hướng dẫn tận tình bảo giúp em khắc phục khó khăn, thiếu sót để hồn thành phần đồ án tốt nghiệp từ lý thuyết thực hành sử dụng cơng cụ Với hiểu biết tìm tịi thân bảo hướng dẫn tận tình giảng viên em cố gắng hoàn thành đồ án cách tốt khơng thể tránh thiếu sót Kính mong nhận đóng góp ý kiến từ thầy để em nâng cao bổ sung thêm kiến thức cho thân, hoàn thiện đồ án với kết tốt hoản chỉnh Em xin chân thành cảm ơn! Hải Phòng, ngày 21 tháng 06 năm 2019 Sinh viên thực Đồng Văn Hiếu MỤC LỤC LỜI CẢM ƠN Mở Đầu Chương 1: TỔNG QUAN VỀ PHP 1.1 Lịch sử phát triển 1.1.1 PHP 1.1.2 PHP3 .2 1.1.3 PHP4 .2 1.1.4 PHP5 .2 1.1.5 PHP6 .3 1.1.6 PHP7 .3 1.2 Cấu trúc PHP 1.2.1 Các cấu trúc 1.2.2 Xuất giá trị trình duyệt 1.2.3 Biến, hằng, chuỗi kiểu liệu .4 1.2.3.1 Biến 1.2.3.2 Hằng 1.2.3.3 Chuỗi 1.2.3.4 Kiểu liệu .6 1.2.4 Các phương thức sử dụng lập trình PHP 1.2.4.1 Phương thức GET 1.2.5 Cookie Session PHP 1.2.5.1 Cookie .7 1.2.5.2 Session .8 1.2.6 Cookie Session PHP 1.2.6.1 Hàm tự định nghĩa .9 1.2.6.2 Hàm tự định nghĩa với tham số 1.2.6.3 Hàm tự định nghĩa với giá trị trả 1.2.6.4 Gọi lại hàm Chương 2: Một số kỹ thuật lập trình thời gian thực PHP 10 2.1.1 Cài đặt thư viện jQuery .10 2.1.2 Gọi hàm jQuery 10 2.1.3 jQuery Selector .10 2.1.4 jQuery Attribute 12 2.1.4.1 Class .12 2.1.4.2 HTML, Text 14 2.1.5 JQuery Events 15 2.1.5.1 Cách viết phương thức xử lý kiện kiện phổ biến 15 2.2 JQUERY EFFECTS 19 2.2.1 Hide/Show 19 2.2.1.1 hide() and show() 19 2.2.1.2 toggle() 20 2.2.2 Animate 21 2.2.3 Stop .23 2.3 jQuery HTML 25 2.3.1 jQueryGet 25 2.3.1.1 Lấy nội dung: 25 2.3.1.2 Lấy thuộc tính: 27 2.3.2 jQuery Set .28 2.3.3 jQuery giúp người dùng thao tác với thành phần HTML 29 2.3.4 jQuery giúp người dùng thao tác, tác động tới CSS 29 2.4 jQueryAjax 30 2.4.1 Giới thiệu 30 2.4.2 Các phương thức jQuery Ajax 30 2.4.2.1 jQuery load() 30 2.4.2.2 jQuery get() jQuery post() 31 2.4 Pusher 33 2.4.1 Pusher gì? 33 2.2.2 Quy trình hoạt động pusher .33 2.5 Socket.io 35 2.5.1 Socket.io gì? .35 2.5.2 Cài đặt Socket.io 36 2.5.2.1 Socket.io server 36 2.5.2.2 Socket.io client 37 2.5.3 Cấu trúc ứng dụng realtime sử dụng socket 37 Chương 3: Một số ứng dụng thời gian thực PHP 39 3.1 Ứng dụng sử dụng jQuery 39 3.1.1 Xây dựng csdl cho ứng dụng: .39 3.1.3 Ứng dụng Chat Ajax - Đăng ký - đăng nhập - đăng xuất 41 3.1.3.1 Thiếu kế menu: 41 3.1.4.Gửi tin nhắn: 43 3.1.4.1 Viết Ajax .43 3.1.4.2Viết PHP để xử lý liệu 45 3.1.5 Thiết lập thời gian thực: 46 3.2 Ứng dụng sử dụng pusher 49 3.2.1 Tạo app Api 49 3.2.2 Đưa liệu lên app api 50 3.2.3 Lấy liệu từ api 50 3.3.Ứng dụng sử dụng socket.io 52 3.3.1 Cài đặt socket.io 52 3.3.2 Xây dựng ứng dụng dù socket.io 52 KẾT LUẬN 56 Mở Đầu Với phát triển mau lẹ Internet, ngời dùng ngày quan tâm đến hình thức, tốc độ, tính trang web Trước trang web cần có banner, nội dung footer hời hợt cho trang web hoàn chỉnh Nhưng trang web phải có banner bắt mắt, nội dung hay nhiều hiệu ứng lạ mắt khác đồng thời tốc độ xử lý tính phù hợp thu hút người dùng Chính để xây dựng trang web có đầy đủ tính theo u cầu người dùng nhà phát triển, thiết kế web kết hợp việc sử dụng ngôn ngữ PHP - ngơn ngữ lập trình web phổ biến – với việc sử dụng kỹ thuật lập trình thời gian thực Trên sở tơi hi vọng việc tìm hiểu PHP số kỹ thuật lập trình thời gian thực việc xây dựng ứng dụng web giúp nâng cao kiến thức thân việc lập trình xây dựng ứng dụng web Đồng thời giúp bạn sinh viên sâu lĩnh vực hiểu rõ PHP kỹ thuật lập trình thời gian thực Đồ án gồm chương: Chương 1: Tổng hợp kiến thức PHP Đưa nhìn tổng quan ngơn ngữ lập trình web phổ biến Chương 2: Một số kỹ thuật lập trình thời gian thực PHP Chương 3: Ứng dụng kỹ thuật lập trình thời gian thực PHP Cuối kết luận tài liệu tham khảo Đồng Văn Hiếu_Lớp:CT1901C_Mã Sv:1512111016 Hình 11 Giao diện ứng dụng 3.1.4.Gửi tin nhắn 3.1.4.1 Viết Ajax // Hàm gửi tin nhắn function sendMsg() { // Khai ba1oca1c biến form $body_msg = $('#formSendMsg input[type="text"]').val(); // Gửi liệu $.ajax({ url: 'sendmsg.php', // đường dẫn file xử lý type: 'POST', // phương thức // liệu data: { body_msg: $body_msg // thực thi gửi liệu thành công }, success: function () { Đồng Văn Hiếu_Lớp:CT1901C_Mã Sv:1512111016 43 $('#formSendMsg input[type="text"]').val(''); // làm trống trò chuyện } }); } // Bắt kiện gõ phím enter trò chuyện $('#formSendMsg input[type="text"]').keypress(function () { var keycode = (event.keyCode ? event.keyCode : event.which); if (keycode == '13') { // Chạy hàm gửi tin nhắn sendMsg(); } }); // Bắt kiện click vào trò chuyện $('#formSendMsg input[type="text"]').click(function (e) { // Kéo hết cuộn trình duyệt đến cuối window.scrollBy(0, $(document).height()); }); Đồng Văn Hiếu_Lớp:CT1901C_Mã Sv:1512111016 44 3.1.4.2 Viết PHP để xử lý liệu