一、前言

簡單的描述一下，實(shí)習(xí)幾個原理，思想，其實(shí)寫很多東西，思想算是最重要的。

1、目標(biāo)：將寫一個無限節(jié)點(diǎn)的樹形目錄結(jié)構(gòu)，如下圖

步驟：

1、你的下載 插件? ztree。然后布置在你的項(xiàng)目中。

2、相關(guān)CSS

以上CSS 和JS 以你自己的為準(zhǔn)。

3、目錄結(jié)構(gòu)DIV

4，自己單獨(dú)js中的代碼

里面寫的相關(guān)功能 及配置！

//配置項(xiàng)

var?setting?=?{

isSimpleData?:?true,??????????????//數(shù)據(jù)是否采用簡單?Array?格式，默認(rèn)false??性

showLine?:?true,??????????????????//是否顯示節(jié)點(diǎn)間的連線

checkable?:?true,

callback:?{

onClick:?zTreeOnClick

}

};

var?zNodes;//數(shù)據(jù)變量

//ajax提交數(shù)據(jù)，請求后臺PHP處理返回出目錄結(jié)構(gòu)json數(shù)據(jù)

$.ajax({

url:"/admin.php/Ztree",

type:?"get",

async:?false,

dataType:"json",

success:?function?(data)?{

//alert(data);

zNodes=data;????//將請求返回的數(shù)據(jù)存起來

//alert(zNodes);

},

error:?function?(){//請求失敗處理函數(shù)

alert('請求失敗');

},

})

//初始化ztree目錄結(jié)構(gòu)視圖！

$(document).ready(function(){

//alert("111");

$.fn.zTree.init($("#treeDemo"),?setting,?zNodes);

});

5、后臺PHP 遞歸算法，從數(shù)據(jù)庫中查找目錄結(jié)構(gòu)并且生成 JSON數(shù)據(jù)

地址：如4中，AJAX所請求的 【/admin.php/Ztree】我這里是用的ThinkPHP框架，所以url是這個樣子，以你自己的接口文件為準(zhǔn)！

//父節(jié)點(diǎn)數(shù)組

$arr=array();

$arr_str0?=?array("name"?=>'函數(shù)庫查詢','children'=>$this->SelectSon(1));???????//父節(jié)點(diǎn)??Pid=1;

$arr_str1?=?array("name"?=>'數(shù)據(jù)庫查詢','children'=>$this->SelectSon(2));???????//父節(jié)點(diǎn)??Pid=2;

array_push($arr,?$arr_str0);

array_push($arr,?$arr_str1);//這里是2個父節(jié)點(diǎn)。

echo(json_encode($arr));?//這是最后返回給頁面，也就是返回給AJAX請求后所得的返回數(shù)據(jù)?JSON數(shù)據(jù)

？>

//這里僅僅是一個方法，一個調(diào)用SelectSon()方法，返回一個數(shù)組集合！但其中用的是遞歸！

//查找子節(jié)點(diǎn)????????Pid=父節(jié)點(diǎn)ID

private?function?SelectSon($Pid){

$m=M('ztree');

if(($info=$m->where("Pid='$Pid'")->select()))?//查找該父ID下的子ID

{

$data=array();

for?($i=0;?$i?

{

$da=array("name"?=>$info[$i]['name'],'children'=>$this->SelectSon($info[$i]['id']));??//遞歸算法！

array_push($data,?$da);//加入子節(jié)點(diǎn)數(shù)組

};

return?$data;//一次性返回子節(jié)點(diǎn)數(shù)組，他們成為同級子節(jié)點(diǎn)。

}

else

{

return?null;

}

}

?>

主意：由于我是用的thinkphp框架。所以在方法調(diào)用上 有些不同，純PHP文件中，思路應(yīng)該是一樣的，

首先是： 寫一個數(shù)組。一個父節(jié)點(diǎn)的數(shù)組。

其次：? 寫一個方法，傳遞的參數(shù)是 父節(jié)點(diǎn)的ID，查詢其子節(jié)點(diǎn)，在子節(jié)點(diǎn)中查詢之后，用遞歸的方式繼續(xù)查找子節(jié)點(diǎn)的子節(jié)點(diǎn)，直到最后查詢完畢之后，返回數(shù)組給調(diào)用方法的父節(jié)點(diǎn)數(shù)組。然后再

echo(json_encode($arr));

轉(zhuǎn)碼成 JSON 將其輸出，以便于AJAX異步訪問，得到JSON數(shù)據(jù)。

得到之后，回到剛剛的JS功能代碼中，直接初始化樹目錄結(jié)構(gòu)，將其JSON數(shù)據(jù)傳入OK。

總結(jié)：

其主要思想分2步走。第一步，是如何能把目錄生成出來。先測試時，可以用靜態(tài)數(shù)據(jù)。類似于

var?node=[

{name:'父節(jié)點(diǎn)',children:[{name:'子節(jié)點(diǎn)',children:null},{name:'同級子節(jié)點(diǎn)',children:null}]}

]

先分析一下，這串?dāng)?shù)據(jù)，他有什么規(guī)律。你就會發(fā)現(xiàn)。其實(shí)很有規(guī)律。無限節(jié)點(diǎn)，其實(shí)就是每個json中，有children，而且

還有同級子節(jié)點(diǎn)。

你先用固定數(shù)據(jù) 生成目錄結(jié)構(gòu)之后

你就可以開始考慮，動態(tài)的向node傳目錄結(jié)構(gòu)的數(shù)據(jù)了。就是我們后面所謂的 AJAX請求 PHP得到JSON數(shù)據(jù)，

PHP處理中，我用的是遞歸算法，返回JSON數(shù)據(jù)。及完成了。目錄結(jié)構(gòu)。

哦對了。

$m=M('ztree');

這句代碼是thinkphp 實(shí)例化 數(shù)據(jù)操作對象的。

用來查詢數(shù)據(jù)庫中，節(jié)點(diǎn)是否存在。就是存在子節(jié)點(diǎn)，就返回給子節(jié)點(diǎn)數(shù)組，有幾個就加入子節(jié)點(diǎn)數(shù)組中，查詢完了。然后一次性返回，他們就成了同級子節(jié)點(diǎn)了。

總結(jié)

以上是生活随笔為你收集整理的php 查找无限级,Ztree + PHP 无限级节点 递归查找节点法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。