ltwcb_010100358602: Bài tập vận dụng

Đào tạo Khoá học Ngân hàng đề thi Thư viện số

Bài tập vận dụng

Opened: Thứ Ba, 16 tháng 12 2025, 12:00 AM

Due: Thứ Ba, 23 tháng 12 2025, 12:00 AM

3. Bài tập Vận dụng và Thực hành

Các bài tập dưới đây yêu cầu sinh viên thực hiện quá trình chuyển đổi một website tĩnh cơ bản sang cấu trúc PHP động, nhấn mạnh vào nguyên tắc module hóa.

3.1. Bài tập 1: Xây dựng cấu trúc website tĩnh cơ bản

Mục tiêu: Tạo một website tĩnh hai trang để làm cơ sở cho việc module hóa.

Tạo thư mục dự án mới có tên BaiTap_Module_MSSV trong thư mục gốc của WebServer (htdocs).
Tạo tệp index.html (Trang Chủ) và about.html (Trang Giới Thiệu) bên trong thư mục dự án.
Trong cả hai tệp HTML, xây dựng cấu trúc cơ bản bao gồm:
- Một khối **Header** (chứa logo và thanh điều hướng).
- Một khối **Nội dung chính** (thay đổi giữa hai trang).
- Một khối **Footer** (chứa thông tin bản quyền và liên hệ).
Đảm bảo nội dung của **Header** và **Footer** hoàn toàn giống nhau trên cả hai trang.
Truy cập và kiểm tra hai trang tĩnh trên trình duyệt thông qua WebServer (ví dụ: http://localhost/BaiTap_Module_MSSV/index.html).

3.2. Bài tập 2: Module hóa Header và Footer bằng PHP

Mục tiêu: Phân tách các thành phần lặp lại và nhúng chúng bằng hàm require.

Tạo một tệp mới có tên includes/header.php trong thư mục dự án. Di chuyển toàn bộ mã HTML của phần **Header** (từ <!DOCTYPE html> đến hết thanh điều hướng) vào tệp này.
Tạo một tệp mới có tên includes/footer.php. Di chuyển toàn bộ mã HTML của phần **Footer** vào tệp này (từ phần bản quyền đến hết thẻ </html>).
Đổi tên tệp index.html thành index.php và about.html thành about.php.

Trong cả hai tệp index.php và about.php, thay thế phần HTML đã tách bằng hàm PHP **require_once**:

<?php require_once 'includes/header.php'; ?>
<!-- Nội dung chính -->
<?php require_once 'includes/footer.php'; ?>

Truy cập lại hai trang PHP (ví dụ: http://localhost/BaiTap_Module_MSSV/index.php) và xác nhận rằng website vẫn hiển thị đầy đủ và chính xác.

3.3. Bài tập 3: Thử nghiệm lỗi và Debugging

Mục tiêu: Phân biệt giữa hàm include và require và thực hiện xử lý lỗi cơ bản.

Trong tệp index.php, thay thế hàm require_once 'includes/footer.php'; bằng hàm include 'includes/footerrrr.php'; (tên tệp bị sai cố ý).
Tải lại trang index.php. Quan sát và mô tả loại lỗi hoặc cảnh báo được sinh ra. Chương trình có tiếp tục thực thi không?
Tiếp tục, thay thế hàm include 'includes/footerrrr.php'; bằng hàm require 'includes/footerrrr.php';.
Tải lại trang và mô tả loại lỗi được sinh ra. Chương trình có tiếp tục thực thi không?
**Kết luận:** Dựa trên quan sát, giải thích lý do tại sao nên sử dụng require_once cho các thành phần quan trọng như Header và Footer.

3.4. Bài tập 4: Triển khai dự án lên WebServer

Mục tiêu: Cấu hình lại đường dẫn nếu cần và đảm bảo dự án hoạt động ổn định trên môi trường cục bộ.

Đảm bảo cấu trúc dự án của bạn (thư mục BaiTap_Module_MSSV) đã được đặt đúng trong thư mục htdocs.
Mở file index.php và tạo một đường dẫn tuyệt đối cơ bản cho một hình ảnh (ví dụ: /BaiTap_Module_MSSV/images/logo.png).
Tạo một tệp PHP mới (ví dụ: config.php) và định nghĩa một biến chứa tên website (ví dụ: $site_name = "Website PHP Module";).
Sử dụng require_once để nhúng config.php vào header.php.
Sử dụng biến $site_name trong thẻ tiêu đề (<title>) của header.php.
Kiểm tra lại toàn bộ website trên http://localhost/BaiTap_Module_MSSV/. Chụp màn hình trang chủ hiển thị tên website đã được cấu hình qua biến PHP.