如何使用css、mysql和codeigniter制作树菜单


How to make tree menu with css, mysql and codeigniter

我想用css和codeigniter制作动态树菜单。这是cmb_menu的表格:

(`id_menu`, `id_parent`, `menu`)
(1, '0', 'see and do')
(2, '0', 'travel info')
(3, '0', 'inside dublin')
(4, '1', 'event')
(5, '1', 'tour')
(6, '2', 'tips')

我用这个函数得到正常的结果。它是有效的。

function menu($parent=0,$hasil){
        $w = $this->db->query("SELECT * from cmb_menu where id_parent='".$parent."'");
        if(($w->num_rows())>0)
        {
            $hasil .= "<ul>";
        }
        foreach($w->result() as $h)
        {
            $hasil .= "<li>".$h->menu;
            $hasil = $this->menu($h->id_menu,$hasil);
            $hasil .= "</li>";
        }
        if(($w->num_rows)>0)
       {
            $hasil .= "</ul>";
        }
        return $hasil;
    }

但我在使用它时遇到了一个问题,我不知道如何自定义该函数,以便得到结果。像这样:

<ul class="menu span9 inline">
<li class="dropdown-submenu">
                <a href="travel.html">see and do</a>
                <ul class="dropdown-menu">
                    <li><a href="">Highlights</a></li>
                    <li class="dropdown-submenu">
                        <a href="">Activities</a>
                        <ul class="dropdown-menu">
                            <li><a href="">Traditional</a></li>
                            <li><a href="">Shopping</a></li>
                            <li><a href="">Cafes</a></li>
                            <li><a href="">Restaurants</a></li>
                        </ul>
                    </li>
                    <li><a href="">Events</a></li>
                    <li><a href="">Tour & Attractions</a></li>
                </ul>
            </li>
            <li class="dropdown-submenu">
                <a href="travel.html">where to stay</a>
                <ul class="dropdown-menu">
                    <li><a href="">Hotel</a></li>
                    <li><a href="">Homestay</a></li>
                    <li><a href="">Guesthouse</a></li>
                </ul>
            </li>
            <li><a href="fashion.html">inside minangkabau</a></li>
            <li><a href="travel.html">travel info</a></li>
            <li class="dropdown-submenu">
                <a href="fashion.html">articles</a>
                <ul class="dropdown-menu">
                    <li><a href="">Tips</a></li>
                    <li><a href="">Offers</a></li>
                    <li><a href="">Minangkabau</a></li>
                    <li><a href="">Culture</a></li>
                    <li><a href="">Food & Drink</a></li>
                </ul>
            </li>
            <li><a href="travel.html">map</a></li>
            </ul>

MySQL无法执行递归查询。你有两个选择:

  • 如本文所述,将您的模型更改为嵌套集模型
  • 创建一个过程,允许您探索您的树(请参阅下面的代码)

然后,您只需要通过将父id传递给它来调用它,并迭代生成的行(每行是一个节点,第二列是子节点的id列表)。您可以更改函数的代码,以便添加更多信息。

DELIMITER $$
DROP FUNCTION IF EXISTS `GetFamilyTree` $$
FUNCTION `GetFamilyTree`(`GivenID` INT) RETURNS varchar(1024) CHARSET latin1
DETERMINISTIC
BEGIN
DECLARE rv,q,queue,queue_children VARCHAR(1024);
DECLARE queue_length,front_id,pos INT;
SET rv = '';
SET queue = GivenID;
SET queue_length = 1;
WHILE queue_length > 0 DO
    SET front_id = FORMAT(queue,0);
    IF queue_length = 1 THEN
        SET queue = '';
    ELSE
        SET pos = LOCATE(',',queue) + 1;
        SET q = SUBSTR(queue,pos);
        SET queue = q;
    END IF;
    SET queue_length = queue_length - 1;
    SELECT IFNULL(qc,'') INTO queue_children
    FROM (SELECT GROUP_CONCAT(id) qc
    FROM cmb_menu WHERE id_parent = front_id) A;
    IF LENGTH(queue_children) = 0 THEN
        IF LENGTH(queue) = 0 THEN
            SET queue_length = 0;
        END IF;
    ELSE
        IF LENGTH(rv) = 0 THEN
            SET rv = queue_children;
        ELSE
            SET rv = CONCAT(rv,',',queue_children);
        END IF;
        IF LENGTH(queue) = 0 THEN
            SET queue = queue_children;
        ELSE
            SET queue = CONCAT(queue,',',queue_children);
        END IF;
        SET queue_length = LENGTH(queue) - LENGTH(REPLACE(queue,',','')) + 1;
    END IF;
END WHILE;
RETURN rv;
END$$