Bài giảng Lập trình Web - ThS. Trần Phi Hảo

Bài giảng Lập trình Web giới thiệu các nội dung: Giới thiệu HTML Form, giới thiệu về mô hình client/server và web server, tổng quan về PHP, tổng quan về MySQL, sử dụng PHP và MySQL để xây dựng các ứng dụng web. Mời các bạn cùng tham khảo.

TRƯỜNG ĐẠI HỌC BÁCH KHOA HÀ NỘI KHOA: KHOA HỌC MÁY TÍNH LẬP TRÌNH WEB GIẢNG VIÊN: ThS TRẦN PHI HẢO MỤC TIÊU CỦA HỌC PHẦN  Trình bày tổng quan Web Server cách thức hoạt động  Cung cấp kiến thức ngôn ngữ PHP CSDL MySQL như: cách cài đặt, câu lệnh, cú pháp, hàm thông dụng việc lập trình Web động  Vận dụng kiến thức học vào việc thiết kế xây dựng ứng dụng Web hoạt động mơ hình Client/ Server 08/05/21 Lập trình Web TÀI LIỆU THAM KHẢO      08/05/21 Giáo trình nhập mơn PHP & MySQL xây dựng ứng dụng Web, Nguyễn Thiên Bằng – Nhà Xuất Lao động xã hội Sử dụng PHP & MySQL Thiết kế Web động, Nguyễn Trường Sinh – Nhà xuất thống kê Xây dựng ứng dụng Web PHP & MySQL, Phạm Hữu Khang Beginning PHP and MySQL, W Jason Gilmore – Third edition Advanced PHP for Web Professionals, Christopher Cosentino – Prentice Hall PTR (2002) Lập trình Web NỘI DUNG GIỚI THIỆU HTML FORM GIỚI THIỆU VỀ MƠ HÌNH CLIENT/ SERVER VÀ WEB SERVER TỔNG QUAN VỀ PHP TỔNG QUAN VỀ MYSQL SỬ DỤNG PHP & MYSQL ĐỂ XÂY DỰNG CÁC ỨNG DỤNG WEB 08/05/21 Lập trình Web CHƯƠNG 1: GIỚI THIỆU HTML FORM VÀ WEB SERVER 1.1 FORM VÀ CÁC THUỘC TÍNH 1.2 CÁC KIỂU PHẦN TỬ TRÊN FORM 1.3 MƠ HÌNH CLIENT/ SERVER VÀ WEB SERVER 08/05/21 Lập trình Web 1.1 FORM VÀ CÁC THUỘC TÍNH Form nơi để người dùng nhập thơng tin Mỗi Form bao cặp thẻ Các thuộc tính form        08/05/21 Action = “URL”: đến script xử lý form Method = “GET” “POST”: ngầm định GET Name: thuộc tính tên Enctype = “Mine_type”: loại liệu gửi Lập trình Web 1.2 CÁC KIỂU PHẦN TỬ TRÊN FORM     08/05/21 Phần tử input Phần tử select Phần tử textarea Phần tử button Lập trình Web PHẦN TỬ INPUT Hầu hết cơng việc forms thường hồn tất với phần tử nhập (input)  Một thẻ input thuộc tính định loại phần tử form hiển thị trình duyệt  Cú pháp: Ví dụ: Xét đoạn Script sau xem kết hiển thị trình duyệt  08/05/21 Lập trình Web PHẦN TỬ INPUT Form 1

Name:

Password:

Emai:

      ;       

