Lập trình Web - Trần Phi Hảo

Trình bày tổng quan về Web Server và cách thức hoạt động của nó. Cung cấp các kiến thức cơ bản về ngôn ngữ PHP và CSDL MySQL như: cách cài đặt, câu lệnh, cú pháp, các hàm thông dụng trong việc lập trình Web động Vận dụng các kiến thức được học vào việc thiết kế và xây dựng các ứng dụng Web hoạt động trên mô hình Client/ Server

LẬP TRÌNH WEB GIẢNG VIÊN: ThS TRẦN PHI HẢO KHOA: KHOA HỌC MÁY TÍNH 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 12/05/21 Lập trình Web TÀI LIỆU THAM KHẢO      12/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 12/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 12/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        12/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     12/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  12/05/21 Lập trình Web PHẦN TỬ INPUT Form 1

Name:

Password:

Emai:

      ;       

12/05/21 Lập trình Web PHẦN TỬ INPUT Hiển thị Browser 12/05/21 Lập trình Web 10 PHẦN TỬ INPUT Một số loại (type) phần tử input:           12/05/21 Text Password Hidden Submit Reset Checkbox Radio File Image Lập trình Web 11 PHẦN TỬ SELECT      12/05/21 Phần tử select dùng để tạo danh sách liệt kê Được đặt cặp thẻ với thuộc tính tên Trong phần tử này, thẻ giá trị chọn lựa Mỗi giá trị có thuộc tính giá trị Ta chọn nhiều giá trị cách thêm vào thẻ thuộc tính “multiple” Cú pháp: giá trị Lập trình Web 12 PHẦN TỬ SELECT Ví dụ: Xét đoạn Script xem kết trình duyệt

Select your country:

Others Australia Germany France Italia Ireland Vietnam 12/05/21 Lập trình Web 13 PHẦN TỬ SELECT Hiển thị Browser 12/05/21 Lập trình Web 14 PHẦN TỬ TEXTAREA     12/05/21 Được sử dụng cần nhập vào đoạn văn gồm nhiều dòng (khối văn bản) Được đặt cặp thẻ Các thuộc tính cols rows dùng để thiết lập số cột số dòng dùng để hiển thi đoạn văn Cú pháp Đoạn văn cần nhập Lập trình Web 15 PHẦN TỬ TEXTAREA Ví dụ: Xét đoạn Script sau: Textarea Example

Enter your infomation here:

Please write something! 12/05/21 Lập trình Web 16 PHẦN TỬ SELECT Hiển thị Browser 12/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  Được đặt cặp thẻ Ví dụ:  Submit 12/05/21 Lập trình Web 18 PHẦN TỬ BUTTON Hiển thị Browser 12/05/21 Lập trình Web 19 1.2 CÁC KIỂU PHẦN TỬ TRÊN FORM Lưu ý:  Để nhóm phần tử form lại ta dùng cặp thẻ  Để tạo tiêu đề cho nhóm phần tử ta dùng cặp thẻ /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 12/05/21 Lập trình Web 20 1.2 CÁC KIỂU PHẦN TỬ TRÊN FORM 12/05/21 Lập trình Web 21 1.3 MƠ HÌNH CLIENT/ SERVER VÀ WEBSERVER    12/05/21 Mơ hình Client/ Server môi trường, kiến trúc để trang Dynamic Web hoạt động Clients xem máy người dùng sử dụng để truy cập vào Website Server nơi dùng để lưu trữ Website Database Xử lý việc lúc nhiều Clients truy cập vào Website Lập trình Web 22 1.3 MƠ HÌNH CLIENT/ SERVER VÀ WEBSERVER     12/05/21 Hầu hết ứng dụng Web hoạt động tập trung Server Một Cơ sở liệu (CSDL) Server lưu trữ tất thông tin đáp ứng yêu cầu cho công việc ứng dụng Web Webserver ứng dụng dùng để đảm trách việc giao tiếp với trình duyệt Nhận yêu cầu từ phía Clients, xử lý trả lời yêu cầu Có nhiều loại Webserver khác thông dụng là: Apache IIS (Internet Information Server) Lập trình Web 23 1.3 MƠ HÌNH CLIENT/ SERVER VÀ WEBSERVER   12/05/21 Để tạo liên kết Webserver CSDL lưu trữ Server cần phải có ngơn ngữ lập trình Chẳng hạn như: 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 24 1.3 MƠ HÌNH CLIENT/ SERVER VÀ WEBSERVER 12/05/21 Lập trình Web 25 ... hiểu số Website mạng sau sử dụng kiểu phần tử form HTML để thiết kế WebPage 12/05/21 Lập trình Web 20 1.2 CÁC KIỂU PHẦN TỬ TRÊN FORM 12/05/21 Lập trình Web 21 1.3 MƠ HÌNH CLIENT/ SERVER VÀ WEBSERVER... 12/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 12/05/21 Lập trình Web 1.1 FORM... something! 12/05/21 Lập trình Web 16 PHẦN TỬ SELECT Hiển thị Browser 12/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