Sau khi đã tạo xong trang hiển thị danh sách bài viết, thì trong bài này mình sẽ tiếp tục hướng dẫn các bạn cách tạo trang hiển thị nội dung bài viết bằng PHP. Các bạn lưu ý là những bài viết của mình thường ít chú tâm đến công đoạn chỉnh sửa, styling cho website đẹp bắt mắt bằng HTML, CSS vì những điều này bạn có thể chỉnh sau khi đã nắm được cách thức tạo website bằng PHP thông qua các bài viết của mình. Vì thế giao diện có xấu xí thì các bạn cũng bỏ qua 🙂

TẠO TRANG HIỂN THỊ NỘI DUNG BÀI VIẾT

Nội dung của chính của bài hướng dẫn hôm nay bao gồm 3 phần:

  1. Ôn lại bài cũ
  2. Thiết kế giao diện trang hiển thị nội dung bài viết
  3. Thực hiện truy vấn thông tin và hiển thị nội dung bài viết

Ôn lại bài cũ

Ở bài hôm trước Tạo trang hiển thị danh sách bài viết, chúng ta đã hoàn thành cơ bản phần hiển thị danh sách bài viết lấy từ cơ sở dữ liệu ra ngoài trang index, và ở dưới mỗi bài hiển thị, chúng ta có thêm đường link là Xem thêm, để khi người ta ấn vào sẽ nhảy sang trang display.php với tham số truyền vào là id của bài viết.

Trong bài viết hôm nay thì chúng ta sẽ tạo trang display.php và hứng tham số id truyền vào này để thực hiện truy vấn thông tin và hiển thị nội dung bài viết.

Thiết kế giao diện trang hiển thị nội dung bài viết

Tại thư mục gốc của folder website mà chúng ta đã tạo ra trong các bài trước, các bạn tạo một file mới và đặt tên là display.php như hình sau

tạo trang display, trang hiển thị nội dung bài viết

Ở file này, chúng ta sẽ có nội dung như sau :

Các bạn để ý, ở file display.php này so với file index.php sẽ có sự khác nhau nhỏ nhỏ ở đoạn

Đó chính là mình đã copy toàn bộ đoạn code html tĩnh là

bỏ vào file includes/menu.php, sau đó trong file display.php mình chỉ include file menu này vào để nhìn cho code gọn hơn, đỡ rồi rắm chứ không có gì phức tạp cả.

menu trang hiển thị nội dung bài viết

Giờ thì các bạn vào trang index.php và ấn vào link Xem thêm. Các bạn sẽ thấy hiện thị ra trang display.php trống trơn, đó là bởi vì chúng ta chỉ mới tạo giao diện chứ chưa thực hiện truy vấn lấy thông tin bài viết gì cả.

Thực hiện truy vấn thông tin và hiển thị nội dung bài viết

Phần này mình sẽ hướng dẫn các bạn thực hiện hiển thị nội dung bài viết chi tiết như sau.

Đầu tiên các bạn để ý rằng khi chúng ta ấn vào link Xem thêm, ta sẽ được điều hướng tới trang display.php với địa chỉ url có nội dung như sau

Ở đây, xxx chính là tham số id của bài viết mà chúng ta đã truyền vào ở bài viết trước. Bây giờ chúng ta sẽ thực hiện thấy biến này bằng phương thức GET như sau

Sau khi đã lấy được tham số id bài viết, thì ta sẽ thực hiện viết câu query truy vấn thông tin nội dung bài viết từ cơ sở dũ liệu thông qua tham số id này.

Sau khi đã thực thi câu query và lấy dữ liệu trả về, ta sẽ tiếp tục hiển thị dữ liệu này ra trang display.php như sau

Ở đoạn code trên, chúng ta sẽ echo ra các thông tin bao gồm tiêu đề bài viết (title), ngày tạo bài viết (createdae), và nội dung chính của bài viết (content)

Như vậy, toàn bộ nội dung của trang hiển thị nội dung bài viết sẽ như dưới đây:

Giờ thì các bạn vào lại trang index.php và ấn vào link Xem thêm của một bài viết bất kì, sẽ được chuyển hướng sang trang display.php và hiển thị toàn bộ thông tin đầy đủ của bài viết đó như dưới đây

trang hiển thị nội dung bài viết với thông tin đầy đủ

Tổng kết

Kết thúc bài viết hôm nay, tuy khá dài nhưng bản chất rất đơn giản, chỉ là chúng ta lấy tham số id truyền trên thanh địa chỉ của browser qua phương thức $_GET, sau đó thực hiện truy vấn và hiển thị dữ liệu thông qua tham số id này.

Nếu bạn có bất kỳ thắc mắc nào thì để lại bình luận bên dưới bài này nhé. Nếu bạn muốn cập nhật những bài viết mới nhất từ Kungfu PHP thì để lại thông tin dưới form này và ấn Đăng ký nhé.

 

Gửi bình luận bằng Facebook

Bài viết liên quan

Bài 1 : Lập trình web là gì
Bài 5 : Các kiểu dữ liệu trong PHP
Bài 8 : Cấu trúc điều khiển, các câu lệnh điều kiện, vòng lặp trong PHP
Hướng dẫn tạo trang quản lý thành viên PHP - thiết kế giao diện (phần 1)
Hướng dẫn tạo trang quản lý thành viên PHP - hiển thị dữ liệu (phần 2)
Hướng dẫn tạo trang quản lý thành viên PHP - cập nhật thông tin user (phần 3)
Hướng dẫn tạo trang quản lý thành viên PHP - Xóa User ra khỏi hệ thống (phần 4 - Kết thúc)
Tạo trang đăng nhập - Tạo website bằng PHP (Phần 4)
Hiển thị thông tin lên trang danh sách thành viên (Phần 11)
Tạo trang chỉnh sửa thông tin thành viên (Phần 12)
Tạo trang Thêm thành viên (Phần 13)
Tạo chức năng xóa người dùng (Phần 14)
loading...