BÀI TẬP THỰC HÀNH LẬP TRÌNH WEB PHÍA SERVER. ThS. Nguyễn Phúc Hưng Bộ môn: Hệ thống thông tin

TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP TP.HCM KHOA CÔNG NGHỆ THÔNG TIN Ï&Ð BÀI TẬP THỰC HÀNH LẬP TRÌNH WEB PHÍA SERVER Biên tập: ThS Nguyễn Phúc Hưng Bộ môn: Hệ thống thơng tin TP Hồ Chí Minh Năm 2018 BÀI TẬP THỰC HÀNH MƠN: LẬP TRÌNH WEB PHÍA SERVER GIỚI THIỆU ü Bài tập xây dựng nhằm giúp bạn sinh viên Đại học, Cao đẳng làm quen với ngơn ngữ lập trình web phía Server ü Bài tập chia thành Lab tương ứng với nội dung học lý thuyế, lab có quy định số tiết thực hành nội dung cụ thể ü Mục tiêu tập thực hành tạo sản phẩm website (trang blog) thực thụ ngôn ngữ PHP dựa giao diện xây dựng mơn trước (lập trình web phía client) Bên cạnh sản backEnd sử dùng từ thư viện mẫu AdminLTE ü Tạo nguồn tài nguyên đầu vào thực hành cho môn học ứng dụng đồ án chuyên ngành ü Trong trình thực hành nội dung chưa hiểu, bạn sinh viên trao đổi trực tiếp với giảng viên hướng dẫn phịng thực hành BÀI TẬP THỰC HÀNH MƠN: LẬP TRÌNH WEB PHÍA SERVER TUẦN & Yêu cầu: ü Cài đặt xampp ü Làm quen với lập trinh php NỘI DUNG I CÀI ĐẶT XAMPP Bước 1: Tải phiên XAMPP máy tính Bước 2: Click đúp vào file cài đặt vừa tải Trên giao diện nhấn Next để bắt đầu trình cài đặt Bước 3: Nhấn Next BÀI TẬP THỰC HÀNH MÔN: LẬP TRÌNH WEB PHÍA SERVER Bước 4: Thay đổi thư mục chứa file cài đặt cách nhấn vào biểu tượng Folder, không để mặc định nhấn Next Bước 5: Nhấn Next BÀI TẬP THỰC HÀNH MÔN: LẬP TRÌNH WEB PHÍA SERVER Bước 6: Nhấn Next cửa sổ Bước 7: Hồn tất q trình cài đặt XAMPP vào máy tính, Nhấn Finish BÀI TẬP THỰC HÀNH MƠN: LẬP TRÌNH WEB PHÍA SERVER Và giao diện phần mềm HƯỚNG DẪN KHẮC PHỤC LỖI KHÔNG START ĐƯỢC APACHE XAMPP BÀI TẬP THỰC HÀNH MƠN: LẬP TRÌNH WEB PHÍA SERVER - Bạn tìm đến đường dẫn chứa file cài đặt phần mềm hình dưới: My Computer > C:/Xampp/apache/conf/extra - Tìm đến file httpd-ssl.conf Mở file Notepad, sau nhấn tổ hợp phím Ctrl + H để thay 443 số Nhấn Replace All lưu file lại BÀI TẬP THỰC HÀNH MƠN: LẬP TRÌNH WEB PHÍA SERVER II LÀM QUEN VỚI LẬP TRÌNH PHP Viết trang PHP hiển thị câu: CHÀO MỪNG CÁC BẠN ĐẾN VỚI LẬP TRÌNH WEB PHP Sử dụng ngôn ngữ PHP viết trang Web xuất thông tin sinh viên bao gồm: Họ tên, ngày tháng năm sinh, lớp… Sử dụng ngôn ngữ PHP viết trang Web thực phép tính cộng, trừ, nhân, chia, chia lấy dư xuất kết hình a Từ hai biến cho trước ($x=3, $y=5) b $x, $y lấy ngẫu nhiên lần chạy (gợi ý: dùng hàm Rand) c $x, $y lấy ngẫu nhiên lần chạy với điều kiện $x >$y (gợi ý: kết hợp thêm hàm while do-while) d $x, $y lấy ngẫu nhiên lần chạy với điều kiện $x= k.$y e Xuất BCLN($x,$y) f Xuất UCLN($x,$y); Viết trang PHP hiển thị thông tin theo sau: Viết trang PHP hiển thị dãy số từ đến 100 cho số chẵn chữ in đậm, số lẽ chữ in thư ờng.Kết quả: 4… , 100 Hướng dẫn: Sử dụng vòng lập for, biến đếm i, toán tử % Viết trang PHP hiển thị thông tin sau: BÀI TẬP THỰC HÀNH MƠN: LẬP TRÌNH WEB PHÍA SERVER BÀI TẬP THỰC HÀNH MƠN: LẬP TRÌNH WEB PHÍA SERVER TUẦN 3,4,5 Yêu cầu: ü Lập trình PHP với thẻ FORM ü Sử dụng số hàm PHP ü Sử dụng phương thước POST/GET ü Xử lý truyền biến chuyển trang Nhập liệu cho listbox chứa danh sách năm từ 1900 đến năm a Hướng dẫn: Sử dụng thẻ sau: i Thẻ tạo listbox: , , ii Tạo biến Date, hàm getYear(), vòng lặp for Viết trang web xuất bảng cửu chường từ đến 10 (Gợi ý: dùng table để thể giao diện bảng) Viết chương trình cho phép đưa số ngẫu nhiên vào mảng có độ dài n phần tử cho trước, a xây dựng hàm thực yêu cầu sau: b Xuất mảng lên trang Web c Đếm tổng số chẵn d Tính tổng số lẻ mảng e Xuất giá trị lớn nhất, nhỏ mảng f Xuất đảo ngược giá trị mảng g Gợi ý: i - Sử dụng hàm rand() để tạo giá trị ngẫu nhiên ii - Rand(x,y) tạo giá trị ngẫu nhiên đoạn x,y 10 Xử dụng foreach để duyệt mảng xuất giá trị sau: a Gợi ý: b $list = array("alpha", "beta", "gamma", "delta", "epsilon"); 11 Tạo trang web PHP có nội dung sau: 10 BÀI TẬP THỰC HÀNH MƠN: LẬP TRÌNH WEB PHÍA SERVER 20 Viết trang PHP Tìm số lớn 21 Viết trang PHP Giải phương trình bậc 22 Viết trang PHP tính tiền karaoke theo thơng tin sau: 15 BÀI TẬP THỰC HÀNH MƠN: LẬP TRÌNH WEB PHÍA SERVER 23 Nhận dạng tam giác 16 BÀI TẬP THỰC HÀNH MƠN: LẬP TRÌNH WEB PHÍA SERVER 17 BÀI TẬP THỰC HÀNH MƠN: LẬP TRÌNH WEB PHÍA SERVER TUẦN 6,7,8 u cầu: ü Xây dựng chức đăng ký, đăng nhập ü Quản trị thông tin sản phẩm, nội dung ü Kết nối sở liệu ü Sử dụng biến Session cookie 24 Tạo trang đăng ký sau: Yêu cầu: -Người dùng nhập đủ thông tin form - Khi nhấn vào nút đăng ký, chuyển qua trang xlDangky.php, + Show tất thông tin người dùng vừa nhập vào + Hiển thị câu thông báo: “Chúc mừng bạn đăng ký thành công, click vào để chuyển trang chủ hệ thống không tự chuyển” + Sau giây hệ thống sẻ tự chuyển lại trang đăng ký 25 Tạo trang link đăng nhập form đăng nhập từ giao diện 24 sau: 18 BÀI TẬP THỰC HÀNH MƠN: LẬP TRÌNH WEB PHÍA SERVER Yêu cầu: + Khi người dùng đăng ký thành cơng câu 24, dùng biến thích hợp để lưu lại email password đăng ky + Ở trang đăng nhập người dùng đánh email password khơng giống với thơng tin vừa đăng ký hệ thống không cho đăng nhập + Khi người dùng đánh tài khoản đăng ký form đăng nhập sẻ hiển thị thông báo “Chúc mừng bạn đăng nhập thành công” + Trên menu bên trái Chữ “Đăng nhập” chuyển thành “Đăng xuất” chữ “Đăng ký ” thành “Thông tin cá nhân” + Thực chức logout + Thực chức “Ghi nhớ thông tin” người dùng đăng ký thành công 26 Tạo trang thông tin sau: Yêu cầu: File ảnh phải upload server đồng thời hiển thị thông tin bên Kết sau nhấn Thuộc tính tập tin 19 BÀI TẬP THỰC HÀNH MÔN: LẬP TRÌNH WEB PHÍA SERVER 27 Xây dựng chương trình đọc tất tên file ảnh từ thư mục lên selectbox Từ cho phép người dùng chọn tên file xuất ảnh tên file 28 Thiết kế trang sau: Kết sau nhấn Show Gallery 29 Hiển thị thông tin sau từ database 20 BÀI TẬP THỰC HÀNH MƠN: LẬP TRÌNH WEB PHÍA SERVER 30 Hiển thị thông tin sau tư database 31 Hiển thi thơng tin từ Database theo hình sau: 21 BÀI TẬP THỰC HÀNH MƠN: LẬP TRÌNH WEB PHÍA SERVER 32 Hiển thi thơng tin phân trang theo hình sau: 33 Chỉnh sửa thông tin 22 BÀI TẬP THỰC HÀNH MƠN: LẬP TRÌNH WEB PHÍA SERVER 23 BÀI TẬP THỰC HÀNH MƠN: LẬP TRÌNH WEB PHÍA SERVER 34 Hiển thị phía người dùng thơng tin sản phẩm dạng danh sách sau: 35 Click vào tên sản phẩm liên kết đến trang chi tiết sản phẩm 24 BÀI TẬP THỰC HÀNH MƠN: LẬP TRÌNH WEB PHÍA SERVER 25 BÀI TẬP THỰC HÀNH MƠN: LẬP TRÌNH WEB PHÍA SERVER TUẦN 9,10 Yêu cầu: ü Xây dựng cách chức giao diện adminlte ü Xử lý đường dẫn thân thiện Friendly URL Download gói giao diện AdminLTE 2.x link sau: https://github.com/mmdsharifi/AdminLTE-RTL Hãy tạo trang có nội dung sau a Trang đăng nhập (login): login.html b Trang danh sách sản phẩm: list.html 26 BÀI TẬP THỰC HÀNH MƠN: LẬP TRÌNH WEB PHÍA SERVER c Trang thêm sản phẩm mới: add.html Bài 10 Xử lý đường dẫn thân thiện Friendly URL 27 BÀI TẬP THỰC HÀNH MƠN: LẬP TRÌNH WEB PHÍA SERVER Trang chi tiết Quan sát URL truyền theo dạng GET ( chitiet.php?id=6) Để xử lý đường dẫn thân thiện hơn, ví dụ: chitiet/6/nguyen-van-a.html Cách làm: Ta điều chỉnh lại code trang index.php để tạo đường dẫn thân thiện, đồng thời tạo file htaccess để vào thư mục gốc website với nội dung sau: 28 BÀI TẬP THỰC HÀNH MÔN: LẬP TRÌNH WEB PHÍA SERVER Kết thu sau: 29