Hướng dẫn thực hành ứng dụng dữ liệu web

MỤC LỤC LỜI GIỚI THIỆU PHẦN 1: CÁC LỆNH CƠ BẢN BUỔI THỰC HÀNH SỐ 1: BÀI TẬP CƠ BẢN Bài 1: Tính diện tích hình chữ nhật Bài 2: Tính diện tích chu vi hình trịn Bài 3: Thanh toán tiền điện Bài 4: Tính cạnh huyền tam giác vuông 10 Bài 5: Tìm số lớn 11 Bài 6: Chào theo 12 Bài 7: Kết học tập 13 Bài 8: Tính điểm thi đại học 15 Bài 9: Giải phương trình bậc 16 Bài 10: Tính tiền Karaoke 17 Bài 11: Nhận dạng tam giác 19 Bài 12: Đọc số 20 Bài 13: Thứ tuần 21 Bài 14: Tính năm âm lịch 23 Bài 15: Tính số ngày tháng 24 BUỔI THỰC HÀNH SỐ 2: CÁC LỆNH TRONG PHP 25 Bài 16: Tính tốn dãy số 25 Bài 17: Bảng cửu chương 27 Bài 18: Bảng cửu chương mở rộng 28 Bài 19: Số nguyên tố 30 Bài 20: Tìm số chia hết cho A B 31 Bài 21: Tìm USCLN BSCNN 33 Bài 22: Giải phương trình bậc 34 Bài 23: Đọc số có chữ số 36 BUỔI THỰC HÀNH SỐ 3: CÁC BÀI TẬP VỀ CHUỖI 39 Bài 24: Thay chuỗi 39 Bài 25: Tìm kiếm chuỗi 40 Bài 26: So sánh chuỗi 41 Bài 27: Tách họ tên 42 Bài 28: Tính số ngày tháng 44 (1) Bài 29: Ngày sinh 45 BUỔI THỰC HÀNH SỐ 4: CÁC BÀI TẬP VỀ MẢNG 48 Bài 30: Nhập tính tốn dãy số 48 Bài 31: Tìm năm nhuận 49 Bài 32: Tính năm âm lịch 51 Bài 33: Mua hoa 52 Bài 34: Phát sinh mảng tính toán 54 Bài 35: Tìm kiếm 56 Bài 36: Thay 58 Bài 37: Sắp xếp 59 BUỔI THỰC HÀNH SỐ 5: MẢNG NÂNG CAO 62 Bài 38: Ghép mảng, đếm phần tử xếp 62 Bài 39: Tìm phần tử khác hai mảng 63 Bài 40: Đếm số lần xuất tạo mảng 65 Bài 41: Danh lam thắng cảnh 66 Bài 42: Danh lam thắng cảnh mở rộng 69 PHẦN 2: HỆ QUẢN TRỊ CƠ SỞ DỮ LIỆU PHPMYADMIN 71 BUỔI THỰC HÀNH SỐ 71 Bài 1: Tạo sở liệu 71 Bài 2: Truy vấn chọn – lọc xếp liệu 73 Bài 3: Sử dụng hàm biểu thức có sẵn truy vấn liệu 76 Bài 4: Truy vấn có nhóm thống kê liệu 79 Bài 5: Truy vấn 80 Bài 6: Truy vấn tạo bảng 80 BUỔI THỰC HÀNH SỐ 83 Bài 7: Truy vấn thêm 83 Bài 8: Truy vấn cập nhật liệu 83 Bài 9: Truy vấn xoá liệu 84 PHẦN 3: KẾT HỢP PHP VÀ MYSQL 85 BUỔI THỰC HÀNH SỐ 85 Bài 1: Tạo trang hiển thị thông tin hãng sữa sau: 85 Bài 2: Thiết kế trang hiển thị thông tin khách hàng định dạng sau: 86 Bài 3: Tạo trang hiển thị thơng tin khách hàng có tuỳ biến cột giới tính sau: 87 (2) Bài 4: Class pager 87 Bài 5: Thiết kế trang hiển thị thơng tin sữa có phân trang sau: 90 BUỔI THỰC HÀNH SỐ 92 Bài 6: Thiết kế trang hiển thị thông tin sản phẩm sữa định dạng list sau: 92 Bài 7: Tạo trang hiển thị thông tin sản phẩm sữa dạng cột sau: 93 Bài 8: Tạo trang hiển thị thơng tin sản phẩm sữa có link dạng cột sau: 94 Bài 9: Tạo trang hiển thị thơng tin chi tiết sản phẩm sữa có phân trang: 95 Bài 10: Tạo trang tìm kiếm hiển thị thông tin chi tiết sản phẩm tìm thấy: 97 BUỔI THỰC HÀNH SỐ 10 99 Bài 11: Tạo trang tìm kiếm nâng cao hiển thị thông tin chi tiết sản phẩm tìm thấy: 99 Bài 12: Tạo trang thêm sản phẩm: 100 Bài 13: Thiết kế trang Album ảnh gia đình sau: 101 Bài 14: Thiết kế Form Quy đổi ngoại tệ/Vàng: 102 Bài 15: Thiết kế trang Album ảnh gia đình sau: 104 Bài 16: Thiết kế trang Bộ sưu tập áo cưới sau: 105 PHẦN 4: LẬP TRÌNH ỨNG DỤNG QUẢN LÝ TRÊN WEB 108 BUỔI THỰC HÀNH SỐ 11 108 Bài 1: Xây dựng lớp xử lý hãng sữa: XL_HANG_SUA 110 Bài 2: Xây dựng lớp xử lý loại sữa: XL_LOAI_SUA 110 Bài 3: Xây dựng lớp xử lý loại sữa: XL_SUA 110 Bài 4: Xây dựng lớp xử lý khách hàng: XL_KHACH_HANG 111 BUỔI THỰC HÀNH SỐ 12 112 Bài 5: Tạo trang danh mục hãng sữa, loại sữa sau: 112 Bài 6: Tạo trang danh mục sữa sau: 113 Bài 7: Tạo Form Thêm khách hàng vào bảng khách hàng 114 BUỔI THỰC HÀNH SỐ 13 115 Bài 8: Tạo trang danh mục sữa bán chạy: 115 Bài 9: Tạo trang hoàn chỉnh 1: 115 BUỔI THỰC HÀNH SỐ 14 119 Bài 10: Tạo trang hoàn chỉnh 2: 119 BUỔI THỰC HÀNH SỐ 15 124 Bài 11: Tạo trang chủ hoàn chỉnh 3: 124 (3) PHỤ LỤC 128 Upload code lên host phần mềm Cute FTP 128 Upload database lên hosting 129 TÀI LIỆU THAM KHẢO 131 (4) LỜI GIỚI THIỆU Cùng với phát triển công nghiệp 4.0, phát triển khoa học, kỹ thuật, công nghệ thông tin nước ta năm gần phát triển mạnh, đặc biệt ngành công nghệ ứng dụng web Lĩnh vực web, ứng dụng phát triển web ưu tiên lựa chọn hàng đầu lập trình viên ngành Cơng nghệ thơng tin Để đáp ứng với yêu cầu học tập sinh viên chuyên ngành công nghệ thông tin, biên soạn tài liệu học tập “Hướng dẫn thực hành Ứng dụng liệu web” cho giảng dạy học phần “Thực tập Web” Đây học phần thực tập chung sinh viên chuyên ngành Đại học Cao đẳng Công nghệ Thông tin Học phần hướng dẫn cho sinh viên thực hành kiến thức chuyên sâu kiến thức thiết kế web sử dụng tốt ngơn ngữ lập trình web động ngơn ngữ PHP trang bị cho sinh viên kỹ viết phần mềm ứng dụng Đây xem kiến thức tảng cho lập trình viên tảng web Nội dung giáo trình bao gồm phần: Phần Các lệnh bản: Nội dung phần chứa thực hành lệnh PHP Phần Hệ quản trị sở liệu phpMyadmin: chứa thực hành quản lý sở liệu MySql phpmyadmin Phần Kết hợp php MySQL: phần chứa thực hành khai thác, sử dụng sở liệu Phần Lập trình ứng dụng quản lý Web: Phần chứa thực hành tổng hợp dự án web cụ thể Mỗi chương có thực hành gắn kết với giúp em sinh viên phát triển kỹ lập trình web tăng dần cấp độ Chúng tơi hy vọng nội dung giáo trình giúp cho sinh viên kỹ thành thạo thiết kế web sử dụng tốt ngơn ngữ lập trình web động ngơn ngữ PHP, thiết kế website hoàn chỉnh có khả ứng dụng thực tiễn Chúng tơi xin chân thành cảm ơn thầy cô giáo khoa Công nghệ thông tin với đồng nghiệp đóng góp nhiều ý kiến quý báu cho thành cơng tài liệu Vì tài liệu biên soạn lần đầu, cố gắng hồn chỉnh, song khơng tránh khỏi thiếu sót Rất mong nhận góp ý bạn đọc để tài liệu học tập hoàn thiện Xin trân trọng cảm ơn! (5) PHẦN 1: CÁC LỆNH CƠ BẢN BUỔI THỰC HÀNH SỐ 1: BÀI TẬP CƠ BẢN Bài 1: Tính diện tích hình chữ nhật Mục đích: Làm quen với cách viết chương trình ngơn ngữ PHP u cầu: Thiết kế Form tính diện tích hình chữ nhật Yêu cầu thiết kế: Stt Đối tượng Yêu cầu Form Đặt tên cho Form Thiết lập phương thức cho Form post Và action Form tên trang Điều khiển Sử dụng điều khiển TextField, Button TextField Diện tích khơng cho phép nhập liệu chỉnh sửa Ghi Yêu cầu chức Stt Đối tượng Nút lệnh Tính Yêu cầu xử lý chức Ghi Khi chọn, thực tính o Diện tích = Chiều dài * Chiều rộng Hướng dẫn giải (6) Stt Đối tượng Trang Nút lệnh Tính Xử lý Tạo trang tên dien_tich_hcn.php Lần lượt lấy giá trị form thông qua biến $_POST $ten_bien = $_POST[“ten_dieu_khien”]; Tính diện tích hình chữ nhật $dt = $dai * $rong; Xuất diện tích ($dt) TextField diện tích Bài 2: Tính diện tích chu vi hình trịn Mục đích: Làm quen điều khiển sở Cách sử dụng số Yêu cầu: Thiết kế Form tính diện tích chu vi hình trịn u cầu thiết kế: Stt Đối tượng Yêu cầu Form Đặt tên cho Form Thiết lập phương thức cho Form post Và action Form tên trang Điều khiển Sử dụng điều khiển TextField, Button Ghi (7) Các TextField Diện tích Chu vi khơng cho phép nhập liệu chỉnh sửa Yêu cầu chức Stt Đối tượng Yêu cầu xử lý chức Ghi Nút lệnh Tính Khi chọn, thực tính o Diện tích hình trịn = PI * Bán kính o Chu vi hình trịn = * PI * Bánh kính Hằng số PI = 3.14 Hướng dẫn giải Stt Đối tượng Trang Nút lệnh Tính Xử lý Tạo trang tên dien_tich_chu_vi_tron.php Lấy giá trị bán kính r form thơng qua biến $_POST $r = $_POST[“r”]; -> lấy giá trị điều khiển TextField có tên r Tính diện tích chu vi hình trịn sau: $s = PI * pow($r,2); $p = * PI * $r; Xuất giá trị tính ($p, $s) vào TextField chu vi diện tích Bài 3: Thanh tốn tiền điện Mục đích: Làm quen cách sử dụng tốn tử u cầu: Thiết kế Form toán tiền điện (8) Yêu cầu thiết kế: Stt Đối tượng Yêu cầu Form Đặt tên cho Form Thiết lập phương thức cho Form post Và action Form tên trang Điều khiển Sử dụng điều khiển TextField, Button TextField Số tiền tốn khơng cho phép nhập liệu chỉnh sửa Giá trị mặc định đơn giá 2000 Ghi Yêu cầu chức Stt Đối tượng Nút lệnh Tính Yêu cầu xử lý chức Ghi Khi chọn, thực tính o Số tiền toán = (Chỉ số -Chỉ số cũ) * Đơn giá Hướng dẫn giải Stt Đối tượng Trang Nút lệnh Tính Xử lý Tạo trang tên tinh_tien_dien.php Lấy giá trị tên chủ hộ, số cũ, số mới, đơn giá form thông qua biến $_POST Tính tiền diện theo cơng thức sau: $thanh_tien = (chỉ số - số cũ) * đơn giá (9) Xuất tiền điện ($thanh_tien) TextField thanh_tien Bài 4: Tính cạnh huyền tam giác vng Mục đích: Sử dụng toán tử, hàm toán học Yêu cầu: Thiết kế Form cạnh huyền tam giác vuông Yêu cầu thiết kế: Stt Đối tượng Form Điều khiển Yêu cầu Ghi Đặt tên cho Form Thiết lập phương thức cho Form post Và action Form tên trang Sử dụng điều khiển TextField, Button TextField Cạnh huyền không cho phép nhập liệu chỉnh sửa Yêu cầu chức Stt Đối tượng Yêu cầu xử lý chức Nút lệnh Tính Khi chọn, thực hiện: o Thực tính giá trị cho cạnh huyền theo công thức sau: Ghi Hướng dẫn giải Stt Đối tượng Trang Xử lý Tạo trang tên canh_huyen_tam_giac_vuong.php (10) - Trang hoàn chỉnh: Hướng dẫn giải: Trang sua_ban_chay_link.php: - Làm tương tự trang sua_ban_chay.php, khác phần tên sữa có thêm link: foreach ($mang_sua as $row){ $ma_sua = $row[“ma_sua”]; $ten_sua = $row[“ten_sua”]; echo “

$ten_sua

”; } Trang chi_tiet_sua_ban_chay.php: - Thực câu lệnh truy vấn lấy thông tin sữa người dùng chọn sữa: if (isset($_REQUEST[“ma_sua”])){ $ma_sua = $_REQUEST[“ma_sua”]; (117) $strsql = “select * from SUA, LOAI_SUA, HANG_SUA where SUA.Ma_loai_sua = LOAI_SUA.Ma_loai_sua AND SUA.Ma_hang_sua = HANG_SUA.Ma_hang_sua AND Ma_sua like ‘$ma_sua’ ”; $mang_sua = $xl_sua >danh_sach_sua_theo_hang_theo_loai($strsql); - Duyệt mảng sữa xuất thông tin sữa chọn giống định dạng chi tiết sữa làm trước (tham khảo lưới định dạng cột có link) Trang tong_hop_1.php - Tạo table có ba dịng o Dòng 1: gọi sử dụng trang banner.html o Dòng 2: cột trái gọi sử dụng trang sua_ban_chay_link.php o Dòng 2: cột phải gọi trang chi_tiet_sua_ban_chay.php o Dòng 3: gọi sử dụng trang footer.html (118) BUỔI THỰC HÀNH SỐ 14 Bài 10: Tạo trang hồn chỉnh 2: Phân tích u cầu: Tạo trang sau - Trang banner.htm - Trang footer.htm - Trang menu_phai.html: (119) - Trang loại – hãng sữa có link: (120) Dùng trang loai_hang_sua có sẵn lưu lại với tên laoi_hang_sua_link sau thêm link cho hãng sữa loại sữa (để link qua trang tong_hop_2.php) định dạng hình - Trang danh mục sữa theo loại - hãng: Gọi sử dụng hàm lớp xl_sua để lấy thông tin sản phẩm sữa người dùng chọn hãng sữa hay loại sữa Hiển thị thơng tin hình bên - Sau ráp lại thành trang hồn chỉnh có tên trang tong_hop_2.php Khi người dùng chưa chọn hãng sữa loại sữa -> hiển thị toàn danh mục sữa có bảng sữa Khi người dùng chọn hãng sữa -> hiển thị sữa thuộc hãng sữa chọn (121) Hướng dẫn giải: Trang loai_hang_sua_link.php: - Làm tương tự trang loai_hang_sua.php, khác phần tên hãng sữa, tên loại sữa có thêm link: foreach ($mang_hang_sua as $row){ … echo “

$ten_hang_sua

”; }… foreach ($mang_loai_sua as $row){ … echo “

$ten_loai_sua

”; }… Trang danh_muc_sua_loai_hang.php: - Thực câu lệnh truy vấn lấy thông tin sữa người dùng chọn loại sữa hãng sữa: if (isset($_REQUEST[“mahs”])){ $mahs = $_REQUEST[“mahs”]; $strsql = “select * from SUA where Ma_hang_sua like ‘$mahs’ ”; } (122) if (isset($_REQUEST[“mahs”])){ $mals = $_REQUEST[“mals”]; $strsql = “select * from SUA where Ma_loai_sua like ‘$mals’ ”; } Trang danh_muc_sua_loai_hang.php if (!isset ($_REQUEST[“mahs”]) && !isset($_REQUEST[“mals”])){ $strsql = “select * from sua order by Ma_hang_sua asc”; } $mang_sua = $xl_sua ->danh_sach_sua_theo_hang_theo_loai(strsql); Phần hiển thị làm tương tự danh mục sữa Trang tong_hop_2.php: - Tạo table có dịng: + Dịng 1: Gọi sử dụng trang banner.htm + Dòng 2: cột trái gọi sử dụng trang loai_hang_sua_link.php + Dòng 2: cột trung tâm gọi sử dụng trang danh_muc_sua_theo_loai_hang.php + Dòng 2: cột phải gọi sử dụng trang menu_phai.php + Dòng 3: gọi sử dụng trang footer.php (123) BUỔI THỰC HÀNH SỐ 15 Bài 11: Tạo trang chủ hồn chỉnh 3: Phân tích u cầu: Tạo trang sau - Trang chi tiết sữa: - Trang thêm sữa mới: (124) - Trang sữa bán chạy: - Trang tìm kiếm sữa: (125) - Trang thêm khách hàng: - Sau ráp lại thành trang web hoàn chỉnh theo sơ đồ sau: (126) Hướng dẫn giải: Trang tổng hợp (127) PHỤ LỤC Upload code lên host phần mềm Cute FTP - Bước 1: Kết nối với hosting Cute FTP o Điền thông tin đăng nhập: ▪ Tên host ▪ User name ▪ Pass ▪ Port: 21 (mặc định) (tham khảo hình) o Click Connect để kết nối tới Host - Bước 2: Copy code máy tính vào thư mục public_html host o Tại khung Local Driver: Chọn thư mục chứa code web muốn up lên host (128) o Tại khung Site Manage, click chọn thư mục public html o Thực copy - paste thư mục từ Local Driver sang thư mục public html o Hồn thành q trình Copy đẩy code web lên host thành công Upload database lên hosting - Bước 1: Truy nhập vào tài khoản Host - Bước 2: Vào Cơ sở liệu MySql để tạo tên database (129) - Bước 3: Click phpmyadmin để Import database từ file sql máy tính (130) TÀI LIỆU THAM KHẢO [1] Lập trình Ứng dụng Web với php – Tập 1, Trung tâm tin học – Đại học Khoa học tự nhiên - ĐH Quốc Gia TP Hồ Chí Minh, 2018 [2] Lập trình Ứng dụng Web với php – Tập 2, Trung tâm tin học – Đại học Khoa học tự nhiên - ĐH Quốc Gia TP Hồ Chí Minh, 2018 [3] Joel Murach, Ray Harris, Lập trình PHP MySQL, Nhà xuất Khoa học Kỹ thuật, 2013 [4] Joel Murach, Ray Harris, Lập trình nâng cao PHP MySQL, Nhà xuất Khoa học Kỹ thuật, 2014 [5] Jeremy Osborn nhóm AGI Creative, Thiết kế web với Dreamweaver, Nhà xuất Bách Khoa Hà Nội, 2016 [6] https://freetuts.net/hoc-php [7] https://www.codecademy.com/ [8] https://viettuts.vn/php [9] https://kungfuphp.com (131) ... tài liệu học tập ? ?Hướng dẫn thực hành Ứng dụng liệu web? ?? cho giảng dạy học phần ? ?Thực tập Web? ?? Đây học phần thực tập chung sinh viên chuyên ngành Đại học Cao đẳng Công nghệ Thông tin Học phần hướng. .. Kết hợp php MySQL: phần chứa thực hành khai thác, sử dụng sở liệu Phần Lập trình ứng dụng quản lý Web: Phần chứa thực hành tổng hợp dự án web cụ thể Mỗi chương có thực hành gắn kết với giúp em sinh... CƠ SỞ DỮ LIỆU PHPMYADMIN 71 BUỔI THỰC HÀNH SỐ 71 Bài 1: Tạo sở liệu 71 Bài 2: Truy vấn chọn – lọc xếp liệu 73 Bài 3: Sử dụng hàm biểu thức có sẵn truy vấn liệu