Hướng dẫn tạo menu động từ CSDL trong PHP

Ngày đăng: 23/01/2019   -    Cập nhật: 23/10/2020
Trong lập trình web PHP thường có yêu cầu tạo ra enu động để người dùng có thể thay đổi. Hôm nay tôi sẽ hướng dẫn các bạn các tạo menu động với PHP.

Bước 1: Tạo trang chủ


Start Xampp, sau đó mở DreamWeaver, rồi tạo một website. Tiếp theo, tạo trang index.php, đồng thời tạo ra các trang khác chứa các vùng trong website, trang index.php sẽ include nội dung của các trang khác như hình bên dưới.

Ở đây, ta tạo 5 trang PHP, mỗi trang chứa một vùng của website, sau đó ta sẽ nhúng các trang này vào trang chính.


Include nội dung vào trang chính

Include nội dung vào trang chính

Bên trong file navi.php, ta có một danh sách các phần tử để hiển thị menu ngang ở trên đầu của trang. Đây là những phần tử cố định, muốn thay đổi thì ta phải viết lại mã.

Danh sách Menu cố định

Danh sách Menu cố định


Đây là giao diện của trang index.php, trong đó thanh menu ngang đã hiển thị những dữ liệu của trang navi.php. Đây là những dữ liệu cứng, do ta thêm vào trong file navi.php.

Giao diện cơ bản của trang index.php

Giao diện cơ bản của trang index.php

Bước 2: Tạo bảng chứa dữ liệu


Bước tiếp theo, ta tạo database, sau đó tạo bảng để chứa dữ liệu được hiển thị trên thanh menu.

Ở đây ta tạo bảng thể loại, chứa danh mục các loại sách. Sau đó ta chèn một số bản ghi vào bảng, những bản ghi này sẽ được hiển thị trên thanh menu.

Ở đây ta tạo CSDL có tên là quanlysach, sau đó ta tạo bảng có tên là theloai, rồi ta chèn một số bản ghi vào bảng. Những tên thể loại này sẽ được hiển thị lên trên vùng navi của trang chủ.


Chèn một số bản ghi vào bảng CSDL

Chèn một số bản ghi vào bảng CSDL

Bước 3: Viết mã để hiển thị dữ liệu lên thanh menu


Sau khi đã tạo bảng, ta cần viết mã để truy vấn dữ liệu trong bảng thể loại ở bước trên, sau đó hiển thị dữ liệu này lên thanh menu ngang của trang index.php.

Kết nối với cơ sở dữ liệu

Kết nối với cơ sở dữ liệu

Bước 4: Thực thi chương trình và xem kết quả


Sau khi đã viết mã xong, ta thực thi trang index.php để xem kết quả. Ta có thể thấy dữ liệu của bảng thể loại đã được hiển thị lên trên giao diện của trang index.php như hình bên dưới.

Viết mã tạo Menu tự động trong PHP

Viết mã tạo Menu tự động trong PHP

Tổng kết


Như vậy là các bạn đã biết cách tạo menu động trong PHP. Ở bài này tôi vẫn Insert thủ công các thể loại sách để tập trung vào việc viết mã tạo Menu động.

Còn trong thực tế thì chúng ta phải cho khách hàng tự cập nhật, sửa, xóa, chèn các thể loại sách.

Bạn có thể xem các bài viết của tôi về chức năng như vậy ở bên dưới, Xem ngay:



> Hoặc các bạn có thể tham gia ngay khóa học LẬP TRÌNH WEB VỚI PHP để được học tập thật hoàn thiện.

---
HỌC VIỆN ĐÀO TẠO CNTT NIIT - ICT HÀ NỘI
Học Lập trình chất lượng cao (Since 2002). Học làm Lập trình viên. Hành động ngay!
Đc: Tầng 3, 25T2, N05, Nguyễn Thị Thập, Cầu Giấy, Hà Nội
SĐT: 02435574074 - 0914939543
Email: hello@niithanoi.edu.vn
Fanpage: https://facebook.com/NIIT.ICT/
 
#niit #niithanoi #niiticthanoi #hoclaptrinh #khoahoclaptrinh #hoclaptrinhjava #hoclaptrinhphp #java #php #python
Bình luận Facebook
Mục lục
Đăng ký tư vấn
Nhân viên gọi điện tư vấn miễn phí sau khi đăng ký
Được cập nhật các ưu đãi sớm nhất
Hotline: 0383180086
Tên không được để trống
Số điện thoại không được để trống
Email không được để trống
Hãy đăng ký để nhận những thông tin mới nhất về học bổng mới nhất tại NIIT - ICT Hà Nội
top
Đóng lại Đăng ký học tại NIIT - ICT Hà Nội
6260+ học viên đã theo học tại NIIT - ICT Hà Nội và có việc làm tốt trong ngành lập trình. Nắm lấy cơ hội ngay hôm nay!
Chọn khóa học
  • KHÓA HỌC LẬP TRÌNH FRONT END VỚI REACT.JS
  • KHÓA HỌC LẬP TRÌNH PHP WEB
  • Khóa học PHP Full stack [2023] cho người mới bắt đầu
  • Khóa học BIG DATA với Hadoop và Spark
  • Khóa học Lập trình Android tại Hà Nội
  • [Tuyển sinh 2023] Lập trình viên Quốc tế DigiNxt
  • Khóa học Tiền lương & Phúc lợi (C&B Excel) tại Hà Nội
  • LẬP TRÌNH GAME
    • Khóa học Lập trình Game Unity
  • LẬP TRÌNH WEB FRONT END
    • KHÓA HỌC PYTHON HƯỚNG ĐỐI TƯỢNG
    • KHÓA HỌC ANGULAR & TYPESCRIPT (FRONT END)
  • LẬP TRÌNH WEB BACK END
    • LẬP TRÌNH JAVA WEB VỚI FRAME WORK
    • Lập trình Web với Django
    • Lập trình PHP với Laravel Framework
  • CHƯƠNG TRÌNH ĐÀO TẠO ỨNG DỤNG CÔNG NGHỆ
    • Khóa học Tiền lương & Phúc lợi (C&B Excel) tại TP HCM
  • LẬP TRÌNH WEB FULL STACK
    • Khóa học Java Full stack (IJFD)
  • LẬP TRÌNH MOBILE
    • FRONT-END VỚI REACTJS VÀ REACT NATIVE
    • Lập trình Android Nâng cao
  • ĐÀO TẠO CHO DOANH NGHIỆP
    • KHÓA HỌC BUSINESS ANALYSIC TỪ CƠ BẢN ĐẾN NÂNG CAO 2023
    • Khóa học Magento: Làm chủ CMS TMĐT lớn nhất
    • Khóa học IOT: Xây dựng Sản phẩm IOT với Raspberry Pi
    • Khóa học Automation Testing Chuyên nghiệp
  • KHÓA HỌC DỰ ÁN
    • Học sử dụng bộ Office: Word, Excel, Power Point, Mail chuyên nghiệp
  • KHÓA HỌC KHÁC
    • VBA Excel Toàn Tập (Cơ Bản - Nâng Cao)
    • VBA Excel Nâng cao
    • Khóa học JMeter: Performance Testing
    • Khóa học Tester đạt chuẩn Quốc tế ISTQB Foundation Level
    • Khoá Học Tester đạt chuẩn quốc tế ISTQB Advanced Level
Bạn chưa chọn khóa học cần đăng ký
Tên không được để trống
Số điện thoại không được để trống
Email không được để trống
Đăng ký học thành công!
Cảm ơn bạn đã đăng ký học tại NIIT - ICT HÀ NỘI!