PHẦN 24: TRÌNH ĐƠN NGƯỜI DÙNG
Trình đơn người dùng bao gồm 2 nhóm trình đơn:
- Trang chủ: Liên kết tới trang chủ website.
- Sản phẩm: Liên kết tới trang danh sách sản phẩm. Trong trình đơn sản phẩm sẽ có các trình đơn con tương ứng với các danh mục sản phẩm. Các trình đơn con này được lấy động từ DB (Cụ thể là từ bảng tbl_category).
Các bạn mở các tập tin xử lý
index.php,
product-list.php,
product-detail.php và chỉnh sửa lại như sau:
Ngay trước dòng lệnh "require 'models/product.php';", các bạn thêm mới dòng lệnh sau:
PHP:
require 'models/category.php';
Ngay trước dòng "//Require tập tin giao diện (View)", các bạn thêm mới dòng lệnh sau:
PHP:
$category_active_list = get_category_active_list($connect);
Về phần giao diện trình bày trình đơn, các bạn có 2 cách như sau:
Cách 1:
Mở tất cả các tập tin giao diện (View) của phần người dùng (Front) trong thư mục views/front và thêm mới khối lệnh sau ngay sau thẻ body:
PHP:
<div style="padding: 10px;">
<ul>
<li>
<a href="<?php echo SITE_URL; ?>">Trang chủ</a>
</li>
</ul>
<ul>
<li>
<a href="<?php echo SITE_URL . 'product-list.php'; ?>">Sản phẩm</a>
</li>
<?php while ($category_active = mysqli_fetch_assoc($category_active_list)): ?>
<li>
<a href="<?php echo SITE_URL . 'product-list.php?category_id=' . $category_active['category_id']; ?>"><?php echo $category_active['name']; ?></a>
</li>
<?php endwhile; ?>
</ul>
</div>
Cách 2:
Trong thư mục views/front, tạo mới thư mục tên là common để chứa các tập tin trình bày giao diện các thành phần chung của website.
Trong thư mục views/front/common, tạo mới tập tin menu.tpl.php để trình bày giao diện trình đơn.
Nội dung tập tin
views/front/common/menu.tpl.php như sau:
PHP:
<div style="padding: 10px;">
<ul>
<li>
<a href="<?php echo SITE_URL; ?>">Trang chủ</a>
</li>
</ul>
<ul>
<li>
<a href="<?php echo SITE_URL . 'product-list.php'; ?>">Sản phẩm</a>
</li>
<?php while ($category_active = mysqli_fetch_assoc($category_active_list)): ?>
<li>
<a href="<?php echo SITE_URL . 'product-list.php?category_id=' . $category_active['category_id']; ?>"><?php echo $category_active['name']; ?></a>
</li>
<?php endwhile; ?>
</ul>
</div>
Mở tất cả các tập tin giao diện (View) của phần người dùng (Front) trong thư mục views/front và thêm mới dòng lệnh PHP sau ngay sau thẻ body:
PHP:
<?php require '../common/menu.tpl.php'; ?>
Các bạn lựa chọn một trong hai cách để trình bày giao diện trình đơn.
Như vậy, đây là phần cuối cùng về loạt bài "
Từng bước học lập trình PHP cơ bản qua dự án website giới thiệu sản phẩm". Tôi lưu ý với các bạn một lần nữa đó là phần hướng dẫn của tôi chỉ mang tính cơ bản nhất với mục đích giúp các bạn mới làm quen với PHP có thể nắm bắt được kiến thức ban đầu cũng như các bước để tạo ra một website cơ bản. Để sản phẩm hoàn thiện và có thể vận hành thực tế thì các bạn còn cần phải tinh chỉnh nhiều thứ nữa.
Mọi vấn đề liên quan tới loạt bài hướng dẫn này, các bạn vui lòng tham gia thảo luận tại đây.
Chân thành cảm ơn sự quan tâm của các bạn!