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íng)銷、慶元企業(yè)策劃、慶元品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等，從售前售中售后，我們都將竭誠(chéng)為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；創(chuàng)新互聯(lián)建站為所有大學(xué)生創(chuàng)業(yè)者提供慶元建站搭建服務(wù)，24小時(shí)服務(wù)熱線：028-86922220，官方網(wǎng)址：chinadenli.net

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

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

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

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

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

function build_book_tree($data, $parentid){
    $nodeName = '';
    $child = [];
    foreach($data as $key => $val){
        //如果當(dāng)前遍歷的項(xiàng)跟查詢的id相同，則獲取節(jié)點(diǎn)的名稱
        if ($val[0] == $parentid){
            $nodeName = $val[1];
        }
        //如果當(dāng)前節(jié)點(diǎn)的父節(jié)點(diǎn)跟查詢的節(jié)點(diǎn)相同，則通過遞歸，獲取他的子節(jié)點(diǎn)，并將結(jié)果，賦給當(dāng)前節(jié)點(diǎn)節(jié)點(diǎn)數(shù)組中
        if ($val[2] == $parentid){
            array_push($child, build_book_tree($data, $val[0]));
        }
    }
    //不存放空節(jié)點(diǎn)
    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é)點(diǎn)
    if (is_array($data) and count($data) == 2){
        if (is_string($data[0]) and is_array($data[1])){
            // 輸出節(jié)點(diǎn)名
            echo "<li>".$data[0];
            // 輸出子節(jié)點(diǎn)
            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é)點(diǎn) 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]);
        }                         
    } 
}

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

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

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

廣告

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