Menu hai cấp từ CSDL

• December 27, 2010
• 56 comments

Được rất nhiều người hỏi về cách truy xuất dữ liệu từ CSDL ra như thế nào? và áp dụng chúng với những kỹ thuật đã học ra làm sao? Cho nên tôi hy vọng với tutorial này, sẽ giúp các bạn có cái nhìn tổng quát về cách truy xuất CSDL và kết hợp nó với HTML để tạo ra các thành phần của một trang web.

Rất nhiều người hỏi tôi là tại sao các ví dụ về CSS, jQuery trên izwebz toàn là dạng “tĩnh” mà không phải là “động”. Vấn đề là khi viết tutorial, tôi muốn hướng dẫn bạn kỹ thuật về CSS và jQuery chứ không phải về PHP hoặc MySQL. Cho nên tôi mới sử dụng dạng tĩnh coi như mẫu để làm việc với nó. Còn khi bạn đã biết cách sử dụng nó rồi, thì bạn có thể áp dụng nó vào bất cứ trường hợp nào.

Nhưng vì nhiều người hỏi quá cho nên tôi muốn làm một Video để giúp các bạn thấy được nếu phải áp dụng thì phải làm như thế nào. Trong bài này có sự đóng góp ý kiến rất quan trọng của Clackken Smith, đã giúp tôi sửa lỗi cặp thẻ <ul> để menu hiển thị chính xác hơn.

Trong bài này tôi sử dụng lại mã CSS của bài Flyout menu. Nếu bạn chưa biết cách tạo Flyout Menu, thì bạn nên xem lại bài đó.

Thời lượng: 24:48

Download định dạng .mp4 chất lượng cao :MediaFire

Dung lượng: 36 MB

Đoạn mã sử dụng trong Video

<?php
        $conn = mysqli_connect('localhost','root','123456','navigation') or die('Error connection');
        $page_query = "SELECT * FROM pages";
        $page_res = mysqli_query($conn,$page_query) or die('Could not select Pages '.mysqli_error($conn));
        if($page_res && mysqli_num_rows($page_res) > 0) {
            echo "<ul class='nav'>";
            while($page_items = mysqli_fetch_array($page_res,MYSQLI_ASSOC)) {
                $subject_query = "SELECT *
                                  FROM subjects
                                  WHERE page_id={$page_items['id']}";
                $subject_res = mysqli_query($conn,$subject_query) or die('Could not select subjects '.mysqli_error($conn));
                if($subject_res && mysqli_num_rows($subject_res) > 0) {
                    echo "<li><a href='#'>{$page_items['page_name']}</a><ul>";
                    while($subject_items = mysqli_fetch_array($subject_res,MYSQLI_ASSOC)) {
                        echo "<li><a href='#'>{$subject_items['subject_name']}</a></li>";
                    }//END while $subject_items
                    echo "</ul></li>";
                } else {
                    echo "<li><a href='#'>{$page_items['page_name']}</a></li>";
                }
            }//End while $page_items
        }
        echo "</ul>";
    ?>