08/05/21 Lập trình Web PHẦN TỬ INPUT Hiển thị Browser 08/05/21 Lập trình Web 10 Truy vấn csdl Để truy vấn đến csdl ta sử dụng cú pháp sau: $sql="câu lệnh sql"; $kq=mysql_query($sql); $kq=mysql_query($sql,[$bien_conn]); $kq=mysql_query(database_select, $sql, [$bien_conn]); Kết trả về: true false tương ứng với thành công thất bại Cho phép truy vấn csdl 08/05/21 Lập trình Web 316 Truy vấn csdl Ví dụ: 08/05/21 Lập trình Web 317 Làm việc với mẫu tin Lấy số lượng ghi truy vấn bảng liệu theo cú pháp sau: $sl=mysql_num_rows($kq); if(!$sl) echo"khơng tìm thấy ghi nào"; else echo"số ghi thỏa mãn đk".$sl; 08/05/21 Lập trình Web 318 Làm việc với mẫu tin Để lấy ghi từ kết $kq trả ta sử dụng hàm mysql_fetch_array() mysql_fetch_assoc(): while($row=mysql_fetch_array($kq)) { $gtri1=$row["cột 1"]; $gtri2=$row["cột 2"]; … } 08/05/21 Lập trình Web 319 Làm việc với mẫu tin Ngồi hàm trên, ta tạo, xóa csdl table từ trang php thông qua hàm mysql_creat_db(database name, [$bien_con]); mysql_drop_db(database name, [$bien_con]); drop table table name; 08/05/21 Lập trình Web 320 7.2 THÊM THƠNG TIN VÀO CSDL Đăng ký người dùng Xác nhận thông tin Lưu thông tin 08/05/21 Lập trình Web 321 7.2 THÊM THƠNG TIN VÀO CSDL Ví dụ: Đăng ký người dùng vào bảng users từ form đăng ký tiến hành qua bước: Form đăng ký yêu cầu người dùng nhập thông tin Người dùng nhập thông tin chấp nhận đăng ký Hệ thống kiểm tra tính hợp lệ trường nhập vào Kết nối csdl để kiểm tra email tồn hay chưa? Nếu email tồn tại, yêu cầu trang trước Nếu chưa tồn tại, cho phép trang trước hay qua trang xác nhận thông tin 08/05/21 Lập trình Web 322 7.2 THÊM THƠNG TIN VÀO CSDL - 08/05/21 trang xác nhận thông tin, người dùng trang trước để chỉnh sửa chọn lưu thông tin Khi người dùng chọn lưu thơng tin thơng tin người dùng đăng ký lưu vào csdl thông báo đăng ký thành cơng Lập trình Web 323 Đăng ký người dùng Tạo bảng người dùng gồm trường cần thiết Tạo trang đăng ký chứa form nhập thông tin với phần tử tương ứng với trường Xây dựng hàm kiểm tra tính hợp lệ liệu nhập vào 08/05/21 Lập trình Web 324 Xác nhận thơng tin Kết nối csdl để kiểm tra email tồn hay chưa? Nếu chưa hiển thị tồn thơng tin người dùng vừa nhập để đăng ký Trong trường hợp khơng chỉnh sửa thêm chọn lưu thơng tin 08/05/21 Lập trình Web 325 Lưu thơng tin vào csdl Mở kết nối csdl Lưu thông tin lấy từ phần tử form tương ứng vào trường csdl Thông báo đăng ký thành công cho người dùng 08/05/21 Lập trình Web 326 7.3 KÍCH HOẠT DỮ LỆU Xem liệu Cập nhật liệu Xóa liệu 08/05/21 Lập trình Web 327 Xem liệu Sau đăng ký thành cơng Người dùng đăng nhập vào hệ thống user pass đăng ký Người dùng xem select 08/05/21 Lập trình Web 328 Cập nhật liệu Thông qua câu lệnh update người dùng xem hiệu chỉnh lưu liệu 08/05/21 Lập trình Web 329 Xóa liệu Để xóa liệu, người dùng cần lựa lọc thơng tin phụ thuộc vào điều kiện Sau chọn ghi cần xóa xóa tất Cần thao tác với checkbox radio thiết kế form xóa ghi 08/05/21 Lập trình Web 330 ... /legend> Bài tập: Tìm hiểu số Website mạng sau sử dụng kiểu phần tử form HTML để thiết kế WebPage 08/05/21 Lập trình Web 20 1.2 CÁC KIỂU PHẦN TỬ TRÊN FORM 08/05/21 Lập trình Web 21 1.3 MƠ... asp, php, jsp,… thuộc lớp ngơn ngữ lập trình MiddleWare Ta có mơ hình hoạt động sau: Lập trình Web 23 1.3 MƠ HÌNH CLIENT/ SERVER VÀ WEBSERVER 08/05/21 Lập trình Web 24 CHƯƠNG 2: TỔNG QUAN VỀ NGÔN... something! 08/05/21 Lập trình Web 16 PHẦN TỬ SELECT Hiển thị Browser 08/05/21 Lập trình Web 17 PHẦN TỬ BUTTON Button phi? ?n nút Submit, cho phép văn hình ảnh đặt nút