Lập trình web

BỘ CÔNG THƯƠNG TRƯỜNG CAO ĐẲNG CÔNG NGHIỆP NAM ĐỊNH GIÁO TRÌNH LẬP TRÌNH WEB NGÀNH/CHUN NGÀNH: CƠNG NGHỆ THƠNG TIN (Lưu hành nội bộ) Dùng cho đào tạo: Cao đẳng Nam Định, năm 2020 BỘ CÔNG THƯƠNG TRƯỜNG CAO ĐẲNG CƠNG NGHIỆP NAM ĐỊNH GIÁO TRÌNH LẬP TRÌNH WEB NGÀNH/CHUYÊN NGÀNH: CÔNG NGHỆ THÔNG TIN (Lưu hành nội bộ) CHỦ BIÊN: LÊ HỮU TOẢN Nam Định, năm 2020 LỜI GIỚI THIỆU Trong năm gần đây, với phát triển Cơng nghệ thơng tin mạng máy tính phát triển rộng rãi, kéo theo ứng dụng mạng máy tính internet dịch vụ trở nên thiếu sống đại Để phục vụ việc học tập nghiên cứu sinh viên Công nghệ thông tin, trường Cao đẳng Công nghiệp Nam Định, biên soạn giáo trình Lập trình Web Giáo trình bao gồm chương, chương có phần kiến thức lý thuyết, câu hỏi phần thực hành cụ thể: Chương Tổng quan lập trình Web Chương Cấu hình dịch vụ Web Chương 3: Ngôn ngữ PHP Chương Lập trình Web động với PHP Giáo trình thiết kế Web hướng dẫn sinh viên xây dựng ứng dụng Web động từ đến nâng cao công nghệ HTML ngôn ngữ PHP Được biên soạn với phương châm đảm bảo tính logic, khoa học, thiết thực, dễ hiểu nhằm trang bị sinh viên kiến thức phục vụ cho nghiên cứu, thiết kế ứng dụng Web Tài liệu xây dựng nhằm đáp ứng nhu cầu học tập nghiên cứu sinh viên trường Cao đẳng Cơng nghiệp Nam Định Do thời gian có hạn nên phạm vi giáo trình, khơng thể đề cập tất vấn đề nóng hổi lĩnh vực thiết kế Web Nhóm tác giả mong nhận ý kiến đóng góp từ thầy để tài liệu hồn chỉnh Nam Định, 27 tháng 04 năm 20 Chủ biên Lê Hữu Toản MỤC LỤC LỜI GIỚI THIỆU MỤC LỤC DANH MỤC BẢNG, HÌNH VẼ BÀI TỔNG QUAN VỀ LẬP TRÌNH WEB 1.1 KHÁI NIỆM CƠ BẢN VỀ WEB 1.1.1 WWW 1.1.1.1 Internet 1.1.1.2 Địa IP 1.1.1.3 Tên miền (Domain name) 1.1.1.4 World Wide Web (WWW) 1.1.2 Webpage 1.1.3 Trình duyệt 1.1.4 Địa web, tên miền 11 1.2 GIỚI THIỆU CẤU TRÚC HTML VÀ THẺ HTML 12 1.2.1 Cấu trúc trang web 12 1.2.2 Các thẻ HTML thông dụng 13 1.2.3 Các thẻ HTML đặc biệt 20 TÓM TẮT NỘI DUNG 25 BÀI TẬP 26 BÀI THỰC HÀNH 27 HƯỚNG DẪN TỰ HỌC Ở NHÀ 36 NỘI DUNG THẢO LUẬN 37 BÀI CẤU HÌNH DỊCH VỤ WEB 39 2.1 LẬP TRÌNH WEB ĐỘNG 39 2.1.1 Khái niệm Web động 39 2.1.2 Sự khác Web động Web tĩnh 39 2.1.3 Ngơn ngữ lập trình Web động 40 2.2 WEB SERVER 41 2.2.1 IIS 41 2.2.2 APACHE 42 2.3 CƠ SỞ DỮ LIỆU 42 2.3.1 Cơ sở liệu MySQL 42 2.3.2 Cơ sở liệu Access 45 2.3.3 Cơ sở liệu SQL Server 50 2.4 CÀI ĐẶT, CẤU HÌNH PHP, MYSQL, APACHE 51 BÀI TẬP 52 BÀI THỰC HÀNH 52 HƯỚNG DẪN TỰ HỌC Ở NHÀ 52 NỘI DUNG THẢO LUẬN CHƯƠNG 52 Bài NGÔN NGỮ PHP 53 3.1 BIẾN, HẰNG, TOÁN TỬ, VÀ CÁC CẤU TRÚC ĐIỀU KHIỂN 53 3.1.1 Biến, 53 3.1.2 Các toán tử 54 3.1.3 Cấu trúc điều khiển 57 3.2 HÀM TRONG PHP 60 3.2.1 Khái niệm 60 3.2.2 Các hàm thường dùng 60 3.2.3 Xây dựng hàm 62 TÓM TẮT NỘI DUNG 65 BÀI TẬP 65 BÀI THỰC HÀNH 65 NỘI DUNG THẢO LUẬN 65 Bài LẬP TRÌNH WEB ĐỘNG VỚI PHP 66 4.1 NHÚNG TẬP TIN VÀ MÃ PHP VÀO TRANG HTML 66 4.2 ĐỐI TƯỢNG TRONG PHP 67 4.2.1 Session 67 4.2.2 Cookies 68 4.2.3 Application 70 4.3 THAO TÁC VỚI CƠ SỞ DỮ LIỆU (MYSQL) 71 4.3.1 Kết nối sở liệu 71 4.3.2 Truy xuất liệu 71 4.3.3 Thêm liệu 73 4.3.3 Sửa, xoá liệu 74 4.4 MỘT SỐ ỨNG DỤNG 74 4.4.1 Ứng dụng thương mại điện tử 74 4.4.2 Ứng dụng quản lý tin tức 77 TÓM TẮT NỘI DUNG 82 BÀI TẬP 82 BÀI THỰC HÀNH 82 HƯỚNG DẪN TỰ HỌC 82 NỘI DUNG THẢO LUẬN 82 TÀI LIỆU THAM KHẢO 83 DANH MỤC BẢNG, HÌNH VẼ Hình 1- Mơ hình mạng Internet Hình 1- Minh họa thiết lập giao thức TCP/IP Hình 1- Phân cấp tên miền Hình 1- Thống kê trình duyệt sử dụng Hình 1- Tiêu đề trang web xuất trình duyệt 13 Hình 1- Tiêu đề hình ảnh di chuột 19 Hình 1- Form đăng kí thơng tin .28 Hình 1- Mơ tả thực hành 27 Hình 1- Mô tả thực hành 28 Hình 1- 10 Mô tả thực hành số 29 Hình 1- 11 Mơ tả thực hành số 30 Hình 1- 12 Mơ tả thực hành số 32 Hình 1- 13 Mơ tả thực hành số 33 Hình 1- 14 Mơ tả thực hành số 35 Hình 1- 15 Mô tả thực hành số 10 36 Bảng 1- Thuộc tính thẻ 20 Bảng 1- Kích thước Font chữ 21 Bảng 1- Các kiểu chữ HTML 22 Bảng 1- Các dạng hiển thị văn web 22 Bảng 1- Kí tự đặc biệt 23 Bảng 1- Đánh số đầu cho đoạn văn 24 Bảng 1- Đặt kí hiệu đầu đoạn văn 25 Bảng 1- Cấu trúc thẻ làm việc với bảng 26 BÀI TỔNG QUAN VỀ LẬP TRÌNH WEB MỤC TIÊU: - Trình bày khái niệm web: www, http, url, - Phân tích ưu điểm, nhược điểm phương pháp lập trình web tĩnh lập trình web động - Trình bày khái niệm ngôn ngữ kịch - Thiết kế giao diện số trang web bản: đăng kí, đăng nhập, hiển thị thơng tin thẻ HTML 1.1 KHÁI NIỆM CƠ BẢN VỀ WEB 1.1.1 WWW 1.1.1.1 Internet Mạng Internet ban đầu biết tên ARPANET tổ chức Advanced Research Projects Agency (ARPA) Mỹ thiết lập năm 1969 Ngày Internet trở thành mạng toàn cầu kết nối hàng trăm triệu người giới Mạng máy tính tồn cầu Internet xem mạng tất mạng (Network of networks), người dùng máy tính truy cập tới thông tin máy khác (nếu phép) Mục đích lúc mạng kết nối trao đổi thông tin máy tính nghiên cứu trường đại học Thiết kế ARPANET độc đáo chỗ mạng hoạt động phần bị phá hủy trường hợp chiến tranh thiên tai Ngày mạng Internet mạng công cộng kết nối hàng trăm triệu người giới Về mặt vật lí, mạng Internet sử dụng phần toàn tài nguyên mạng viễn thông công cộng tồn (Public telecommunication networks) Về mặt kĩ thuật, mạng Internet sử dụng tập giao thức gọi chung TCP/IP (Transmission Control Protocol/Internet Protocol) Hai mô công nghệ mạng Internet intranet and extranet sử dụng giao thức Sự đời giao thức HTTP HMTL đánh dấu bước ngoặt việc sử dụng Internet Cho tới năm 1990 dịch vụ Internet email, listserv, telnet ftp Năm 1992, Tim Berners-Lee, nhà vật lí học CERN phát triển giao thức cho World Wide Web (WWW) Trong tìm kiếm cách để liên kết tài liệu khoa học lại với nhau, tạo HyperText Markup Language (HTML), tập Standard Generalized Markup Language (SGML) Từ chuẩn cho tài liệu văn bản, HTML ngày chứa hình ảnh, âm thanh, video, cho phép phát triển ứng dụng thông qua Common Gateway Interface (CGI), ASP, JSP, PHP, Java Servlet Hình 1- Mơ hình mạng Internet 1.1.1.2 Địa IP Địa IP dãy số 32-bit dùng để xác định đối tượng nhận gửi thông tin Internet Khi người dùng yêu cầu trang HTML hay gửi e-mail, địa IP máy tính gửi gói tin đến địa IP người nhận Khi máy tính nhận yêu cầu, địa IP kèm theo để gửi kết trả Để đơn giản hóa người ta phân dãy địa 32-bit thành số bit viết cách dấu chấm “.” Vì máy phần mạng nên người ta chia địa IP thành phần: + Phần mô tả mạng (network) mà máy thuộc + Phần mơ tả máy (local host): Nếu tất bit vùng mô tả máy 0, địa IP dùng để mơ tả địa mạng (network address); Nếu tất bit vùng mơ tả máy 1, địa IP địa broadcast (broadcast address); Nếu không thuộc hai trường hợp trên, địa IP dùng để mô tả địa máy (host address) Địa IP tự khơng chứa thơng tin phần mô tả mạng, phần mô tả máy mà thành phần subnet mask kèm với địa cung cấp thông tin Theo qui ước, vùng bit xác định vùng mô tả mạng, vùng bit xác định vùng mô tả máy Trong subnet mask gồm dãy liên tục bit dãy liên tục bit nằm liên tiếp tính từ trái sang Việc phân chia địa IP Internet ICANN chịu trách nhiệm Địa IP thường quản lí nhà cung cấp dịch vụ Internet (ISP – Internet Service Provider) Các địa IP thường gọi địa IP thực Nếu người dùng muốn thiết lập website để máy tính sử dụng Internet truy cập vào được, máy chủ chứa website phải có địa IP thực Nếu khơng có địa IP thực, người dùng phải sử dụng dịch vụ webhosting để thuê chỗ đặt website máy chủ có địa IP thực kết nối với Internet Hình 1- Minh họa thiết lập giao thức TCP/IP 1.1.1.3 Tên miền (Domain name) Tên miền xem tên giao dịch công ty hay tổ chức Internet Tên miền cơng ty thương mại thường có dạng yourcompany.com Ví dụ, công ty Intel lấy tên miền intel.com; công ty Microsoft lấy tên miền microsoft.com Việc đưa khái niệm tên miền giúp cho việc truy cập đến tài nguyên Internet dễ dàng Việc ánh xạ qua lại tên miền địa IP máy phục vụ thực DNS Server Ví dụ: Một địa www.intel.com cho ta số thông tin sau: + Đây địa máy thuộc tổ chức sở hữu tên miền intel.com + Địa IP máy 192.102.198.160 + Phần "com" tên miền mô tả mục đích tổ chức (trong trường hợp "commercial" – thương mại) gọi tên miền cấp (top-level domain name) + Phần trước dấu “.” tên miền thông thường tên tổ chức (ví dụ intel) gọi tên miền cấp (second-level domain name) Tên miền cấp thông thường dùng để định nghĩa máy phục vụ cụ thể tồn chúng ánh xạ tới địa Internet Một địa IP ánh xạ cho nhiều tên miền Điều cho phép nhiều cá nhân, công ty tổ chức chia sẻ Internet server Do tầm quan trọng tên miền nên bước việc xây dựng website thiết lập tên miền cách mua từ công ty ủy quyền bán tên miền Các tên miền có đuôi “.com” thông dụng giao dịch quốc tế Ngồi ra, cơng ty Việt nam thường hay lấy tên miền có “.com.vn” Hình 1- Phân cấp tên miền 1.1.1.4 World Wide Web (WWW) World Wide Web không gian thơng tin tồn cầu cho phép người dùng truy cập (đọc viết) qua máy tính có nối mạng internet Đây dịch vụ thông dụng Internet Để sử dụng dịch vụ này, người dùng cần có trình duyệt web (Web browser) Một số trình duyệt thơng dụng Google Chrome, I nt er ne t E xp lo re r Mozilla Firefox Để truy cập vào trang web, người dùng cần phải biết địa URL (Uniform Resource Locator) trang web Trong trang web mà máy tính truy cập vào, người dùng thấy văn bản, hình ảnh, âm trang trí trình bày đẹp mắt Ngồi ra, để di chuyển tới trang web khác, trang sử dụng siêu liên kết (Hyperlink) Ví dụ: Tạo biến Cookie có hiệu lực b Lấy biến từ cookies - Biến mảng $_COOKIE sử dụng để nhận mảng biến lưu vào cookie, truy xuất phần tử mảng tên khóa $_COOKIE[Name] Ví dụ: $_COOKIE[“user”] Ví dụ: Trang taocookie.php Get Cookie Trang doccookie.php - Hàm isset($_COOKIE[Name]) trả true đối tượng cookie với tên khóa Name tạo Ví dụ: c Xóa biến cookie - Xóa biến cookie, tương tự tạo biến cookie, thiết lập giá trị chuỗi rỗng, hết thời gian có hiệu lực Ví dụ: 4.2.3 Application PHP không cung cấp đối tượng Application ASP hay JSP Ví dụ: Để đếm số người dùng Online (Track Users), bạn thực phương pháp đơn giản đếm có file session thư mục session getOnlineUsers.php