Ztree + PHP 無限極節點 遞迴尋找節點法_PHP教程

來源:互聯網
上載者:User

Ztree + PHP 無限極節點 遞迴尋找節點法


一、前言

簡單的描述一下,實習幾個原理,思想,其實寫很多東西,思想算是最重要的。

1、目標:將寫一個無限節點的樹形目錄結構,如

步驟:

1、你的下載 外掛程式 ztree。然後布置在你的項目中。

 

2、相關CSS

 
  1. "stylesheet" href="__PUBLIC__/css/zTreeStyle/zTreeStyle.css" type="text/css">
  2. "stylesheet" href="__PUBLIC__/css/zTree.css" type="text/css">

以上CSS 和JS 以你自己的為準。

3、目錄結構DIV

 
  1. "content_wrap" style="background:#666;">
  2. "zTreeDemoBackground left">
    • "treeDemo" class="ztree">
  3. "content-text" id="text">

4,自己單獨js中的代碼

 

裡面寫的相關功能 及配置!

 
  1. //配置項
  2. var setting = {
  3. isSimpleData : true, //資料是否採用簡單 Array 格式,預設false 性
  4. showLine : true, //是否顯示節點間的連線
  5. checkable : true,
  6. callback: {
  7. onClick: zTreeOnClick
  8. }
  9. };
  10. var zNodes;//資料變數
  11. //ajax提交資料,請求後台PHP處理返回出目錄結構json資料
  12. $.ajax({
  13. url:"/admin.php/Ztree",
  14. type: "get",
  15. async: false,
  16. dataType:"json",
  17. success: function (data) {
  18. //alert(data);
  19. zNodes=data; //將請求返回的資料存起來
  20. //alert(zNodes);
  21. },
  22. error: function (){//請求失敗處理函數
  23. alert('請求失敗');
  24. },
  25. })
  26. //初始化ztree目錄結構視圖!
  27. $(document).ready(function(){
  28. //alert("111");
  29. $.fn.zTree.init($("#treeDemo"), setting, zNodes);
  30. });

5、後台PHP 遞迴演算法,從資料庫中尋找目錄結構並且產生 JSON資料

地址:如4中,AJAX所請求的 /admin.php/Ztree】我這裡是用的ThinkPHP架構,所以url是這個樣子,以你自己的介面檔案為準!

 
  1. //父節點數組
  2. $arr=array();
  3. $arr_str0 = array("name" =>'函數庫查詢','children'=>$this->SelectSon(1)); //父節點 Pid=1;
  4. $arr_str1 = array("name" =>'資料庫查詢','children'=>$this->SelectSon(2)); //父節點 Pid=2;
  5. array_push($arr, $arr_str0);
  6. array_push($arr, $arr_str1);//這裡是2個父節點。
  7. echo(json_encode($arr)); //這是最後返回給頁面,也就是返回給AJAX請求後所得的返回資料 JSON資料
  8. ?>
  9. //這裡僅僅是一個方法,一個調用SelectSon()方法,返回一個數組集合!但其中用的是遞迴!
  10. //尋找子節點 Pid=父節點ID
  11. private function SelectSon($Pid){
  12. $m=M('ztree');
  13. if(($info=$m->where("Pid='$Pid'")->select())) //尋找該父ID下的子ID
  14. {
  15. $data=array();
  16. for ($i=0; $i < count($info) ; $i++)
  17. {
  18. $da=array("name" =>$info[$i]['name'],'children'=>$this->SelectSon($info[$i]['id'])); //遞迴演算法!
  19. array_push($data, $da);//加入子節點數組
  20. };
  21. return $data;//一次性返回子節點數組,他們成為同級子節點。
  22. }
  23. else
  24. {
  25. return null;
  26. }
  27. }
  28. ?>

注意:由於我是用的thinkphp架構。所以在方法調用上 有些不同,純PHP檔案中,思路應該是一樣的,

首先是: 寫一個數組。一個父節點的數組。

其次: 寫一個方法,傳遞的參數是 父節點的ID,查詢其子節點,在子節點中查詢之後,用遞迴的方式繼續尋找子節點的子節點,直到最後查詢完畢之後,返回數組給調用方法的父節點數組。然後再

 
  1. echo(json_encode($arr));

轉碼成 JSON 將其輸出,以便於AJAX非同步訪問,得到JSON資料。

得到之後,回到剛剛的JS功能代碼中,直接初始化樹目錄結構,將其JSON資料傳入OK。

總結:

其主要思想分2步走。第一步,是如何能把目錄產生出來。先測試時,可以用待用資料。類似於

 
  1. var node=[
  2. {name:'父節點',children:[{name:'子節點',children:null},{name:'同級子節點',children:null}]}
  3. ]
  4. 先分析一下,這串資料,他有什麼規律。你就會發現。其實很有規律。無限節點,其實就是每個json中,有children,而且
  5. 還有同級子節點。

你先用固定資料 組建目錄結構之後

你就可以開始考慮,動態向node傳目錄結構的資料了。就是我們後面所謂的 AJAX請求 PHP得到JSON資料,

PHP處理中,我用的是遞迴演算法,返回JSON資料。及完成了。目錄結構。

哦對了。

 
  1. $m=M('ztree');

這句代碼是thinkphp 執行個體化 資料操作對象的。

用來查詢資料庫中,節點是否存在。就是存在子節點,就返回給子節點數組,有幾個就加入子節點數組中,查詢完了。然後一次性返回,他們就成了同級子節點了。

http://www.bkjia.com/PHPjc/915111.htmlwww.bkjia.comtruehttp://www.bkjia.com/PHPjc/915111.htmlTechArticleZtree + PHP 無限極節點 遞迴尋找節點法 一、前言 簡單的描述一下,實習幾個原理,思想,其實寫很多東西,思想算是最重要的。 1、目標:...

  • 聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.