2017.5.22 北京 大雨

創(chuàng)新互聯(lián)建站專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都做網(wǎng)站、成都網(wǎng)站建設(shè)、慶元網(wǎng)絡(luò)推廣、微信小程序開發(fā)、慶元網(wǎng)絡(luò)營銷、慶元企業(yè)策劃、慶元品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)建站為所有大學(xué)生創(chuàng)業(yè)者提供慶元建站搭建服務(wù)，24小時服務(wù)熱線：028-86922220，官方網(wǎng)址：chinadenli.net

來到公司之后， 準(zhǔn)備把代碼移植到公司的小項目里，移植的過程中發(fā)現(xiàn)了一處設(shè)計有問題的地方，調(diào)整一下。

第一處錯誤是：構(gòu)建葉子節(jié)點的時候，只保存了節(jié)點的名稱，沒有存ID， 如果頁面跟后臺交互的時候，當(dāng)存在節(jié)點名稱一樣的情況，服務(wù)器就不能判斷出用戶正在再操作那個節(jié)點。

更改了一下數(shù)據(jù)結(jié)構(gòu)的定義：
用數(shù)組來存放一個節(jié)點， 如果這個節(jié)點是末端節(jié)點，則該數(shù)組，只有一個字符串元素，

如果一個節(jié)點為葉子節(jié)點，則該節(jié)點將會有兩個字符串元素，第一元素存節(jié)點名稱，第二個元素存節(jié)點ID。
如果這個節(jié)點存在子節(jié)點，則在當(dāng)前數(shù)組中，增加一個數(shù)組，所有的子節(jié)點的元素存放在這個數(shù)組中。

從數(shù)據(jù)庫中取數(shù)據(jù)的代碼調(diào)整如下：

function build_book_tree($data, $parentid){
    $nodeName = '';
    $child = [];
    foreach($data as $key => $val){
        //如果當(dāng)前遍歷的項跟查詢的id相同，則獲取節(jié)點的名稱
        if ($val[0] == $parentid){
            $nodeName = $val[1];
        }
        //如果當(dāng)前節(jié)點的父節(jié)點跟查詢的節(jié)點相同，則通過遞歸，獲取他的子節(jié)點，并將結(jié)果，賦給當(dāng)前節(jié)點節(jié)點數(shù)組中
        if ($val[2] == $parentid){
            array_push($child, build_book_tree($data, $val[0]));
        }
    }
    //不存放空節(jié)點
    if (count($child) > 0)
        return array($nodeName, $child);
    else 
        //return $nodeName;
        return [$nodeName, $parentid];
}

生成HTML list的代碼調(diào)整如下

function build_html_list($data)
{
    //輸出標(biāo)準(zhǔn)父子節(jié)點
    if (is_array($data) and count($data) == 2){
        if (is_string($data[0]) and is_array($data[1])){
            // 輸出節(jié)點名
            echo "<li>".$data[0];
            // 輸出子節(jié)點
            if (is_array($data[1])){
                echo "<ul>";
                foreach ($data[1] as $item){
                    if (is_string($item)){
                        echo "<li>".$item."</li>";
                    } 
                    else{
                        build_html_list($item);    
                    }
                }
                echo "</ul>";
            }
            echo "</li>";   
        }
        // 輸出葉子節(jié)點 2017.5.22 add by sunhu
        else if (is_string($data[0]) and is_int($data[1])){
            echo sprintf('<li cid="%d">%s</li>', $data[1], $data[0]);
        }                         
    } 
}

這樣，如果用戶單擊一個 li 元素的時候，就可以從 li元素的 cid 屬性中，查找到 節(jié)點 id 了

標(biāo)題名稱：PHP實現(xiàn)簡單的樹形列表之二
文章鏈接：http://chinadenli.net/article8/ihjiip.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計公司、手機網(wǎng)站建設(shè)、網(wǎng)站導(dǎo)航、商城網(wǎng)站、企業(yè)建站、ChatGPT

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)